.elementor-1710 .elementor-element.elementor-element-4cf1b02d{--display:flex;--min-height:900px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1710 .elementor-element.elementor-element-4cf1b02d:not(.elementor-motion-effects-element-type-background), .elementor-1710 .elementor-element.elementor-element-4cf1b02d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141B26;}.elementor-1710 .elementor-element.elementor-element-690526bf{--display:flex;--min-height:900px;--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;}.elementor-1710 .elementor-element.elementor-element-690526bf:not(.elementor-motion-effects-element-type-background), .elementor-1710 .elementor-element.elementor-element-690526bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141B26;}.elementor-1710 .elementor-element.elementor-element-1332fa85{width:var( --container-widget-width, 82.445% );max-width:82.445%;margin:200px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 35px;--container-widget-width:82.445%;--container-widget-flex-grow:0;--e-icon-list-icon-size:24px;--icon-vertical-offset:0px;}.elementor-1710 .elementor-element.elementor-element-1332fa85.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-1710 .elementor-element.elementor-element-1332fa85 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(18px/2);}.elementor-1710 .elementor-element.elementor-element-1332fa85 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(18px/2);}.elementor-1710 .elementor-element.elementor-element-1332fa85 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(18px/2);}.elementor-1710 .elementor-element.elementor-element-1332fa85 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-18px/2);}.elementor-1710 .elementor-element.elementor-element-1332fa85 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-18px/2);}.elementor-1710 .elementor-element.elementor-element-1332fa85 .elementor-icon-list-icon i{color:#A0E9FFB3;transition:color 0.3s;}.elementor-1710 .elementor-element.elementor-element-1332fa85 .elementor-icon-list-icon svg{fill:#A0E9FFB3;transition:fill 0.3s;}.elementor-1710 .elementor-element.elementor-element-1332fa85 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#A0E9FF;}.elementor-1710 .elementor-element.elementor-element-1332fa85 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#A0E9FF;}.elementor-1710 .elementor-element.elementor-element-1332fa85 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1710 .elementor-element.elementor-element-1332fa85 .elementor-icon-list-item > a{font-size:18px;font-weight:500;line-height:18px;}.elementor-1710 .elementor-element.elementor-element-1332fa85 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-1710 .elementor-element.elementor-element-1332fa85 .elementor-icon-list-item:hover .elementor-icon-list-text{color:#A0E9FF;}.elementor-1710 .elementor-element.elementor-element-2750b986{--display:flex;}.elementor-1710 .elementor-element.elementor-element-2750b986:not(.elementor-motion-effects-element-type-background), .elementor-1710 .elementor-element.elementor-element-2750b986 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141B26;}.elementor-1710 .elementor-element.elementor-element-3557d536{--display:flex;--min-height:150px;--justify-content:center;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-1710 .elementor-element.elementor-element-3557d536:not(.elementor-motion-effects-element-type-background), .elementor-1710 .elementor-element.elementor-element-3557d536 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3F4A5A;}.elementor-1710 .elementor-element.elementor-element-11d9b7f2{--display:flex;--min-height:900px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:none;--border-style:none;--border-radius:12px 12px 12px 12px;}.elementor-1710 .elementor-element.elementor-element-8bc5dcb{--display:flex;}.elementor-1710 .elementor-element.elementor-element-544b780e:hover{--e-transform-scale:1.1;}.elementor-1710 .elementor-element.elementor-element-544b780e{border-radius:12px 12px 12px 12px;}.elementor-1710 .elementor-element.elementor-element-544b780e img{height:100%;object-fit:cover;object-position:center center;border-style:none;border-radius:12px 12px 12px 12px;}.elementor-1710 .elementor-element.elementor-element-1f5d4a9a{--display:flex;}.elementor-1710 .elementor-element.elementor-element-11a42679:hover{--e-transform-scale:1.1;}.elementor-1710 .elementor-element.elementor-element-11a42679{border-radius:12px 12px 12px 12px;}.elementor-1710 .elementor-element.elementor-element-11a42679 img{height:100%;object-fit:cover;object-position:center center;border-radius:12px 12px 12px 12px;}.elementor-1710 .elementor-element.elementor-element-501b3fb5{--display:flex;--min-height:100vh;--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;--justify-content:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-1710 .elementor-element.elementor-element-501b3fb5.e-con{--align-self:flex-start;}.elementor-1710 .elementor-element.elementor-element-33b071ec:hover{--e-transform-scale:1.1;}.elementor-1710 .elementor-element.elementor-element-33b071ec{border-radius:12px 12px 12px 12px;}.elementor-1710 .elementor-element.elementor-element-33b071ec img{height:100%;object-fit:cover;object-position:center center;border-radius:12px 12px 12px 12px;}.elementor-1710 .elementor-element.elementor-element-f887a78{--display:flex;}@media(min-width:768px){.elementor-1710 .elementor-element.elementor-element-690526bf{--width:20%;}.elementor-1710 .elementor-element.elementor-element-2750b986{--width:70%;}.elementor-1710 .elementor-element.elementor-element-11d9b7f2{--width:100%;}.elementor-1710 .elementor-element.elementor-element-501b3fb5{--width:100%;}}/* Start custom CSS for icon-list, class: .elementor-element-1332fa85 */:root {
  --nav-accent-color: #ACE1EA;
  --nav-bg-dark: rgba(18, 22, 27, 0.9);
  --nav-width-closed: 60px;
  --nav-width-open: 260px;
}


