﻿/*===========================================================*/
/* 個別 */
/*===========================================================*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Noto+Sans+JP:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
body{
        font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
        font-weight: 500;
}
.num,.cms_title p{    font-family: 'Great Vibes', cursive;}
.cms_title p{
    font-size: 30px;
    line-height: 1;
/*        color: #c5b58d;*/
    padding-bottom: 10px;
}
.linkStyle{color: #333;border-bottom: 1px solid;}
.tel_bt{display: none;}
body::before {
  background: url(dup/img/bg03.jpg) no-repeat;/* 画像（ここにfixedは入れない） */
  background-size: cover;/* cover指定できる */
  content: "";
  display: block;
  position: fixed;/* 擬似要素ごと固定 */
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;/* 横幅いっぱい */
  height: 100vh;/* 縦幅いっぱい */
  opacity: 0.7;
}
.back1:before, .back2:before{background-color: rgb(254 236 206 / 30%);}
header.scr_header #logo {
    max-width: 250px;
}
#pc_nav li:last-of-type a {

    padding: 9px 20px;
    border-radius: 45px;
    transition: all 0.3s;
    background-color: #c5b58d;
}
#pc_nav li:last-of-type a:hover::after, #pc_nav li:last-of-type a::before{display: none;}
#pc_nav li:last-of-type a:hover{
    transform: translateY(-5px);
}
#fakeloader{background-color: #8d7844;}
#main_img:before{background-color: rgb(171 167 121 / 20%);}
#main_img .menu p.bg_white{background-color: transparent;height: 300px;}
#intro_wrap,#contents3 .con_box {
    box-shadow: 0 0 20px #ffffff;
    background: rgba(255,255,255,0.9);
}
#contents1 .con_box,#contents2 .con_box{margin-top: 0;}
#top_cms .top_cms_box a{
    /*background-image: url(dup/img/bg02.jpg);*/
    background-size: cover;
    background-position: center;
    color: #fff;
    background-color: #c5b58d;
}
#top_cms.back1:before{z-index: -1;}
footer{background-color: transparent!important;}



.line-l:before {
    background-color: rgb(0 0 0 / 50%);
    height: 1px;
}
#info_contact .con_img:before{background-color: rgb(175 166 132 / 70%);}
#footer{background-color: transparent;}
/*#copyright{background-color: transparent;}*/
/*===========================================================*/
/* コード集 */
/*===========================================================*/
.txt_anim1 span{
	position: relative;
	right: 20px;
	opacity: 0;
	transition: all .8s;
}
.txt_anim1 span.start{
	right: 0;
	opacity: 1;
}



/*===========================================================*/
/* 下層 */
/*===========================================================*/
.pager li a:hover,.cate_list li a:hover {
    background-color: rgb(62 78 120)!important;
}
.cate_list li a:hover{color: #fff;}


/*===========================================================*/
/* 1280 */
/*===========================================================*/
@media screen and (max-width: 1280px){
#main_img .menu p.bg_white{display: none;}
.overlay-menu .right div.mg_b-50px .nav_menu_more:last-of-type{display: none;}


}




/*===========================================================*/
/* タブレット */
/*===========================================================*/
@media screen and (max-width: 768px){
.page_title_box h2{    letter-spacing: 2px;}
#contents1_wrap,#contents2_wrap{align-items: flex-start;}

}



/*===========================================================*/
/* スマホ */
/*===========================================================*/
@media screen and (max-width: 667px){
#page_title .page_title_box{width: 80%;background-color: transparent;}
.catch{font-size: 24px;}
#contents1 .con_box,#contents2 .con_box{
        box-shadow: 0 0 20px #ffffff;
    background: rgba(255,255,255,0.9);
    padding: 6% 5%;
    margin-top: 0;
}
header.scr_header #logo {
    max-width: 180px;
}



}


/*===========================================================*/
/* IE */
/*===========================================================*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){



}


/*===========================================================*/
/* Firefox */
/*===========================================================*/
@-moz-document url-prefix(){

}