/*===========================================================*/
/* 個別 */
/*===========================================================*/
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Slab&display=swap');
body{
        font-family: 'Shippori Mincho',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
p{font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
h1 img {
    max-width: 200px;
}
.catch{z-index: 1;}
.linkStyle{color: #333;border-bottom: 1px solid;}
.bnr{
    bottom: 30px;
    right: 80px;
    z-index: 10;
}
.bnr a{
    background-color: #9bbdbd;
    color: #fff;
    padding: 10px 20px;
}
#intro p,#top_contents1 p,#top_contents2 p{line-height: 2.5;}
#main_img img, #intro img, #top_contents1 img, #top_contents2 img{
    -webkit-filter: sepia(60%);
    -moz-filter: sepia(60%);
    -ms-filter: sepia(60%);
    -o-filter: sepia(60%);
    filter: sepia(60%);
    transition: ease 0.3s;
    cursor: pointer;
}
#intro .slick:before,#top_contents2 .img1:before,#top_contents2 .img2:before{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 90%;
    top: 30px;
    left: -20px;
    background-image: url(Dup/img/bg1.jpg);
    /* background-size: contain; */
    z-index: -1;
}
#intro .intro_txt{padding-top: 40px;}
#intro .intro_txt,#top_contents2,footer{
    background-color: #fffbef!important;
    border-top: 1px solid #a08055;
    border-bottom: 1px solid #a08055;
}
#top_contents2 h3 span{ background-color: #fffbef;}
#top_contents2 .contents2_txt{
        background-image: url(Dup/img/dec1.png);
    background-repeat: no-repeat;
    background-position: center top 15px;
}
#top_contents2 .img1:before{right: -20px;left: inherit;top: -20px;}
#top_contents2 .img2:before{left: -20px;right: inherit;top: -20px;}
#top_contents2 .img1:before,#top_contents2 .img2:before{background-image: url(Dup/img/bg2.jpg);}
#intro{margin-bottom: 100px;}
.intro_wrap{
    background-image: url(Dup/img/intro_bg.png);
    background-position-y: calc(100% - 120px);
    background-position-x: 0;
    background-repeat: repeat-x;
    background-size: 1500px;
    animation: anime1 30s linear infinite;
}
@keyframes anime1 {
	0% {
		background-position-x: 0;
	}
	100% {
		background-position-x: -1500px;
	}
}
@keyframes anime2 {
    0% {
        background-position-x: 0;
    }
    100% {
        background-position-x: -800px;
    }
}
#intro .intro_txt h2,.cate_title{
    background-color: transparent;
    font-size: 24px;
    background-image: url(Dup/img/dec1.png);
    background-repeat: no-repeat;
    background-position: center top;
        transform: translateY(-20%);
}
#intro .intro_txt{width: 100%!important;}
#intro h3{font-size: 24px;}
#intro .slick-dots li{height: 1px;}
#intro .slick-dots li {
    position: relative;
    border: none;
    height: 10px;
}
#intro .slick-dots li::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #a08055;
}

#top_contents1 figure{
    width: 50% !important;
    transform: translateY(-50px);
    position: static;
    top: inherit;
    left: inherit;
}
#top_contents1 .contents1_txt{
    margin: 0;
    width: 50%!important;
}
#top_contents1 .con1_no {
    font-size: 40px;
    margin-left: -15%;
    opacity: 0.4;
    z-index: 1;
    position: relative;
        font-family: 'Josefin Slab', serif;
    letter-spacing: 5px;
        line-height: 1;
    margin-bottom: 10px;
    
}
.font1,#top_cms .top_cms_box .more a{font-family: 'Josefin Slab', serif;}
#page_title{
    color: #fff;
        -webkit-filter: sepia(60%);
    -moz-filter: sepia(60%);
    -ms-filter: sepia(60%);
    -o-filter: sepia(60%);
    filter: sepia(60%);
}


#top_cms .top_cms_box .more a{border-color: #a08055;color: #a08055;}
#top_cms .top_cms_box .more a span.on,#page10 ul li a:hover span.on{background-color: #a08055;color: #fff;}
#top_cms .top_cms_box .more a:hover{color: #fff;}
#top_cms .top_cms_title{
    color: #a08055;
    padding-left: 60px;
    background-image: url(Dup/img/dec2.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 50px;
}

