.elementor-688 .elementor-element.elementor-element-4da9d95{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-688 .elementor-element.elementor-element-394ecc3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-688 .elementor-element.elementor-element-394ecc3:not(.elementor-motion-effects-element-type-background), .elementor-688 .elementor-element.elementor-element-394ecc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-688 .elementor-element.elementor-element-c2688d4.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-688 .elementor-element.elementor-element-c2688d4{text-align:center;}.elementor-688 .elementor-element.elementor-element-c2688d4 .elementor-heading-title{font-weight:normal;color:var( --e-global-color-secondary );}.elementor-688 .elementor-element.elementor-element-a76fc5d.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-688 .elementor-element.elementor-element-a76fc5d{z-index:10;}.elementor-688 .elementor-element.elementor-element-9dff38b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-688 .elementor-element.elementor-element-6b6ffae{margin:1% 1% calc(var(--kit-widget-spacing, 0px) + 1%) 1%;text-align:center;}.elementor-688 .elementor-element.elementor-element-6b6ffae .elementor-heading-title{font-weight:normal;}.elementor-688 .elementor-element.elementor-element-a780e58{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-688 .elementor-element.elementor-element-9dff38b{--content-width:1090px;}}@media(max-width:767px){.elementor-688 .elementor-element.elementor-element-394ecc3{--min-height:88px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;}.elementor-688 .elementor-element.elementor-element-6b6ffae .elementor-heading-title{font-size:13px;}}/* Start custom CSS for html, class: .elementor-element-458278c */.first-year {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.first-year .year-link {
    width: calc(10% - 18px); /* グリッドの1列分の幅と同じに */
    box-sizing: border-box;
    background-color: #eae5e5;
    box-shadow: 2px 4px 4px rgba(0,0,0,0.1);
            border: 1px solid #eee;
}
        .year-grid {
            display: grid;
            grid-template-columns: repeat(10, 1fr);
            gap: 10px;
        }

        .year-row {
            display: contents;
        }

        .year-row:nth-child(odd) .year-link {
            background-color: #fff;
            box-shadow: 2px 4px 8px rgba(0,0,0,0.1);
            border: 1px solid #eee;
        }

        .year-row:nth-child(even) .year-link {
            background-color: #eae5e5;
            box-shadow: 0 4px 4px rgba(0,0,0,0.1);
            border: 1px solid #eee;
        }

        .year-link {
            display: block;
            padding: 0px;
            margin: 0 5px;
            text-align: center;
            text-decoration: none;
            color: #333;
            border-radius: 4px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
            font-size: 26px;
        }

        .year-link:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            color: #971e23;
        }
        @media (max-width: 1024px) {
            .year-link {
            font-size: 13px;
        }
        }

        @media (max-width: 768px) {
            .year-grid {
                grid-template-columns: repeat(5, 1fr);
            }
            .first-year .year-link {
        width: calc(20% - 18px); /* 5列時は20%幅 */
    }
        }

        @media (max-width: 480px) {
            .year-grid {
                grid-template-columns: repeat(3, 1fr);
            }
            .first-year .year-link {
        width: calc(33.333% - 15px); /* 3列時は33.333%幅 */
    }
        }/* End custom CSS */