@charset "utf-8";
/* CSS Document */

/* color ---------------------------------------------------------------------------------------------*/
:root{
    --color1:#335332;
    --color2:#F8F8F8;
    --color3:#231F20;
    --color4:#2F3B63;
    --color5:#335332;
    --white:#ffffff;
    --black:#231F20;
    --gray:#F8F8F8;
    --red:#D91717;
}


/* === Root Variables for Opacity Levels === */
:root {
    /* Color1 with opacity */
    --color1_opa01: rgba(51, 83, 50, 0.1);
    --color1_opa02: rgba(51, 83, 50, 0.2);
    --color1_opa03: rgba(51, 83, 50, 0.3);
    --color1_opa04: rgba(51, 83, 50, 0.4);
    --color1_opa05: rgba(51, 83, 50, 0.5);
    --color1_opa06: rgba(51, 83, 50, 0.6);
    --color1_opa07: rgba(51, 83, 50, 0.7);
    --color1_opa08: rgba(51, 83, 50, 0.8);
    --color1_opa09: rgba(51, 83, 50, 0.9);

    /* Color2 with opacity */
    --color2_opa01: rgba(248, 248, 248, 0.1);
    --color2_opa02: rgba(248, 248, 248, 0.2);
    --color2_opa03: rgba(248, 248, 248, 0.3);
    --color2_opa04: rgba(248, 248, 248, 0.4);
    --color2_opa05: rgba(248, 248, 248, 0.5);
    --color2_opa06: rgba(248, 248, 248, 0.6);
    --color2_opa07: rgba(248, 248, 248, 0.7);
    --color2_opa08: rgba(248, 248, 248, 0.8);
    --color2_opa09: rgba(248, 248, 248, 0.9);

    /* Color3 with opacity */
    --color3_opa01: rgba(35, 31, 32, 0.1);
    --color3_opa02: rgba(35, 31, 32, 0.2);
    --color3_opa03: rgba(35, 31, 32, 0.3);
    --color3_opa04: rgba(35, 31, 32, 0.4);
    --color3_opa05: rgba(35, 31, 32, 0.5);
    --color3_opa06: rgba(35, 31, 32, 0.6);
    --color3_opa07: rgba(35, 31, 32, 0.7);
    --color3_opa08: rgba(35, 31, 32, 0.8);
    --color3_opa09: rgba(35, 31, 32, 0.9);

    /* Color4 with opacity */
    --color4_opa01: rgba(47, 59, 99, 0.1);
    --color4_opa02: rgba(47, 59, 99, 0.2);
    --color4_opa03: rgba(47, 59, 99, 0.3);
    --color4_opa04: rgba(47, 59, 99, 0.4);
    --color4_opa05: rgba(47, 59, 99, 0.5);
    --color4_opa06: rgba(47, 59, 99, 0.6);
    --color4_opa07: rgba(47, 59, 99, 0.7);
    --color4_opa08: rgba(47, 59, 99, 0.8);
    --color4_opa09: rgba(47, 59, 99, 0.9);
}

body,.txt_color_nomal,.hvr_txt_color_nomal:hover{color: var(--black);}
.txt_white,.hvr_txt_white:hover{color: var(--white);}
.txt_color1,.hvr_txt_color1:hover{color: var(--color1);} /* メインカラー */
.txt_color2,.hvr_txt_color2:hover{color: var(--color2);} /* サブカラー */
.txt_color3,.hvr_txt_color3:hover{color: var(--color3);} /* アクセントカラー1 */
.txt_color4,.hvr_txt_color4:hover{color: var(--color4);} /* アクセントカラー2 */
.txt_color5,.hvr_txt_color5:hover{color: var(--color5);} /* アクセントカラー2 */
.txt_red,.hvr_txt_red:hover{color: var(--red);} /* アクセントカラー2 */
/* background-color */
.bg_white,.hvr_bg_white:hover{background-color: var(--white)} /* 白背景 */
.bg_black,.hvr_bg_black:hover{background-color: var(--black);} /* 黒背景 */
.bg_color1,.hvr_bg_color1:hover{background-color: var(--color1);} /* メインカラー */
.bg_color2,.hvr_bg_color2:hover{background-color: var(--color2);} /* サブカラー */
.bg_color3,.hvr_bg_color3:hover{background-color: var(--color3);} /* アクセントカラー1 */
.bg_color4,.hvr_bg_color4:hover{background-color: var(--color4);} /* アクセントカラー2 */
.bg_color5,.hvr_bg_color5:hover{background-color: var(--color5);} /* アクセントカラー2 */
.bg_red,.hvr_bg_red:hover{background-color: var(--red);} /* アクセントカラー2 */
.bg_color_clear,.hvr_bg_color_clear:hover{background-color: transparent!important;}
/* border-color ※!important */
.border_white,.hvr_border_white:hover{border-color: var(--white);}
.hvr_border_black:hover{border-color: var(--black);}
.border_black{border-color: var(--gray);}
.border_color1,.hvr_border_color1:hover{border-color: var(--color1);}
.border_color2,.hvr_border_color2:hover{border-color: var(--color2);}
.border_color3,.hvr_border_color3:hover{border-color: var(--color3);}
.border_color4,.hvr_border_color4:hover{border-color: var(--color4);}
.border_color5,.hvr_border_color5:hover{border-color: var(--color5);}
.border_red,.hvr_border_red:hover{border-color: var(--red);}

.linkStyle{color: var(--color1);
          border-bottom:solid 1px;
}
body#body {
    background: var(--white);
}