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

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

.didot, #top_cms .cms_title h3, #page_title h2, #info_contact span, #contents4 .con4{font-family: 'Poiret One', 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;font-weight: bold}

.linkStyle{color: #a3a9d3;transition: 0.3s}
.linkStyle:hover{opacity: 0.7}

#fakeloader:before{background-color: rgba(255,255,255,0.8)}
#wrap::before{position: fixed;content: "";width: 100%;height: 100%;top: 0;left: 0;pointer-events: none;background-image: url(./Dup/img/bg_img.png);background-size: 800px;z-index: -1}
header.scr_header{background-color: rgba(191,170,232,0.8)!important}
#main_img .bg_white{background-color: rgba(255,255,255,0.8);border: solid 1px #fff}
header.scr_header #logo {max-width: 240px;}
#logo2 a{max-width: 250px}
#contents3 .con_box, main.back1 .con_box{box-shadow: 0 0 30px rgba(226,223,207,0.2)}
#intro_wrap{background-image: url(./Dup/img/bg_img2.png);background-size: contain;background-position: center;background-repeat: no-repeat;background-color: transparent}
#contents4 .con4_title::before{position: absolute;content: "";width: 40px;height: 1px;left: 0;right: 0;margin: auto;bottom: -1px;background-color: #BFAAE8}
#contents4 .con4{padding-top: 70px;background-image: url(./Dup/img/con4.png);background-position: top center;background-repeat: no-repeat;background-size: 70px}
footer{position: relative}
#page_title:before, #main_img:before, #info_contact .con_img:before{background-color: rgb(163,169,211,0.6)}
.back1:before, .back2:before{display: none}
#top_cms .cms_title h3, #info_contact span.hannari{font-size: 40px}

.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;border-bottom: solid 1px #eee;color: #7F8273;font-weight: normal;position: relative}
.cate_title::before{position: absolute;content: "";width: 40px;height: 1px;left: 0;right: 0;bottom: -1px;background-color: #a3a9d3;margin: auto}
#h1txt{padding-bottom: 60px}
.foot_banner{right: 80px;bottom: 20px;z-index: 1}
#return_top {transform: translateY(30px);}
.return a{color: #333}


/** tablet 780 **/
@media screen and (max-width: 768px){
header #logo {max-width: 220px;}
header.scr_header #logo {max-width: 200px;}
#h1txt{padding-bottom: 30px}
#copyright{padding-bottom: 90px}
.foot_banner {right: 50px;}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#page_title .page_title_box{padding-left: 0;padding-right: 0;width: 300px}
#intro_wrap{background-position: left 0 bottom 30px}
.cate_title{font-size: 20px;}
#return_top {transform: translateY(-10px);}
.foot_banner {max-width: inherit;bottom: 0;right: 0}
#copyright{padding-bottom: 60px}
}

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

}