/*lazyload*/
.lazyload, .lazyloading { opacity: 0;}
.lazyloaded { opacity: 1; transition: all 1000ms;}
/*HEAD_slider*/
#top-slider_sp .swiper-slide { opacity: 0;}
/*_loading*/
.dots_sp { display: block; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); opacity: 1;}
.dots { display: flex; align-items: center; justify-content: center; }
.dots .dot { width: 12px; height: 12px; margin: 0 5px; background-color: rgba(0, 80, 255, .5); border-radius: 50%; animation: dot-pulse 1.5s ease-in-out infinite;}
.dots .dot:nth-child(1) { animation-delay: 0s; }
.dots .dot:nth-child(2) { animation-delay: 0.2s; }
.dots .dot:nth-child(3) { animation-delay: 0.4s; }
@keyframes dot-pulse { 0%, 100% { transform: scale(0.7); opacity: 0.7; } 50% { transform: scale(1); opacity: 1; } }

/*CONTENTS_common*/
#int_sp0, #interview-slider_sp .swiper-slide, #glb_sp0, #glb_sp, #digital-slider_sp .swiper-slide, #event-slider_sp .swiper-slide { opacity: 0; transition: opacity 0.5s ease;}

/*INTERVIEW*/
#interview-slider_sp { box-sizing: border-box; width: 100%; padding-left: 1.15em; position: relative; z-index: 100;}
#interview-slider_sp .l-inner, #interview-slider_sp .swiper-area, #interview-slider_sp .swiper { width: 100%;}
#interview-slider_sp .swiper-slide { width: 100%;}
#interview-slider_sp .swiper-slide a { display: block; width: 100%; height: 0; padding-top: 100%; position: relative;}
#interview-slider_sp .swiper-slide a:hover { filter: brightness(105%);}
#interview-slider_sp .swiper-slide a .interview_img { width: 100%; height: 0; padding-top: 56.25%; background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; left: 0;}
#interview-slider_sp .swiper-slide a .interview_info { font-size: 100%; line-height: 140%; -webkit-line-clamp: 2; max-height: 44px;}
#interview-slider_sp.is-static .swiper-slide { width: 85% !important; max-width: 320px; flex-shrink: 0;}
#interview-slider_sp.is-static { padding-left: 0 !important;}
#interview-slider_sp.is-static .swiper-wrapper { display: flex !important; justify-content: center; width: 100% !important; transform: none !important;}
#interview-slider_sp.is-static .swiper-slide { width: 85% !important; max-width: 350px; flex-shrink: 0; margin: 0 auto;}
/*for_W768-*/
@media (min-width: 768px) { 
#int_all { width: 90%; max-width: 1000px; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-end; margin: 0 auto; margin-top: -5em;}
#int_all.is-few-items { margin-top: 2em;}
#int_sp0 { width: 41%; flex-basis: 41%;}
#interview0_sp { width: 100%; max-width: 600px; margin: 0 auto;}
#int_sp { width: 56%; flex-basis: 56%;}
#interview-slider_sp { padding-left: 0;}
#interview-slider_sp .swiper-wrapper { width: 100% !important; height: 100%; display: flex !important; flex-flow: row wrap; justify-content: space-between; align-content: space-between; transform: none !important; opacity: 1;}
#interview-slider_sp .swiper-slide { width: 48% !important; flex-basis: 48% !important; margin: 0 !important; opacity: 1 !important;}
#interview-slider_sp .swiper-slide-duplicate { display: none !important;}
#interview-slider_sp .swiper-slide:nth-child(1), #interview-slider_sp .swiper-slide:nth-child(2) { margin-bottom: 1em;}
#interview-slider_sp .swiper-slide:not(.swiper-slide-duplicate):nth-of-type(1), #interview-slider_sp .swiper-slide:not(.swiper-slide-duplicate):nth-of-type(2) { margin-bottom: 1em !important;}
.interview_txt-sp { padding: .85em; font-size: 90%;}
#interview-slider_sp .swiper-slide a .interview_txt-sp { padding: .55em; font-size: 80%;}
#interview .lnk_lsp-sp { width: 36%; margin: 2em auto 0 auto;}
#interview-slider_sp.is-static .swiper-wrapper { justify-content: flex-start; gap: 4%; }
#interview-slider_sp.is-static .swiper-slide { width: 48% !important; flex-basis: 48% !important; margin-bottom: 0 !important;}
#interview-slider_sp.is-static .swiper-slide:nth-child(1), #interview-slider_sp.is-static .swiper-slide:nth-child(2) { margin-bottom: 1em !important;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
#interview { padding: 3em 0 5em 0;}
.interview_txt-sp { padding: 2em;}
#interview-slider_sp .swiper-slide a .interview_txt-sp { padding: .75em;}
.interview_info { font-size: 130%; line-height: 150%; vertical; -webkit-line-clamp: 3; max-height: 76px;}
#interview-slider_sp .swiper-slide a .interview_info { font-size: 110%; line-height: 140%; -webkit-line-clamp: 3; max-height: 68px;}
}
/*for_W1200-*/
@media (min-width: 1200px) { 
.interview_info { font-size: 140%; line-height: 150%; vertical; -webkit-line-clamp: 3; max-height: 82px;}
#interview-slider_sp .swiper-slide a .interview_txt-sp { padding: 1.25em;}
#interview-slider_sp .swiper-slide a .interview_info { font-size: 120%; line-height: 140%; -webkit-line-clamp: 2; max-height: 68px;}
.interview_update, .interview_lnk { font-size: 96%;}
}
#interview-slider_sp.is-static:not(@media (min-width: 768px)) { padding-left: 1.15em;}

