/* all page */
body, .txt_color_nomal {
    color: #fff!important;
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;
}

body, .txt_color_nomal {
    color: #555!important;
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;
}

.load_logo {
    width: 350px;
}

.linkStyle {
    color: #ffffff!important;
}

#page-top a {
    color: #555!important;
}

#footer {
    color: #111!important;
    background-image: url('/Files/img/bg06.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.more_bt a {
    list-style: #555!important;
    color: #555!important;
}

.bg_custom02 {
        background-image: url('/Files/img/bg06.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.hvr_font_normal:hover {
    color: #fff!important;
}

.button_container.active {
    background-color: #ffffff;
}

.button_container.active .top {
    background: #111;
}

.button_container.active .bottom {
    background: #111;
}

.is_font_normal {
    color: #fff!important;
}

/* 緑背景画像 */

/* #wrap {
    background-image: url('/Files/img/bg01.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
} */

#wrap {
    background-image: url('/Files/img/bg07.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

/*fonts*/

/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: var(--color1);text-decoration: underline;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
#google_privacy a{color: var(--color1);}
:root{
/*     --color1: #02351c; */
    --color1: #111;
/*     --color2: #b6aa90; */
    --color2: #e1d6bd;
    --color2: #efefef;
/*     --color3: #b9cd75; */
    --color3: #111;
    --color4: #e4e4de;
	/*--font-jp: 'Noto Sans JP', "游ゴシック Medium", sans-serif;*/
}

.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);}*/
.txt_color4, .hvr_txt_color4:hover{color: var(--color4);}

/* background-color */
.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);}*/
/*.bg_color4, .hvr_bg_color4:hover{background-color: var(--color4);}*/

/* border-color ※!important */
.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);}*/


/* header */


/* footer */



/* top ----------------------------------------------------------------*/

/* main img */
#main_img {
    height: auto!important;
}

.bg_img {
    width: 100%;
    height: auto;
}


.fv_txt01 {
    width: 35%;
    left: 49%;
    transform: translateX(-50%);
    top: 5%;
}

#intro span.bg_box {
    height: 43%;
}

#pc_nav {
    background-color: rgb(255 255 255 / 60%);
}

.bg_box02 {
     background-image: url('/Files/img/item16.png');
     background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0.3;
}


/* main */
/* main {
    background-color: var(--color1);
} */

/* intro */
/* .bg_wrap {
    background-image: url('/Files/img/bg01.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 36%;
    background-attachment: fixed;
} */

.bg_wrap {
    background-image: url('/Files/img/bg08.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.cms_5-f .box_wrap {
    background: rgb(191 191 191 / 20%);
}

/* contents */
#top_cms1 .top_cms_title p, #top_cms2 .top_cms_title p {
    opacity: 0.1!important;
}

#contents_links .box_wrap .box a h4 {
    background-color: rgba(255, 255, 255, 0.9);
}

.bg_custom01 {
    background-image: url('/Files/img/bg06.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.custom_img01 {
    width: 17%;
    max-width: 180px;
    top: -8%;
    left: 5%;
}

.custom_img02 {
    width: 17%;
    max-width: 120px;
    bottom: -32%;
    right: 8%;
}

.custom_img03 {
    width: 17%;
    max-width: 140px;
    bottom: 19%;
    right: 6%;
}

/* topcms */


/* under page ----------------------------------------------------------------*/
#cate_list li {
    background: var(--color3)!important;
}

#page_title::before {
    background: rgba(0, 0, 0, 0.8);
}

#cms_5-f .cate_box .open_bt .arrow::before, #cms_5-f .cate_box .open_bt .arrow::after, .cms_5-f .cate_box .open_bt .arrow::before, .cms_5-f .cate_box .open_bt .arrow::after {
    background-color: var(--color3);
}

#cms_5-f .cate_box .open_bt .box_title1::before, .cms_5-f .cate_box .open_bt .box_title1::before {
    color: var(--color3);
}

/* #nav_menu .bg_white, .hvr_bg_white:hover {
    background-color: var(--color3);
} */


.cate_list li a::before {
    color: #fff;
}

/* #cate5191 .box_wrap {
        background: rgba(0, 0, 0, 0.6);
} */

#page_title {
    color: #fff;
}

/* ---------- 1536px ---------- */
@media screen and (max-width: 1536px){}
/* ---------- 1366px ---------- */
@media screen and (max-width: 1366px){}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
    .fv_txt01 {
        width: 80%;
        left: 50%;
        transform: translateX(-50%);
        top: 8%;
    }
    
    
    .fv_txt02 {
        bottom: 28%;
        left: 50%;
        transform: translateX(-50%);
        width: 15%;
    }
    
    #header #logo {
        width: 35%!important;
    }
    
    .custom_img01 {
        top: 0%;
        left: 5%;
    }
        
    .custom_img02 {
        width: 17%;
        bottom: -3%;
        right: 8%;
    }
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
    .overlay .menu_box {
        padding-top: 75px;
        padding-left: 34px;
        position: relative;
        width: 85vw;
        max-width: 85vw;
        margin-left: auto;
        backdrop-filter: blur(3px);
        opacity: 0.8;
    }
    
        #header {
        background-color: var(--color1);
    }
    
    #cms_5-f .cate_box .open_bt, .cms_5-f .cate_box .open_bt {
        border-bottom: none;
    }
    
        .pc_txt {
        display: none!important;
    }
    
        #header #logo {
        width: 55%!important;
    }
    
    .load_logo {
        width: 250px;
    }
    
    .top_page #logo {
        background-color: #fff;
    }
}