@import url('https://fonts.googleapis.com/css2?family=Spartan&display=swap');

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

header, .sns_links.side_bar{background-image: url(./Dup/img/bg_img.jpg);background-size: 800px}

#footer_txt .tel a{font-size: 30px}
#page-top .font_18{font-size: 16px}
.open_menu, .close_menu{font-size: 10px}
h1{text-align: center}
h1 img{width: 70%}

#contents1, #footer{background-image: url(./Dup/img/border.png);background-size: 20px}

#page_title{padding-bottom: 0}
#page_title > div::after{border: none;background: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,1));}
.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: center;padding-bottom: 20px!important;margin-bottom: 50px;color: #b2c950;font-weight: bold;position: relative}
.cate_title::before{position: absolute;content: "";width: 40px;height: 2px;background-color: #b2c950;left: 0;right: 0;bottom: 0;margin: auto}
#intro{background-image: url(./Dup/img/bg_img2.png);background-size: 500px;background-position: top 30px right -30px;background-repeat: no-repeat}
#contents1 h4{padding-top: 30px;border-top: solid 1px #576d38;color: #576d38}

.more > div{border-color: #b2c950}
.more a{color: #b2c950}
.more a:hover{background-color: #b2c950}

#main_img .arrow{height: 80px;margin: 80px auto 0;background-color: rgba(255,255,255,0.4)}
#main_img .arrow::before{background-color: #fff}
.tel_contact .box  p{width: calc(100% - 120px)}


/** tablet 780 **/
@media screen and (max-width: 768px){
.cate_title{font-size: 20px}
header h1{margin-bottom: 0!important;max-width: 80px}
h1 img{width: 100%}
#intro {background-size: 400px;background-position: top 30px right 20px;}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
header{padding: 10px 20px}
header h1{max-width: 70px}
#intro {background-size: 280px;background-position: top 15px right -20px;}
#page-top .font_18{font-size: 12px}
#copyright{font-size: 14px;text-align: left}
.tel_contact  h4, .tel_contact .box  p{width: auto}
.privacy_box{padding-left: 0;padding-right: 0}
.privacy_box h3{letter-spacing: 1px}
}

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

}