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

.txt_anim span, .more_bt a, a[href^="tel:"], #page_title h2 span, #top_info .more_bt2 a{font-family: 'Oxanium', "Noto Sans JP", YuGothic,"Yu Gothic","游ゴシック体","游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","Helvetica Neue",Helvetica,Arial,sans-serif}

.linkStyle{color: #842C2C}
.border_rad10, #pc_nav ul:last-of-type, #page-top a{border-radius: 0}

.font_13, .font_14{font-size: 18px}
html, body, .font_15, .font_16{font-size: 20px}
.letter_1, .letter_2, .letter_3, .letter_4{letter-spacing: 0}
#main_img .txt{top: auto;bottom: 50px}
#main_img h2, #intro .intro_title h2, #contents1 h2, #contents2 h2, #top_cms .top_cms_title h2{font-size: 30px}
#main_img p{letter-spacing: 1px;width: 100%!important;font-size: 16px}
#f_contact a span.hover_box{opacity: 0.8}
#f_contact .inner, #main_img::before, #contents2 .contents2_bg::before{;background-image: url(./Dup/img/bg_img2.png);background-size: 10px}
#intro{padding-top: 50px;padding-bottom: 50px}
#intro .intro_bg{background-color: transparent;background: linear-gradient(to bottom right, rgba(237,128,55,0.8), rgba(247,186,65,0.8));}
#contents1{padding-top: 100px}
#contents1 span{background-image: url(./Dup/img/bg_img3.png), url(./Dup/img/bg_img.png);background-position: right center, top right;background-size: 60vw, 10px;background-repeat: no-repeat, repeat}
#contents2 .cate_box{border: solid 2px #F7BA41}
#page_title .box{background-image: url(./Dup/img/bg_img2.png);background-size: 10px}

.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 #eee;color: #F7BA41;font-weight: bold;position: relative}
.cate_title::before{position: absolute;content: "";width: 40px;height: 2px;left: 0;bottom: -2px;background-color: #F7BA41}


/** tablet 780 **/
@media screen and (max-width: 768px){
#main_img h2, #intro .intro_title h2, #contents1 h2, #contents2 h2, #top_cms .top_cms_title h2{font-size: 26px}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#main_img .txt{width: calc(100% - 40px)!important}
#main_img h2, #intro .intro_title h2, #contents1 h2, #contents2 h2, #top_cms .top_cms_title h2{font-size: 22px}
#main_img p{font-size: 12px}
.cate_title{font-size: 20px}
#contents1 span{background-position: top right;background-size: 100%, 10px}
#main_img p{font-size: 14px}
#intro .intro_bg, #intro .bg_box{height: calc(100% - 100px)}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
.more_bt a{padding-top: 30px}
}