@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&family=Quicksand:wght@500&display=swap');

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

.linkStyle{color: #f7c32f}

body, .more a::after, .cate_list li a::after, #page10 ul li a .title::after, #tel_contact > div > .d_inline_b > div p span{background-image: url(./Dup/img/bg_img.jpg);background-size: 400px}

header nav{margin-top: 30px}
header nav li a, .sc_menu li a{padding-left: 30px!important;padding-right: 30px!important}
header nav li a .font_18, .sc_menu li a .font_18{font-size: 16px}
h1 img.width_300-max{max-width: 400px}
#intro, #page_title{position: relative;background-image: url(./Dup/img/bg_img2.png);background-position: right bottom;background-repeat: no-repeat;background-size: 700px}
#intro::before{position: absolute;content: "";width: 500px;height: 60px;background-image: url(./Dup/img/bg_img1.png);background-size: 100% 100%;top: -59px;left: 0;right: 0;margin: auto}
#intro .intro_title{background-color: transparent}
#contents2{background-image: url(./Dup/img/bg_img3.png);background-position: top left;background-size: 400px;background-repeat: no-repeat}
#contents3{background-image: url(./Dup/img/bg_img4.png);background-position: top right;background-size: 400px;background-repeat: no-repeat}
#page_title > div{padding-top: 80px;padding-bottom: 80px}

#contact_bar .mail a i{display: none}
#contact_bar .mail a::after{content: " "}

.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 #7acc1b;color: #7acc1b;font-weight: bold}

#page10 .grid_3{width: 33.3333%!important;margin: 0 0 60px;padding: 0 20px}


/** tablet 780 **/
@media screen and (max-width: 768px){
#main_img{margin-bottom: 50px}
.sp_tel{margin-bottom: 100px}
#menu_wrap ul li a{padding-left: 0;padding-right: 0;font-size: 16px}
#page10 .grid_3{width: 100%!important;padding: 0 50px}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
h1 img.width_300-max{max-width: 240px}
#intro .intro_title{height: 180px}
#intro::before{width: 100%;height: 50px;top: -49px}
#intro, #contents2, #contents3, #page_title{background-size: 100%}
#page_title > div{padding: 50px 0}
.cate_title{font-size: 20px}
#page10 .grid_3{padding: 0}
}

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

}