@charset "UTF-8";

body {
font-size: 12px;
color: #333333;
/*font-family: "メイリオ", "ヒラギノ角ゴシック Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";*/
font-family: "Hannari Mincho", "Kozuka Mincho", "Times New Roman", serif;
}

@font-face {
 font-family:'sharpsans-bold_v2';
 src:url('../font/sharpsans-bold_v2.woff2') format('woff');} 

 @font-face {
 font-family:'sharpsans';
 src:url('../font/sharpsans-medium_v2.woff2') format('woff');} 

 @font-face {
 font-family:'GN-Kin-iro_SansSerif';
 src:url('../font/GN-Kin-iro_SansSerif.ttf') format('woff');} 

.gray {
  filter: grayscale(70%);
}

/* -------------------------- 加载动画容器 -------------------------- */
        .loader {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 99999;
            opacity: 0;
            animation: fadeScale 5.5s ease-out;
        }

        /* 动画核心内容 */
        .loader-content {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            /*background: linear-gradient(45deg, #a9d1ff, #fdcad5);*/
            animation: pulse 5.5s infinite;
        }

        /* 关键帧动画 */
        @keyframes fadeScale {
            0% {
                opacity: 0;
                transform: translate(-50%, -50%) scale(0.5);
            }
            50% {
                opacity: 1;
                transform: translate(-50%, -50%) scale(1.2);
            }
            100% {
                opacity: 0;
                transform: translate(-50%, -50%) scale(0.8);
            }
        }

        @keyframes pulse {
            0% {
                box-shadow: 0 0 0 0 rgba(238, 238, 238, 0.5);
            }
            70% {
                box-shadow: 0 0 0 20px rgba(238, 238, 238, 0);
            }
            100% {
                box-shadow: 0 0 0 0 rgba(238, 238, 238, 0);
            }
        }

        /* 页面主体内容 */
        .content {
            opacity: 0;
            transition: opacity 0.5s ease;
            display:flex;
            text-align:center;
            flex-direction:column;
        }

        .content0 {
            opacity: 1;
            transition: opacity 0.5s ease;
            display:flex;
            text-align:center;
            flex-direction:column;
        }

        /* 动画结束后显示内容 */
        .show-content {
            opacity: 1;
        }
/* -------------------------- 加载动画容器 -------------------------- */