@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&family=Noto+Serif+JP:wght@500&display=swap');


#main_img .main_txt_wrap, #page_top, #intro .intro_title, #contents1 .con1_title, #contents2 .con2_title, #top_cms .cms_title, .cms_sub_title, .more, #page_top, #page_title, .cate_title, a[href^="tel:"], .contact_bt{font-family: 'Libre Baskerville', 'Noto Serif JP', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";font-weight: 400}

.linkStyle{display: inline-block;transition: 0.3s;color: #d1b22f}
.linkStyle:hover{opacity: 0.7}

#loader{background-color: #fff}
#logo a{padding: 25px}
#header.headtrans #logo a{padding: 15px 50px}
#pc_nav{font-size: 14px}
#pc_nav a:not([href^="tel:"]){padding: 15px}
#pc_nav a[href^="tel:"] i{display: none}
.contact_bt a{font-weight: normal}
#header.headtrans .yoyaku a{background-color: #d1b22f;color: #fff}
#main_img .main_bg{background: rgba(150,150,150,0.6)!important}
section.bg_color1{background-color: #f2f2f2}
#page_title .page_title_gradient{background: linear-gradient(to bottom, rgba(242,242,242,0), rgba(242,242,242,1))!important}
#contents1 .font_bold, #contents2 .font_bold, #contents3 .font_bold{font-weight: 400}
#contents1 .con1_title span{text-align: center}
#top_cms .cms_sub_title{font-size: 50px;opacity: 0.4}
#page_top a{color: #0a81e2}
#page_top .scroll_u .scroll_bar{background-color: #0a81e2}
#footer{background-color: #eee;color: #333}
footer .footer_nav{background-color: #0a81e2}
.tel_bt a{color: #0a81e2}
.main_txt{padding-top: 100px;background-image: url(./Dup/img/intro.png);background-size: 300px;background-repeat: no-repeat;background-position: right top;font-weight: normal}
#intro{padding-top: 0;position: relative;overflow: hidden}
#intro::before, #intro .intro_wrap::after{position: absolute;content: "";width: 100px;height: 100px;background-color: #e6e6e6;transform: rotate(45deg);z-index: 1}
#intro::before{top: -50px;left: -50px}
#intro .intro_wrap::after{bottom: -50px;right: -50px}
#intro .intro_wrap{position: relative;overflow: hidden}
#intro .intro_wrap::before{position: absolute;content: "";top: 20px;left: 20px;right: 20px;bottom: 20px;border: solid 1px #e6e6e6;pointer-events: none}
#intro .intro_img{text-align: center}
#page_title .page_title_bg {background-color: #002577;}

#sp_nav .nav_bg, #contents1 .con1_bg{background: linear-gradient(to bottom right, rgb(0,37,119), rgb(10,129,226))!important}
#contents2 .con2_box{background-color: #fff;color: #333}

.cate_title{background-color: transparent;padding: 0;margin: 0;display: block;border: none;width: 100%!important;font-size: 24px;text-align: left;padding-bottom: 10px!important;margin-bottom: 50px;border-bottom: solid 2px #002577;color: #002577;font-weight: bold;letter-spacing: 2px}
.cms_5-b .cate_box .open_bt .box_title1::before, #cms_5-b .cate_box .open_bt .box_title1::before{color: #0a81e2!important}

.app_banner{width: 120px;right: 0;top: 150px;z-index: 5}


@media screen and (max-width: 768px){
#loader img{width: 150px}
#wrap:not(.index) main > section.pd_l-100px{padding-left: 20px;padding-right: 20px}
#logo a img{width: 100%!important}
#logo a{padding: 10px 0;width: 70px}
.main_txt{font-size: 20px}
.yoyaku a{background-color: #d1b22f;color: #fff}
.app_banner{right: 0;top: 110px}
.app_banner{z-index: 4}
}

@media screen and (max-width: 667px){
#top_cms .cms_title{position: relative;z-index: 2}
#top_cms .cms_sub_title{font-size: 36px;opacity: 0.2}
.main_txt{text-align: center;padding-top: 70px;background-image: url(./Dup/img/intro_sp.png);background-size: 200px;background-position: center top}
#intro .intro_title{text-align: center}
#intro::before, #intro .intro_wrap::after{width: 50px;height: 50px}
#intro::before{top: -25px;left: -25px}
#intro .intro_wrap::after{bottom: -25px;right: -25px}
#intro .intro_wrap{padding-left: 30px;padding-right: 30px}
#intro .intro_wrap::before{top: 10px;left: 10px;right: 10px;bottom: 10px}
.shadow_none_sp{box-shadow: none}
.cate_title{font-size: 20px}
#pc_nav .contact_bt.yoyaku a{padding-left: 10px;padding-right: 10px}
#pc_nav a:not([href^="tel:"]){padding: 5px 10px}
#pc_nav a[href^="tel:"] i{display: inline}
.app_banner{width: 60px;top: 100px}
}

@media all and (-ms-high-contrast:none) {
#main_img .main_txt_wrap, #page_top, #intro .intro_title, #contents1 .con1_title, #contents2 .con2_title, #top_cms .cms_title, .cms_sub_title, .more, #page_top, #page_title, .cate_title, a[href^="tel:"], .contact_bt{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";font-weight: 400}
.more a{padding-top: 0}
.more a span.hvr_more_span{padding-top: 20px}
}