p{line-height:1.75;}
strong.blueText{color: #4277a4;}
strong>span{font-size:0.86em;}
h4,p,span{text-align:justify;}
h4 span{font-size:84%;}
.fI{opacity:0;}
.swiper {width: 1000px;}
@media(max-width:1200px){.swiper{width:90%;}}
@media(max-width:768px){.swiperArea{display:none;}}
.swiper-slide {background:#fff;width:20%;min-height:200px!important;padding:0;box-shadow:0 2px 6px rgba(0,0,0,.15),0 8px 20px rgba(0,0,0,.08);cursor:pointer!important;}
.swiper-slide.swiper-img{overflow:hidden!important;}
.swiper-slide img {display: block;width: 100%;height: auto;vertical-align: bottom;margin: 0;transition:0.3s ease;}
.swiper-slide:hover>img {transform:scale(1.1);}
.swiper-slide {z-index:1;}
.swiper-slide:hover{z-index:2;}
.swiper-slide .speakerName{position: relative;display: block;text-align: center;font-size: 16px;line-height: 1.2;font-weight: 600;background:#4277a4;color:#fff;padding:8px 24px 8px 12px;margin:0 !important;overflow:visible;}
.swiper-slide > div.speakerName span{font-size:0.85em;}
.swiper-slide > p{padding:1.2em 1.5em 0em; font-size: 0.85em;line-height: 1.5;color:#666; margin: 0;}
.swiper-pagination-bullet {background:#ddd;opacity: 1;}
.swiper-pagination-bullet-active {background:#4277a4;}
.swiper-button-prev,.swiper-button-next {color: #4277a4;}
.swiper-slide > p:empty {display: none;margin: 0;padding: 0;}
.bgSpeaker{background-image: url("https://www.uchida-it.co.jp/its_wp2018/wp-content/uploads/2026/02/bg_speakers.png");background-size: cover;background-position: center;background-repeat: no-repeat;min-height: 420px;}
.kv2 {position: relative;width: min(100%, 1200px);margin: 0 auto;aspect-ratio: 2200 / 958;border-radius: 1rem;overflow: clip;background-image: url("https://www.uchida-it.co.jp/its_wp2018/wp-content/uploads/2026/02/bg_mv.jpg");background-size: cover; background-position: center;}
.kv2__title {position: absolute;inset: 50% auto auto 50%;transform: translate(-50%, -56%); width: 56%;height: auto;z-index: 1;pointer-events: none;display: block;filter: drop-shadow(0 2px 8px rgba(0,0,0,0.25));/opacity: 0;animation: kvTitleFadeIn 1s ease-out forwards;}
@keyframes kvTitleFadeIn {
0% {opacity: 0;transform: translate(-50%, -76%) scale(1.5);filter: drop-shadow(0 2px 8px rgba(0,0,0,0.25)) blur(.4rem);}
50% {opacity: 0.6;transform: translate(-50%, -46%) scale(1.2);filter: drop-shadow(0 2px 8px rgba(0,0,0,0.25)) blur(.2rem);}
100% {opacity: 1;transform: translate(-50%, -56%) scale(1);filter: drop-shadow(0 2px 8px rgba(0,0,0,0.25)) blur(0);}}
.speakers {display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;align-items: start;}
@media(max-width:768px){.speakers {grid-template-columns: repeat(2, 1fr);}}
@media(max-width:480px){.speakers {grid-template-columns: repeat(1, 1fr);}}
.speakerCard{padding:1.6em 1.8em;box-shadow:0 2px 6px rgba(0,0,0,.15),0 8px 20px rgba(0,0,0,.08);position: relative;min-height:38rem;margin:0.5em;transition:0.3s ease;cursor:pointer;background:#fff;}
.speakerCard:hover{transform:scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,.1),0 16px 40px rgba(0,0,0,.06);}
.speakerCard h4 {font-weight:600;margin: 0 0 8px;line-height: 1.6;color:#4277a4;font-size:1.15em;}
.speakerCardName {display: flex;justify-content: center;align-items: center;margin-top:2.2rem;}
.speakerCardName img {width:90%; height:90%; border-radius: 50%;object-fit: cover;display: block;}
.speakerCardName strong{font-size:1.1em!important;color:#4277a4;display:block;margin-bottom:-1rem;}
.speakerCardName span{font-size:0.8em!important;}
.speakerCardName div{flex:1;padding:0.4em;}
.speakerCard .badgePickUp{--long:18px;--diff:-6px;position:absolute;top:0;right:0;padding:6px 12px;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(to right,#ff5559,#ff8a8d);line-height:1;pointer-events:none;border-radius:0}.speakerCard
.badgePickUp::before{content:"";position:absolute;top:0;right:100%;width:0;height:0;border-top:calc(0.5em + -6px + var(--diff)) solid transparent;border-bottom:calc(0.5em + 12px - var(--diff)) solid transparent;border-right:var(--long) solid #ff5559}
.themeCategory{font-weight:600;display:block;margin-bottom:1em;}
.themeCategory span{color:#fff;background:linear-gradient(to right,#4277a4,#7fb3da);padding:0.2em 0.5em;}
.buttonCard{font-weight:bold;border:1px solid #4277a4;color:#4277a4;padding:0.5em;text-align:center;font-size:0.75em;margin:auto;transition:0.3s ease;border-radius:0.25rem;position: absolute;
left: 50%;bottom:2rem;transform: translateX(-50%);width:90%;}
.speakerCard:hover .buttonCard{color:#fff;background:linear-gradient(to right,#4277a4,#7fb3da);border:none;}
dialog.modal {max-width:90%;height:85dvh;border: none;border-radius: 12px;background:linear-gradient(to right,#4277a4,#7fb3da);padding:0.2em 2em 1.8em;}
@media(min-width:1280px){dialog.modal {max-width:1100px;}}
@media(max-width: 768px) {dialog.modal {padding:0.1em 0.5em 0.2em;}}
dialog::backdrop { background: rgba(0,0,0,.5); }
.modal-closer {position:absolute; top:8px; right:12px; z-index:10;width:40px; height:40px; border-radius:20px;border:none; background:rgba(0,0,0,.35); color:#fff; font-size:22px; cursor:pointer;}
.modal-swiper {width:100%; height:100%; background:#fff;min-height: 400px;border-radius: 8px;overflow-y:auto;-webkit-overflow-scrolling: touch;flex: 1;}
.modal-swiper {scrollbar-width: none; /* Firefox */}
.modal-swiper::-webkit-scrollbar {display: none; /* Chrome / Safari */}
.modal-swiper .swiper-wrapper {height: 100%;}
.modal-swiper .swiper-slide { display: block;height: auto;align-items:center; justify-content:center;}
.modal-swiper img {max-width:100%; max-height:100%; object-fit:contain;}
.slideInner{padding:3em 3em;background:#fff;height:auto;}
@media(max-width:768px){.slideInner{padding:2em 1.4em;}}
.slideInner h4{color:#4277a4;font-weight:600;line-height:1.6;font-size:1.4em;}
@media(max-width:768px){slideInner h4{font-size:1em;line-height:1.6;}}
.slideInner p{font-size:1.1em;margin-bottom:2em;}
@media(max-width:768px){.slideInner p{font-size:0.9em;line-height:1.6;}}
.slideInnerName{display:flex;gap:3em;margin-top:5em;align-items: center;}
@media(max-width: 768px) {.slideInnerName {display:none;}}
.slideInnerName strong{font-size:1.2em;display:block;margin-bottom:1.2em;color:#4277a4;}
#gallery .swiper-slide{width:28%;}
@media(min-width:768px){#gallery .swiper-slide{width:28%;}}
@media(min-width:1200px){#gallery .swiper-slide{width:24%;}}
#gallery .swiper-wrapper{display:flex;}
#gallery .swiper-slide{flex-shrink:0;}
#gallery{position:relative;z-index:10;}
#gallery .swiper-slide *{pointer-events:none;}
#gallery .swiper-slide img{display:block;width:100%;height:auto;}
dialog[open] {display: flex;flex-direction: column;}
@media(max-width: 768px) {br.br768{display:none;}}
