@import url('https://fonts.googleapis.com/css2?family=BioRhyme:wght@800&family=Noto+Sans+JP&display=swap');

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

.more, #top_cms .cms_title p, #page_title p, #intro h2, a[href^="tel:"]{font-family: 'BioRhyme', 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}

.linkStyle{color: #aaa}
main{background-color: #fff!important}
#main_img{height: 50vw}
#main_img::after{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;background-image: url(./Dup/img/dot.png)}
#contents{background-color: #f7f7f7;background-image: url(./Dup/img/bg_img2.png), url(./Dup/img/bg_img5.png);background-size: 500px;background-position: top right, bottom left;background-repeat: no-repeat}
#contents .txt_white{color: #333}
.logo h1{max-width: 250px}
#header{background-image: url(./Dup/img/bg_img.jpg);background-size: cover;background-position: center}
#main_nav a{transition: 0.3s}
#main_nav a:hover{background-color: rgba(255,255,255,0.1)}
#intro .intro_txt{background-image: url(./Dup/img/bg_img3.png);background-size: cover;background-position: center}
#intro h2{padding-top: 60px;padding-bottom: 30px;position: relative;background-image: url(./Dup/img/bg_img4.png);background-size: 70px;background-position: top center;background-repeat: no-repeat}
#intro h2::before, #intro h2::after{position: absolute;content: "";left: 0;right: 0;margin: auto;background-color: #efa614}
#intro h2::before{bottom: -20px;height: 40px;width: 1px}
#intro h2::after{bottom: 0;height: 1px;width: 100px}
#contents .border_rad50per{border-radius: 0}
#contents .square_box{border-color: #EFA614;}
#contents h3{font-size: 20px;font-weight: normal;margin-bottom: 20px;padding-bottom: 20px;position: relative;color: #efa614!important}
#contents h3::before{position: absolute;content: "";width: 40px;height: 1px;left: 0;bottom: 0;margin: auto;background-color: #efa614}
#page_title{text-align: center}
#page_title h2{opacity: 0.8;font-size: 18px}
#page_title p{font-size: 50px;opacity: 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;margin-bottom: 50px;border-bottom: solid 2px #F4EEE4;color: #4C250A;font-weight: bold;position: relative}
.cate_title::before{position: absolute;content: "";width: 40px;height: 2px;left: 0;right: 0;bottom: -2px;margin: auto;background-color: #EFA614}


/** tablet 780 **/
@media screen and (max-width: 768px){
#main_img{height: calc(70vw - 95px);top: 95px!important}
#wrap.top{padding-top: 70vw!important}
#page_title p{font-size: 40px}
#intro{background-image: none!important}
#intro .intro_img{height: 60vw}
#contents{background-size: 400px}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#main_img{height: calc(70vw - 85px);top: 85px!important}
.logo h1{max-width: 200px}
#contents{background-size: 300px}
#contents h3{text-align: center}
#contents h3::before{right: 0}
#page_title div{padding-left: 0;padding-right: 0}
#page_title p{font-size: 28px}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
.more, body, .font_serif, a[href^="tel:"]{font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif}
.cate_title{padding-bottom: 20px!important}
}