.hannari, .cate_title{font-family: kinuta-maruminold-stdn, "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";font-weight: 400;font-style: normal;}

#page_title h2, #info_contact .hannari{font-family: braisetto, "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";font-weight: 400;font-style: normal;}

#top_cms .cms_title h3, #footer h2{font-family: 'Poppins', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}

#main_img:before{background-color: rgba(70,70,70,0.2)}
#main_img .square_box{display: none;background-color: rgba(255,255,255,0.8)!important}
.back1:before, .back2:before{background-image: url(./Dup/img/bg_img.png);background-size: 400px;background-color: #4f5b84!important;z-index: -1;width: 40%}
main.back1:before{width: 100%}
#intro h3, .con_title{color: #7C5135}
#intro #intro_wrap, #contents3 .con_box{border: solid 1px #F2ECE4}
#intro .num{display: none}
#intro h3{padding-top: 100px;background-image: url(./Dup/img/intro.png);background-size: 100px;background-repeat: no-repeat;background-position: top center}
.nav_menu_more:first-of-type a .icon:before{display: none}
#contents1 .num, #contents2 .num{left: 50%}
#contents3 .num{top: -80px}
main > section > div.pd_t-5per{padding-top: 0}
main > section > div > div:not(#map){margin-top: -50px}
#top_cms{background-color: #F9F4F2}
#top_cms.back1:before{display: none}
#info_contact{margin-top: 100px}
#info_contact .hannari{font-size: 50px;letter-spacing: 0}

#page_title .page_title_box{padding: 0;width: 100%;background-color: transparent}
#page_title h2{font-size: 80px;letter-spacing: 0}
#page_title p{opacity: 1;margin-top: 20px}

.cate_title{background-color: transparent;padding: 70px 0 20px!important;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: center;margin-bottom: 50px;color: #7C5135;font-weight: normal;background-position: top center;background-repeat: no-repeat;background-size: 80px;position: relative}
.cate_title::before{position: absolute;content: "";width: 50px;height: 1px;background-color: #DDCCCC;left: 0;right: 0;bottom: 0;margin: auto}
.cms_wrap .cate:nth-of-type(3n - 2) .cate_title{background-image: url(./Dup/img/title1.png)}
.cms_wrap .cate:nth-of-type(3n - 1) .cate_title{background-image: url(./Dup/img/title2.png)}
.cms_wrap .cate:nth-of-type(3n) .cate_title{background-image: url(./Dup/img/title3.png)}

#footer_nav{padding-bottom: 0}
#footer_nav_wrap{padding: 20px;background-color: rgba(255,255,255,0.8)}
.return a{color: #e0bba6}
.return::before, .return::after{background-color: #e0bba6}


/** tablet 780 **/
@media screen and (max-width: 768px){
.back1:before{width: 30%}
.back2:before{width: 70%}
#contents1 .con_box{padding-top: 100px}
#contents1 .num, #contents2 .num{left: 50%}
#contents2_wrap, #contents2_wrap h3{color: #fff}
#contents3 .num{top: -60px}
header.index #logo{opacity: 0;transition: 0.3s}
header.index.scr_header #logo{opacity: 1}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
.back1:before{width: 70%;height: 40%}
.back2:before{width: 100%}
#page_title h2{font-size: 60px}
#intro h3, #contents1 h3, #contents2 h3, #contents3 h3{font-size: 16px;letter-spacing: 1px}
#contents1 .num, #contents2 .num{top: -60px}
#contents1 .con_box, #contents2 .con_box{padding-top: 50px}
#contents2{padding-top: 100px}
#contents3 .con_box{padding-top: 50px}
}

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