#top_contents1{background-color: #9bbdbd;background-image: url(Dup/img/dama.png);}
footer{background-image: url(Dup/img/dama.png);}
/*#top_contents1 .contents1_txt h3{transform: none;}*/
#top_contents1 h3{
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
#top_contents1 h3::before{
    position: absolute;
    content: "";
    width: 100px;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: #fff;
}
#top_contents1 h3,#top_contents1 p{color: #fff;}

#top_cms{padding: 0 5%;}


.topcms_news_type2 .box_wrap{align-items: stretch;}
.topcms_news_type2 .cate_box {
	width: 46.33333%!important;
	margin-right: 1.5%;
	margin-left: 1.5%;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 0);
	/* padding: 20px; */
	/* border-radius: 20px; */
	/* background-color: #f5f5f5; */
}
.topcms_news_type2 .cate_box:hover {
	transform: translateY(-5px);
}
.topcms_news_type2 .cate_box .box_item {
	cursor: pointer;
}
.topcms_news_type2 .txt_height {
	height: 5em
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.topcms_news_type2 .cate_box {width: 100%!important;}
.topcms_news_type2 .txt_height {height: 3em}
}



.fadein{
    opacity: 0;
    filter: blur(5px);
    transition: 1s;
    transition-property:filter, transform;
    transform: translateY(20px);
}
.fadein.active{
    opacity: 1;
    filter: none;
    transform: none;
}
/*===========================================================*/
/* 下層 */
/*===========================================================*/
.cate_title {
    background-color: transparent;
    padding: 20px 0 0;
    margin: 0;
    display: block;
    border: none;
    width: 100%!important;
    font-size: 24px;
    text-align: center;
    padding-bottom: 30px!important;
    margin-bottom: 50px;
    color: #a08055;
    position: relative;
    font-weight: normal;
}
.cate_title::before {
    position: absolute;
    content: "";
    width: 50px;
    height: 1px;
    left: 50%;
    bottom: 0;
    background-color: #a08055;
    transform: translatex(-50%);
}
.cate_list{
    background-color: rgb(255, 251, 239);
    border: 1px solid rgb(160, 128, 85);
}
#page_title h2{
    background-color: rgba(160,128,85,1);
    display: inline-block;
    padding: 0 20px;
}
#page_title p{padding-left: 20px;}
/*===========================================================*/
/* タブレット */
/*===========================================================*/
@media screen and (max-width: 768px){
#top_contents1 figure{width: 100% !important;}
#top_contents1 .contents1_txt{width: 100%!important;padding: 0 100px 50px;}
#top_contents1 .con1_no{margin-left: -10%;}
#page10 ul li a span{letter-spacing: 2px;}
#menu_wrap.active > div{text-align: center;}
#intro .slick:before{height: 85%;}

}



/*===========================================================*/
/* スマホ */
/*===========================================================*/
@media screen and (max-width: 667px){
    .catch{width: 200px;}
.cate_title{font-size: 18px;margin-bottom: 20px;}
#intro .intro_txt h2{font-size: 20px;width: 100%!important;padding-top: 20px;}
#top_contents1 .con1_no{
    margin-left: 0;
    text-align: center;
    font-size: 30px;
}
#top_contents1 .contents1_txt{padding: 0 10px 50px;}
#top_contents1 h3::before{
    left: 50%;
    transform: translateX(-50%);
}
.cms_2-a .swiper-button-next{right: -10px;}
.cms_2-a .swiper-button-prev{left: -10px;}
#intro .intro_title{
    transform: translateY(0px);
    text-align: center;
}
#intro h3 {
    font-size: 18px;
}
#top_contents1{margin-bottom: 30px;}
#loader .logo{max-width: 250px;}
.cate_title{padding-bottom: 10px!important;}
.intro_wrap, #top_contents2_h {
    background-size: 800px;
    animation: anime2 20s linear infinite;
}
#top_contents2 .img1:before, #top_contents2 .img2:before{content: none;}
#intro .slick:before {
    height: 80%;
}
#page_title {
    padding: 50px 30px 140px;
}
footer{padding-bottom: 100px;}



}


/*===========================================================*/
/* IE */
/*===========================================================*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){



}


/*===========================================================*/
/* Firefox */
/*===========================================================*/
@-moz-document url-prefix(){

}