@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@700&display=swap');

#main_img #catch h2 span, #intro_title, #intro .box_wrap h4, #contents_links .square_box a, #contents h3, #top_cms .top_cms_title, .more, a[href^="tel:"], header #header #main_menu, #sc_menu, #page_title, .cate_title, #intro .box_wrap .box h4::before{font-family: 'Shippori Mincho B1', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}

#sc_menu li.page08_link a span, header #header #main_menu li.page08_link a span{display: none}
#sc_menu .logo img{max-width: 250px}

#main_img #catch{padding-top: 50px!important}
#main_img #catch h2{position: static;font-size: 24px;letter-spacing: 2px;border: none;border-bottom: solid 1px #fff}
#main_img #catch h2 span{padding: 0 0 20px;display: block;line-height: 1.5}
#main_img #catch p{padding-top: 30px;line-height: 1.5}
#contents_links .square_box a::before, #contents .contents_txt h3.active::after, #top_cms .top_cms_box .more a span{border-width: 1px}
#top_cms .top_cms_box h3{border: none;border-bottom: solid 1px #31824A;width: 100%;margin-left: 0;padding-left: 0;padding-right: 0;padding-top: 50px}
#intro{background-image: url(./Dup/img/bg_wall.jpg);background-size: 640px}
#intro_title{text-align: center}
#intro_title p{border: none;padding: 0;margin-bottom: 50px;position: relative;width: 100%;font-size: 20px}
#intro_title p span{padding-bottom: 20px;position: relative}
#intro_title p::before, #intro_title p::after{position: absolute;content: "";width: calc(50% - 25px);height: 1px;bottom: 0;background-color: #31824a}
#intro_title p::before{left: 0}
#intro_title p::after{right: 0}
#intro_title p span::before{position: absolute;content: "";width: 36px;height: 36px;border-right: solid 1px #31824a;border-bottom: solid 1px #31824a;transform: rotate(45deg);left: 0;right: 0;bottom: -18px;margin: auto}

#intro .box_wrap .box > div{margin-left: auto;margin-right: auto;padding-top: 0}
#intro .box_wrap .box > div span {top: -40px;right: 0;margin: auto;transform: rotate(45deg);border-color: #fff transparent transparent transparent!important;opacity: 0.9;border-width: 80px 80px 0 0}
#intro .box_wrap .box h4::before{font-size: 40px;color: #774c3a;text-align: center;display: block;margin: 0 auto;width: 60px;border-bottom: solid 2px;line-height: 1.5;position: relative;top: -20px}
#intro .box_wrap .box:nth-of-type(1) h4::before{content: "01"}
#intro .box_wrap .box:nth-of-type(2) h4::before{content: "02"}
#intro .box_wrap h4{font-size: 20px;text-align: center;padding-bottom: 10px;border-bottom: solid 1px #e2d9cc;argin-bottom: 30px}

#page_title::after{background-image: url(./Dup/img/bg_img.png);background-size: 100% 100px;background-position: left bottom;background-repeat: no-repeat;}
#page_title p{padding: 0 0 50px;margin: 0 0 20px;position: relative;border: none;}
#page_title p::before{position: absolute;content: "";width: 1px;height: 30px;left: 0;right: 0;bottom: 0;margin: auto;background-color: #fff}

.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 #ddd;color: #333;font-weight: 700;position: relative}
.cate_title::before{position: absolute;content: "";width: 40px;height: 5px;left: 0;bottom: -5px;background-color: #31824A}

footer #footer{padding-top: 140px}
footer::after{background-image: url(./Dup/img/bg_img2.png);background-size: 100% 100px;background-position: left top;background-repeat: no-repeat;}


/** tablet 780 **/
@media screen and (max-width: 768px){
.cate_title{font-size: 20px}
#page_title::after, footer::after{background-size: 100% 10vw}
footer #footer{padding-top: 10vw}
#main_img #catch h2{transform: none}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
h1 a{padding: 10px 0}
#intro .box_wrap .box > div{width: 100%;margin-left: 0}
#page_title h2{font-size: 28px;letter-spacing: 2px}
#intro .box_wrap .box > div{transform: none;margin-top: 20px}
.loader.logo{width: 200px}
#main_img #catch{padding-top: 30px!important}
}

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

}