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

body, .txt_color_nomal, #wrap, #f_menu ul li a, #info_map .txt_white, #copyright a, .header .txt_white, #main_menu ul li a, #top_contents .txt_white, #aisatsu .txt_white, .button-effect .txt_white{color: #47362F}

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

/* color */
.txt_color1{color: #F9F9F7} /* メインカラー */
.txt_color2{color: #DDB462} /* サブカラー */
.txt_color3{color: #E4E2D5} /* アクセントカラー1 */
.txt_color4{color: #488C7A} /* アクセントカラー2 */

/* background-color */
.bg_color1{background-color: #F9F9F7} /* メインカラー */
.bg_color2{background-color: #DDB462} /* サブカラー */
.bg_color3{background-color: #E4E2D5} /* アクセントカラー1 */
.bg_color4{background-color: #488C7A} /* アクセントカラー2 */


/* border-color ※!important */
.border_color1{border-color: #F9F9F7}
.border_color2{border-color: #DDB462}
.border_color3{border-color: #E4E2D5}
.border_color4{border-color: #488C7A}

/* hover ---------------------------------------------------------------------------------------------*/

/* color */
.hvr_txt_color1:hover{color: #F9F9F7} /* メインカラー */
.hvr_txt_color2:hover{color: #DDB462} /* サブカラー */
.hvr_txt_color3:hover{color: #E4E2D5} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #488C7A} /* アクセントカラー2 */

/* background-color */
.hvr_bg_color1:hover{background-color: #F9F9F7} /* メインカラー */
.hvr_bg_color2:hover{background-color: #DDB462} /* サブカラー */
.hvr_bg_color3:hover{background-color: #DDB462} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #488C7A} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #F9F9F7}
.hvr_border_color2:hover{border-color: #DDB462}
.hvr_border_color3:hover{border-color: #E4E2D5}
.hvr_border_color4:hover{border-color: #488C7A}

/* other ---------------------------------------------------------------------------------------------*/

.linkStyle{transition: 0.3s;color: #488C7A}
.linkStyle:hover{opacity: 0.7}

header a[href="page08.aspx"], .foot_tel_bt a[href="page08.aspx"]{display: none}
.button_container span{background-color: #488C7A;box-shadow: none}
#main_img2{background-position: center;position: relative}
#main_img2::before{position: absolute;content: "";width: 300px;height: 300px;border: solid 2px #F9F9F7;transform: translate(-50%,-50%) rotate(45deg);top: 50%;left: 50%;border-radius: 20px;z-index: 1;pointer-events: none}
#main_img2 .page_title{background-color: rgba(193,187,159,0.6)!important}
#main_img, #aisatsu, #top_cms .cms_box > div.border_white, #main_img2, #top_contents .contents_img img, #info_map figure{overflow: hidden;border-radius: 20px}

#aisatsu > div{padding-top: 150px;background-image: url(./Dup/img/img1.png);background-size: 80px;background-position: left 50% top 50px;background-repeat: no-repeat}
.contents_box{box-shadow: 0 0 50px rgba(71,54,47,0.05);border-radius: 20px;background-image: none!important;background-color: rgba(255,255,255,0.8)!important;}
.contents_box2::before, .contents_box::after, .contents_box2::after{display: none}
.contents_box::before{width: 100%;height: 100%;top: -10px;left: -10px;background-color: transparent;border: solid 1px #E4E2D5;border-radius: 20px}
#top_cms .cms_title h2::before{display: none}
#top_cms .cms_title h2::after{background-color: #47362F;height: 50px;bottom: -100px}
#top_cms .cms_box > div.border_white{border: none;background-color: #fff;box-shadow: 0 0 50px rgba(71,54,47,0.05);padding-top: 70px}
#info_map{background-image: url(./Dup/img/border2.png);background-size: 10px}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: center;padding-bottom: 50px;margin-bottom: 50px;border-bottom: solid 1px #E4E2D5;color: #47362F;font-weight: bold;position: relative}
.cate_title::before, .cate_title::after{position: absolute;content: "";background-color: #DDB462;left: 0;right: 0;margin: auto}
.cate_title::before{width: 100px;height: 1px;bottom: -1px}
.cate_title::after{width: 1px;height: 40px;bottom: -20px}

.page_title h2, .page_title .txt_color2{color: #fff;background-color: transparent;font-weight: bold}
#page10 .txt_color_nomal, .overlay ul li a{color: #47362F!important}
#page10 li span{display: block;padding: 0}
#page10 li span::after{content: "-"}


/** tablet 780 **/
@media screen and (max-width: 768px){
#main_img, #aisatsu, #main_img2{border-radius: 0}
#f_menu a{letter-spacing: 0}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#logo{margin-left: auto;margin-right: auto}
.page_title h2{padding: 30px 0;width: 70%;}
#top_cms .cms_box > div.border_white{padding-top: 50px}
.contents_box{padding-top: 40px;margin-top: 20px!important}
.contents_box::before{width: calc(100% - 20px);height: calc(100% - 20px);top: 10px;left: 10px}
.cate_title{font-size: 20px}
}

/** IE **/
@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}
.cate_title{padding-bottom: 50px!important}
#cms_3-c .banner a{padding-top: 20px}
}