@charset "UTF-8";
/* CSS Document */
/*css変数は自由に変更してください*/ :root {
    --text-color: #433f3f;
    --text-sub-color: #6f4a07;
    --text-wht-color: #fff;
    --text-font-family: 
        -apple-system, BlinkMacSystemFont,
        "Hiragino Sans",
        "ヒラギノ角ゴシック",
        "Hiragino Kaku Gothic ProN",
        "Yu Gothic Medium", "Yu Gothic", "游ゴシック体",
        "Noto Sans JP",
        "Meiryo", sans-serif;
    --bg-color: #fff;
    --menu-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.3);
    --box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.3);
    /* section */
    --sec-padding: 5em 0;
    /* section01 */
    --sec01-border-color: #0062ae;
    --sec01-point-color: #42aed8;
    --sec01-grad: linear-gradient(0deg, #d4a2c8 0%, #0080c7 60%, #0062ae 95%);
    /* section02 */
    --sec02-border-color: #e64628;
    --sec02-point-color: #f77d69;
    --sec02-grad: linear-gradient(180deg, #e64628 0%, #f77957 95%);
    /* section03 */
    --sec03-border-color: #ea6671;
    --sec03-point-color: #ea6671;
    --sec03-grad: linear-gradient(180deg, #ea6671 0%, #f09998 95%);
    /* section04 */
    --sec04-border-color: #a27aa6;
    --sec04-point-color: #a27aa6;
    --sec04-grad: linear-gradient(180deg, #a27aa6 0%, #b196b7 95%);
    /* section05 */
    --sec05-border-color: #00a383;
    --sec05-point-color: #00a383;
    --sec05-grad: linear-gradient(180deg, #00a383 0%, #3eb68c 95%);
    /* section06 */
    --sec06-border-color: #be9546;
    --sec06-point-color: #be9546;
    --sec06-grad: linear-gradient(90deg, #140a3c 0%, #0a3282 50%, #140a3c 100%);
    /* section06 - gold */
    --sec06-grad-gold: linear-gradient(90deg, #cfa841 0%, #eae2ab 12%, #e0b95d 25%, #eacd66 50%, #e0b95d 75%, #eae2ab 88%, #cfa841 100%);
}