/* --- [1] 共通：空白項目の無効化 --- */
.elementor-1710 .elementor-element.elementor-element-1332fa85 .elementor-icon-list-item:not(:has(.elementor-icon-list-text:not(:empty))) {
    pointer-events: none;
}

/* --- [2] 全画面表示（1025px以上）：リッチ・にょーん仕様 --- */
@media (min-width: 1025px) {
    /* 全体の箱：ここで「判定の壁」を最初から作っておく */
    .elementor-1710 .elementor-element.elementor-element-1332fa85 {
        width: 60px !important;
        position: relative;
        z-index: 99999 !important;
        /* 右側に透明な壁を作り、マウスが近づくだけで反応させる */
        padding-right: 200px; 
        transition: width 0.3s;
    }

    /* 各項目の設定：縦幅をギュッと詰める */
    .elementor-1710 .elementor-element.elementor-element-1332fa85 .elementor-icon-list-item {
        display: flex;
        align-items: center;
        width: fit-content !important; /* 文字の長さに背景を合わせる */
        min-width: 42px;
        height: 36px; /* 視線に収まるコンパクトな高さ */
        border-radius: 50px; 
        margin-bottom: 3px !important; /* リスト間の隙間をタイトに */
        padding: 0 14px 0 10px !important;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        overflow: hidden;
        white-space: nowrap;
        background: transparent;
    }

    /* 文字の設定 */
    .elementor-1710 .elementor-element.elementor-element-1332fa85 .elementor-icon-list-text {
        opacity: 0;
        padding-left: 10px;
        font-size: 14px;
        transition: opacity 0.2s 0.1s;
    }

    /* ホバー時の一斉表示：.elementor-1710 .elementor-element.elementor-element-1332fa85全体にマウスが乗ったら即反応 */
    .elementor-1710 .elementor-element.elementor-element-1332fa85:hover .elementor-icon-list-text {
        opacity: 1;
    }

    /* 個別ホバー時の強調（Twitterスタイル） */
    .elementor-1710 .elementor-element.elementor-element-1332fa85 .elementor-icon-list-item:hover {
        background: rgba(255, 255, 255, 0.15) !important;
    }

    /* 水色発光 */
    .elementor-1710 .elementor-element.elementor-element-1332fa85 .elementor-icon-list-item:hover .elementor-icon-list-icon i,
    .elementor-1710 .elementor-element.elementor-element-1332fa85 .elementor-icon-list-item:hover .elementor-icon-list-text {
        color: #ACE1EA !important;
        text-shadow: 0 0 10px rgba(172, 225, 234, 0.8);
    }
}

/* --- [3] 半分画面表示（1024px以下）：アイコンのみ・超コンパクト --- */
@media (max-width: 1024px) {
    .elementor-1710 .elementor-element.elementor-element-1332fa85 {
        width: 50px !important;
    }

    .elementor-1710 .elementor-element.elementor-element-1332fa85 .elementor-icon-list-item {
        width: 42px;
        height: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%; 
        margin: 0 auto 5px auto !important; /* アイコン同士もほどよく詰める */
        padding: 0 !important;
        transition: background 0.2s;
    }

    .elementor-1710 .elementor-element.elementor-element-1332fa85 .elementor-icon-list-text {
        display: none !important; /* テキストは完全非表示 */
    }

    .elementor-1710 .elementor-element.elementor-element-1332fa85 .elementor-icon-list-item:hover {
        background: rgba(255, 255, 255, 0.15) !important;
    }
    
    .elementor-1710 .elementor-element.elementor-element-1332fa85 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
        color: #ACE1EA !important;
        text-shadow: 0 0 8px rgba(172, 225, 234, 0.6);
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d927589 */close-banner/* End custom CSS */