/* Section 01 7a802b9 JUNIOR PROMOTE COACH - Extracted CSS */

/* Elementor base styles for this section */
.JUNIORPROMOTECOACH-section {
    position: relative;
}

.JUNIORPROMOTECOACH-section .JUNIORPROMOTECOACH-container {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.JUNIORPROMOTECOACH-section.JUNIORPROMOTECOACH-section-boxed > .JUNIORPROMOTECOACH-container {
    max-width: 1140px;
}

.JUNIORPROMOTECOACH-column {
    display: flex;
    min-height: 1px;
    position: relative;
}

.JUNIORPROMOTECOACH-column.JUNIORPROMOTECOACH-col-100 {
    width: 100%;
}

.JUNIORPROMOTECOACH-widget-wrap {
    align-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    display: flex;
}

.JUNIORPROMOTECOACH-widget {
    position: relative;
}

.JUNIORPROMOTECOACH-widget:not(:last-child) {
    margin-bottom: 20px;
    width: 100%;
}

/* Background video container */
.JUNIORPROMOTECOACH-background-video-container {
    direction: ltr;
    inset: 0;
    overflow: hidden;
    position: absolute;
    z-index: 0;
    pointer-events: none;
    transition: opacity 1s;
}

.JUNIORPROMOTECOACH-background-video-container.JUNIORPROMOTECOACH-loading {
    opacity: 0;
}

.JUNIORPROMOTECOACH-background-video,
.JUNIORPROMOTECOACH-background-video-embed,
.JUNIORPROMOTECOACH-background-video-hosted {
    inset-block-start: 50%;
    inset-inline-start: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.JUNIORPROMOTECOACH-background-video-hosted {
    -o-object-fit: cover;
    object-fit: cover;
}

/* Background overlay */
.JUNIORPROMOTECOACH-background-overlay {
    position: absolute;
    inset: 0;
    background-color: #000000;
    opacity: 0.5;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

/* Heading styles for this section */
.JUNIORPROMOTECOACH-heading-title-small {
    font-family: "Noto Sans JP", Sans-serif;
  font-size: 1.6em;
  font-weight: 600;
  color: #FFFFFF59;
}
.JUNIORPROMOTECOACH-heading-title {
    font-family: "Mulish", Sans-serif;
  font-size: 7.5em;
  font-weight: 900;
  color: #FFFFFF59;
  line-height: 1;
  margin: 0;
  padding: 0;
}

.JUNIORPROMOTECOACH-widget-heading .JUNIORPROMOTECOACH-heading-title.JUNIORPROMOTECOACH-size-default {
    
}

@media (max-width: 767px) {
    .JUNIORPROMOTECOACH-top-section{
        padding: 28% 0% 10% 0%;
    }
}

@media (max-width: 767px) {
    .JUNIORPROMOTECOACH-element-ecbc702 .JUNIORPROMOTECOACH-heading-title {
        font-size: 3em;
        color:#FFFFFF9E;
    }
}

@media (max-width: 767px) {
    .JUNIORPROMOTECOACH-element-95d06ec .JUNIORPROMOTECOACH-heading-title {
        font-size: 1em;
        color:#FFFFFF9E;
    }
}

/* Responsive visibility */
@media (max-width: 767px) {
    .JUNIORPROMOTECOACH-hidden-mobile {
        display: none;
    }
}

@media (min-width: 768px) {
    .JUNIORPROMOTECOACH-hidden-desktop,
    .JUNIORPROMOTECOACH-hidden-tablet {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .JUNIORPROMOTECOACH-hidden-tablet {
        display: none;
    }
}

/* Section specific styles */
.JUNIORPROMOTECOACH-section[data-id="7a802b9"] {
    position: relative;
}

.JUNIORPROMOTECOACH-section[data-id="7a802b9"] .JUNIORPROMOTECOACH-background-video-hosted {
    width: 1920px;
    height: 1080px;
}

/* Column gap styles */
.JUNIORPROMOTECOACH-column-gap-default > .JUNIORPROMOTECOACH-column > .JUNIORPROMOTECOACH-element-populated {
    padding: 10px;
}

/* Element positioning */
.JUNIORPROMOTECOACH-element-populated {
    /* Base styles for populated elements */
}

/* Widget container styles */
.JUNIORPROMOTECOACH-widget-container {
    /* Base widget container styles */
}

/* Element specific responsive classes */
.JUNIORPROMOTECOACH-element.JUNIORPROMOTECOACH-widget__width-initial {
    max-width: 100%;
}

@media (max-width: 1024px) {
    .JUNIORPROMOTECOACH-section .JUNIORPROMOTECOACH-container {
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) {
    .JUNIORPROMOTECOACH-column {
        width: 100%;
    }
}

/* PC版（デスクトップ）のみの調整 */
@media (min-width: 768px) {
    .JUNIORPROMOTECOACH-section.JUNIORPROMOTECOACH-top-section[data-id="7a802b9"] {
        padding: 14% 0% 7% 0%;
    }
    
    .JUNIORPROMOTECOACH-top-section .JUNIORPROMOTECOACH-widget-wrap {
        align-content: center;
        justify-content: center;
    }
}