.elementor-316 .elementor-element.elementor-element-fbaf768{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-316 .elementor-element.elementor-element-fbaf768.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-316 .elementor-element.elementor-element-bdb8c60{--display:flex;}.elementor-316 .elementor-element.elementor-element-52cfb24{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-316 .elementor-element.elementor-element-b1eff9d .elementor-button{background-color:transparent;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:500;text-transform:uppercase;text-decoration:none;text-shadow:0px 0px 0px rgba(0,0,0,0.3);background-image:linear-gradient(180deg, #8FDADB 100%, #29D0F2 100%);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition-duration:0s;border-style:solid;border-radius:22px 22px 22px 22px;padding:12px 12px 12px 12px;}.elementor-316 .elementor-element.elementor-element-b1eff9d{width:var( --container-widget-width, 18% );max-width:18%;--container-widget-width:18%;--container-widget-flex-grow:0;}.elementor-316 .elementor-element.elementor-element-b1eff9d > .elementor-widget-container{margin:18px 18px 18px 18px;padding:5px 5px 5px 5px;}.elementor-316 .elementor-element.elementor-element-b1eff9d.elementor-element{--flex-grow:1;--flex-shrink:0;}@media(min-width:768px){.elementor-316 .elementor-element.elementor-element-fbaf768{--content-width:1600px;}.elementor-316 .elementor-element.elementor-element-bdb8c60{--content-width:1046px;}.elementor-316 .elementor-element.elementor-element-52cfb24{--content-width:892px;}}/* Start custom CSS for html, class: .elementor-element-5b72b8c *//* Google Fontsから'Inter'と日本語対応の'Noto Sans JP'をインポート */
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Noto+Sans+JP:wght@400;500;700&display=swap');

        /* Elementor内で他の要素に影響を与えないように、
          セレクタの先頭に「.elementor-316 .elementor-element.elementor-element-5b72b8c」を追加します。
          これにより、このCSSはこのウィジェット内でのみ適用されます。
        */
        .elementor-316 .elementor-element.elementor-element-5b72b8c .link-container {
            font-family: 'Inter', 'Noto Sans JP', sans-serif;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 1.2rem; /* リンク間の隙間 */
            width: 100%;
            padding: 2rem 1rem;
        }

        .elementor-316 .elementor-element.elementor-element-5b72b8c .link-container a {
            text-decoration: none;
            font-weight: 700;
            padding: 0.8rem 1.8rem;
            border: none; /* 枠線を削除 */
            border-radius: 50px; /* 角を完全に丸くして、カプセル型に */
            background-color: #eaf4ff; /* 背景を薄い水色に変更 */
            color: #4a90e2; /* 文字色を青に */
            transition: all 0.3s ease;
            white-space: nowrap;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); /* 控えめな影を追加 */
        }

        .elementor-316 .elementor-element.elementor-element-5b72b8c .link-container a:hover {
            background-color: #4a90e2; /* 背景を濃い青で塗りつぶす */
            color: #ffffff; /* 文字色を白に */
            transform: translateY(-3px); /* 少し浮き上がる */
            box-shadow: 0 5px 15px rgba(74, 144, 226, 0.3); /* 影を少し濃くする */
        }/* End custom CSS */