/*DIGITAL*/
#digital-slider_sp .swiper.is-static { overflow: visible;}
#digital-slider_sp .swiper.is-static .swiper-wrapper { display: flex; justify-content: center; gap: 20px; transform: none !important;}
#digital-slider_sp .swiper.is-static .swiper-slide { width: 80% !important; max-width: 350px; opacity: 1 !important; visibility: visible !important; transform: scale(1) !important; flex-shrink: 0;}
#digital-slider_sp .swiper.is-static ~ .swiper-nav, #digital-slider_sp .swiper.is-static + .swiper-nav, #digital-slider_sp .swiper.is-static .swiper-nav { display: none !important;}
#digital-slider_sp .swiper.is-static { width: 100%; margin: 0 auto;}
#digital-slider_sp.is-static .swiper-nav, #digital-slider_sp:has(.is-static) .swiper-nav { display: none !important;}
#digital-slider_sp.is-static ~ .swiper-nav, #digital-slider_sp .swiper.is-static + .swiper-nav { display: none !important;}
/*for_W768-*/
@media (min-width: 768px) { 
#digital-slider_sp { width: calc(100% + 7em); margin: 2em 0 0 -3.5em;}
#digital-slider_sp .swiper-slide { transform: scale(.85); transition: transform 0.3s ease; transform-origin: center center; padding-top: 34%; box-sizing: border-box; margin: 0;}
#digital-slider_sp .swiper.is-static .swiper-slide { width: 30% !important;}
#digital-slider_sp .swiper-slide-active { transform: scale(1); z-index: 10; margin: 0;}
#digital-slider_sp .swiper-nav { margin-top: .1em; margin-right: 0;}
}
/*for_W1000-*/
@media (min-width: 1000px) { 
#digital-slider_sp .swiper-slide { transform: scale(.9); padding-top: 32%; margin: 0;}
#digital-slider_sp .swiper-slide-active { transform: scale(1); z-index: 10; margin: 0;}
#digital-slider_sp .swiper-slide a .digital_txt { padding-top: 42%;}
#digital .lnk_lsp-sp { bottom: -3em;}
}
/*for_W1200-*/
@media (min-width: 1200px) { 
#digital-slider_sp { margin: 3em 0 0 -3.5em;}
#digital-slider_sp .swiper-slide { padding-top: 29%;}
#digital-slider_sp .swiper-slide a .digital_txt { padding-top: 41%;}
}
/*for_W1400-*/
@media (min-width: 1400px) { 
#digital-slider_sp .swiper-slide { padding-top: 24%;}
#digital-slider_sp .swiper-slide a .digital_txt { padding-top: 40%;}
}

/*EVENT*/
#event-slider_sp.is-static .swiper-nav { display: none !important;}
#event-slider_sp .swiper.is-static .swiper-wrapper { display: flex; justify-content: center; gap: 30px; transform: none !important; width: 100% !important;}
#event-slider_sp .swiper.is-static .swiper-slide { width: 76% !important; max-width: 350px; padding-top: 110%; position: relative; flex-shrink: 0; opacity: 1 !important;}
#event-slider_sp .swiper.is-static .swiper-slide a { position: absolute; top: 0; left: 0; width: 100%;}
@media (min-width: 768px) {
#event-slider_sp .swiper.is-static .swiper-slide { width: 28% !important; padding-top: 40%;}
}