#intro h2, #contents1_h h2, #contents2_h h3, #contents3 h3, #top_cms .top_cms_title h3, .more a, #page_title h2, .cate_title{font-family: dnp-shuei-4go-std, "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";font-weight: 500}

#wrap{background-image: url(./Dup/img/bg_img.jpg);min-width: 1000px}
#page_title, #loader, #intro, #top_cms .top_cms_box .top_cms_title{background-image: none}
#header h1{padding: 0;background-color: #fff}
#header h1.active{padding: 0;top: 19px;left: 19px}
#header h1 img{max-width: 150px}
#header h1.active img{max-width: 80px}
#header h1.active2 img{max-width: 60px}
#header h1 span{border: none}
#main_nav{background-color: #f7f7f7}
#main_nav .txt_white{color: #22302e;text-shadow: none!important}
#sns_links li a{opacity: 1}
#sns_links li a:hover{opacity: 0.7}
.cate_list a img, #page9 a img{display: none}
.cate_list a, #page9 a{transition: 0.3s}
.cate_list a:hover, #page9 a:hover{background-color: #279381}

#main_img{border: solid 20px #fff}
#main_img::before{position: absolute;content: "";width: 100%;height: 100%;left: 0;top: 0;z-index: 1;background-image: url(./Dup/img/dot.png)}
#intro{padding-top: 150px;padding-bottom: 150px}
#intro > div{max-width: 800px}
#intro h2{text-align: center;margin-bottom: 30px;padding-bottom: 20px;font-size: 30px;position: relative;line-height: 1.5}
#intro h2::before{position: absolute;content: "";width: 50px;height: 1px;left: 0;right: 0;bottom: 0;margin: auto;background-color: #fff}
#contents1_h h2{max-height: 400px}
#contents2_h .con2_img{height: 30vw}
#contents2_h h3::before{position: absolute;content: "";width: 1px;height: calc(100% + 100px);right: 0;top: -100px;background-color: #22302e}
#contents2_h h3{height: auto;max-height: 400px}
#contents2_h p{height: 400px}
#contents3{padding-top: 100px;padding-bottom: 100px;background-color: transparent}
#contents3::after{top: 300px;left: 0;right: 0;bottom: 0;height: auto;left: 0;bottom: 0;background-color: #edf4ef}
#contents3 figure{margin-bottom: 50px}
#contents3 h3{text-align: center;position: relative;padding-bottom: 10px;margin-bottom: 20px}
#contents3 h3::before{position: absolute;content: "";width: 50px;height: 1px;left: 0;right: 0;bottom: 0;margin: auto;background-color: #22302e}
#contents3 p{padding-left: 50px;padding-right: 50px}

#top_cms .more{text-align: center}
#top_cms .more a{background-color: transparent;border-bottom: solid 1px #22302e;color: #22302e}
#top_cms .more a:hover{background-color: transparent;border-color: #279381;color: #279381}
#top_cms .more a img{display: none}

#page_title{background-color: transparent;height: 540px;min-height: inherit}
#page_title > div{width: 200px;border-left: solid 1px #22302e;border-right: solid 1px #22302e;color: #22302e;padding-top: 30px;padding-bottom: 30px}
#page_title h2{font-size: 30px;letter-spacing: 2px}
#contents_wrap{padding-top: 0}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: left;padding-bottom: 5px;margin-bottom: 50px;border-bottom: solid 2px #22302e;color: #22302e}

footer .logo img{max-width: 150px}
#page-top{background-color: #279381;border-radius: 0}


/** tablet 780 **/
@media screen and (max-width: 768px){
#wrap{min-width: 100%}
header.top_header{height: 60vw!important}
#main_img{height: 60vw!important}
#contents1_h .con1_img{height: 400px}
#contents2_h .con2_img{height: 40vw}
#contents2_h h3::before{right: auto;left: 0;}
#contents2_h h3{max-height: inherit}
#contents2_h p{height: auto}
#contents3{padding-left: 0;padding-right: 0}
#contents3 p{padding: 0}
#contents3::after{top: 200px}
#top_cms .top_cms_title h3{font-size: 24px}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#main_img{border: none}
#header h1.active{top: -1px;left: -1px}
#header h1 img{max-width: 100px}
#header h1.active img{max-width: 70px}
.menu_bt{top: 0;right: 0}
.cate_title{font-size: 20px}
#page_title{min-height: 500px}
#page_title > div{width: 150px}
#page_title h2{font-size: 22px;letter-spacing: 1px}
.cate_list li{width: 100%;margin-bottom: 10px;text-align: center;margin-right: 0}
.cate_list li a{display: block;box-sizing: border-box;width: 100%}
#intro{padding-top: 100px;padding-bottom: 100px}
#intro h2{font-size: 20px}
#contents1_h .con1_img{height: 60vw}
#contents3 p, #contents3 h3{padding-left: 50px;padding-right: 50px}
.top_cms_box .top_cms_title{margin-bottom: 0}
#page10 ul{text-align: center}
#page10 ul li a{width: 100%;text-align: center}
#page10 ul li a span{width: 100%;left: 0;text-align: center}
}

/** IE **/
@media all and (-ms-high-contrast:none) {

}