@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300&family=Noto+Serif+JP&family=Philosopher&display=swap');

body, .font_sans-serif{font-family: 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important}

#main_menu, #aisatsu, h2, #top_contents h2, #top_cms .cms_title, #main_img2, .cate_title, a[href^="tel:"], #f_menu, .button-effect, .overlay-menu, .con_no{font-family: 'Philosopher', 'Noto Serif JP', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}

.linkStyle{color: #9c9c9c}

#fakeloader{background-color: #b79fcb}
body{position: relative;}
body::before{position: fixed;content: "";width: calc(100% - 24px);height: calc(100% - 24px);top: 10px;left: 10px;border: solid 2px #808080;z-index: 98;pointer-events: none}
body::after{position: fixed;content: "";width: calc(100% - 32px);height: calc(100% - 32px);top: 15px;left: 15px;border: solid 1px #808080;z-index: 98;pointer-events: none}
#wrap{background-color: #b79fcb;padding-top: 30px}
body,.txt_color_nomal, header, header .txt_white, footer, footer .txt_white, #f_menu ul li a, #copyright a, #info_map .txt_white, #contents, #main_menu ul li a, #page9 #contents .txt_color2, #wrap{color: #212121!important;}
header .border_color2, footer .border_color2, #page9 #contents .border_color2{border-color: #bbb!important}
header .sns_link li{width: 25px}
#page10 #contents .txt_color2, .button-effect .txt_white{color: #212121}
#main_menu{border-bottom: none;z-index: 97}
#main_menu .txt_color2{color: #212121}
#main_menu.fixed{background-color: rgba(226,226,226,0.9)!important;border-bottom: none}
#main_menu.fixed .txt_color2, #aisatsu p{color: #212121}
#main_menu.fixed ul li a{color: #212121!important}
#info_map, #fixed_right_banner ul{background-color: #e2e2e2}
.cate_list li a{color: #212121;border-color: #212121}
.cate_list li a .txt_color2{color: #212121}
#page-top a{background-color: #808080}

#aisatsu{position: relative}
#aisatsu > div{background-color: rgba(226,226,226,0.9)!important}
#aisatsu::before{position: absolute;content: "";width: calc(100% - 22px);height: calc(100% - 22px);top: 10px;left: 10px;border: solid 1px #808080;z-index: 1;pointer-events: none}
#aisatsu .txt_white{color: #212121}
#main_img2 h2{font-size: 30px;letter-spacing: 3px;background-color: #e2e2e2;color: #212121;padding-top: 30px;padding-bottom: 30px}
#main_img2 h2 span{font-size: 16px;color: #212121}
#top_contents .con_no, #top_contents .txt_white{color: #212121}

#top_cms .cms_title{padding-bottom: 0}
#top_cms .cms_title h2{font-weight: normal;font-size: 30px;letter-spacing: 3px}
#top_cms .cms_title h2::before, #top_cms .cms_title h2::after{display: none}
footer{border-top: none!important}
.contents_box{background-color: rgba(226,226,226,0.8)!important;background-image: none!important;padding: 50px}
.contents_box::after, .contents_box2::before, .contents_box2::after{display: none}
.contents_box::before{width: 100%;height: 100%;top: 10px;left: 10px;background-color: transparent;border: solid 1px #9c9c9c;pointer-events: none}


@media screen and (max-width: 768px){
#main_menu{left: 0}
.button_container span{background-color: #bbb;box-shadow: none}
#wrap{padding: 10px;padding-top: 30px}
body::after{display: none}
#page10 #contents span{padding-left: 0;display: block;}
#page10 #contents span::after{content: "-"}
}

@media screen and (max-width: 667px){
#logo{margin-right: 0}
#logo img{width: 100%}
#main_img2 h2{width: 85%!important}
#top_contents{padding-left: 20px;padding-right: 20px}
.contents_box{padding-left: 30px;padding-right: 30px}
.contents_box::before{width: calc(100% - 22px);height: calc(100% - 22px)}
#aisatsu > div{padding: 60px 20px}
#aisatsu h2{font-size: 16px}
}


@media all and (-ms-high-contrast:none) {
body, .font_sans-serif{font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important}
#main_menu, #aisatsu, h2, #top_contents h2, #top_cms .cms_title, #main_img2, .cate_title, a[href^="tel:"], #f_menu, .button-effect{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}
}