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

.linkStyle{display: inline-block;transition: 0.3s;color: #97a044}
.linkStyle:hover{opacity: 0.7}

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

#header_menu span.en, #intro h2, #contents h3, #top_cms .cms_title p, #footer #info h3, #page_title, .cate_title, .more, a[href^="tel:"], .con_no{font-family: 'Vidaloka', 'Noto Serif JP', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}

header{background-color: rgba(255,255,255,0.9)!important;box-shadow: none!important}
#header_menu li a .jp{font-size: 14px;color: #635f59;letter-spacing: 2px;transition: 0.3s}
#header_menu li a .en{font-size: 14px;color: #635f59;letter-spacing: 3px;opacity: 0.4;transition: 0.3s}
#header_menu li a:hover .jp, #header_menu li a:hover .en{color: #d8b144;opacity: 1}
#intro #intro_txt::before{position: absolute;content: "";top: 10px;left: 10px;right: 10px;bottom: 10px;margin: auto;border: solid 1px #fff;pointer-events: none;background-image: url(./Dup/img/bg_img4.png), url(./Dup/img/bg_img3.png);background-size: 30px, 200px;background-repeat: no-repeat;background-position: bottom 10px left 50%, top 10px left 50%}
#intro #intro_txt::after{background-color: rgba(173,149,89,0.8)}
#intro h2{text-align: center;margin-bottom: 30px;padding-bottom: 20px;position: relative}
#intro h2::before{position: absolute;content: "";width: 40px;height: 3px;background-color: #fff;opacity: 0.4;left: 0;right: 0;bottom: 0;margin: auto}
.con_wrap{margin-top: 200px;background-image: url(./Dup/img/bg_img6.png);background-size: 300px}
#contents{background-image: url(./Dup/img/bg_img1.png), url(./Dup/img/bg_img2.png);background-size: 200px;background-repeat: no-repeat;background-position: top 20px left 20px, bottom 20px right 20px;background-color: #fff;top: -100px;padding: 100px;box-shadow: 0 0 30px rgba(0,0,0,0.1);position: relative;box-sizing: border-box}
#contents .box_wrap .box{padding: 0;padding-bottom: 50px;margin-bottom: 50px;border-bottom: solid 1px #eae7da}
#contents .box_wrap .box:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none}
#contents .con_no{text-align: left;}
#contents h3{position: relative;color: #635f59;text-align: left;border-bottom: none;font-size: 24px;padding-bottom: 20px;margin-bottom: 30px;}
#contents h3::before{position: absolute;content: "";width: 40px;height: 1px;left: 0;bottom: 0;background-color: #d8b144}
#top_cms .top_cms_box{padding: 0 50px 50px;position: relative;text-align: center}
#top_cms .top_cms_box::before{position: absolute;content: "";top: 40px;left: 0;right: 0;bottom: 0;border: solid 1px #d8b144;z-index: -1}
#top_cms .top_cms_box > .cms_wrap{text-align: left}
#top_cms .cms_title{display: inline-block;margin-bottom: 50px;padding-left: 30px;padding-right: 20px;background-color: #fff}
#top_cms .cms_title h2, #top_cms .cms_title p{padding: 0;margin: 0;border-bottom: none;background-color: transparent}
#top_cms .cms_title h2{font-size: 16px;letter-spacing: 2px;margin-bottom: 10px}
#top_cms .cms_title p{font-size: 40px;color: #635f59;letter-spacing: 3px}
.more{text-align: center;margin-top: 50px}
.more a{background-color: #97a044;color: #fff;display: inline-block;width: 200px;padding: 20px;position: relative;text-align: left;box-sizing: border-box}
.more a::before{position: absolute;content: "";width: 50px;height: 1px;top: 0;bottom: 0;margin: auto;right: 0;background-color: #fff;transition: 0.3s}
.more a:hover{padding-left: 30px;background-color: #d8b144}
.more a:hover::before{width: 40px}
footer{background-image: url(./Dup/img/bg_img7.png);background-size: 300px}
footer .txt_color1{color: #635f59}


#page_title h2, #page_title p{padding: 0;margin: 0;border-bottom: none;background-color: transparent;text-shadow: none;box-shadow: none;text-align: center}
#page_title h2{font-size: 30px;letter-spacing: 3px;margin-bottom: 10px;color: #ad9559}
#page_title p{font-size: 20px;color: #d8b144;letter-spacing: 2px;padding-bottom: 50px;background-image: url(./Dup/img/bg_img5.png);background-repeat: no-repeat;background-position: bottom center;background-size: 150px}

.cate_list li a{padding-left: 30px;position: relative;font-size: 14px}
.cate_list li a:hover{color: #d8b144}
.cate_list li a::before{position: absolute;content: "";width: 8px;height: 8px;top: 15px;left: 5px;border-top: solid 1px #d8b144;border-right: solid 1px #d8b144;transform: rotate(45deg);transition: 0.3s}
.cate_list li a:hover::before{left: 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: 10px!important;margin-bottom: 50px;border-bottom: solid 1px #e5d8b5;color: #635f59;font-weight: normal;position: relative}
.cate_title::before{position: absolute;content: "";height: 0;width: 0;border-left: solid 20px transparent;border-top: solid 20px #d8b144;border-right: solid 20px transparent;left: 0;right: 0;bottom: -20px;margin: auto}

#cms_4-b .cate_box{margin: 0 0 50px}
.cms_4-b .cate_box{margin: 0 0 30px}


/** tablet 780 **/
@media screen and (max-width: 768px){
.con_wrap{margin-top: 100px}
#contents{top: -50px;padding: 50px 20px;width: 90%!important;min-width: 90%!important}
#contents .box_wrap .box:not(:last-child){margin-bottom: 50px}
#top_cms .top_cms_box{padding: 0 20px 50px}
#contents h3{font-size: 20px}
#contents{background-size: 100px}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
.cate_title{font-size: 20px}
#top_cms .cms_title p{font-size: 30px}
#page_title h2{font-size: 24px}
#intro #intro_txt{padding: 80px 30px}
}

/** 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}
a[href^="tel:"]{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}
}