div#sns_links a {
    opacity: 1;
}
.pager li a {
    opacity: 1;
}
div#sns_links a:hover {
    opacity: 0.7;
}
#page-top {
    background: #394c19;
}

div#banner {
    position: fixed;
    bottom: 5px;
    left: 5px;
    max-width: 350px;
    z-index: 99;
    border: 2px solid #4a5b2d;
}
#banner a:hover{
    opacity:0.8;
}
#banner a{
    transition:all 0.2s;
}
#contents2::after{
    background-color: #1928009c;
}
.linkStyle{
    text-decoration: underline;
    color: #556b2f;
}

.cms_4-b .cate_box a:hover img {
    transform: translate(-50%, -50%) scale(1.05,1.05);
}
.cms_4-b .cate_box a:hover img {
    transition: all 1s;
}
#catch p:before {
    width: 1px;
    height: 0%;
    background: white;
    content: "";
    position: absolute;
    right: 0;
    top:0;
    transition:all 2s;
}
#catch p{
    position:relative;
}
div#catch p:last-of-type:after {
     width: 1px;
    height: 0;
    background: white;
    content: "";
    position: absolute;
    left: 0;
    top:0;
      transition:all 2s;
}
#catch.active p:before,div#catch.active p:last-of-type:after{
    height:100%;
}
.txt_anim1 span{
	position: relative;
	top: -20px;
	opacity: 0;
	transition: all 1.5s;
}

.txt_anim1 span.start{
	top: 0;
	opacity: 1;
}

#page_title h2 {
    font-size: 30px;
}
#page_title .isi{
    position:static;
}
.A {
    color: #4a250b;
    font-weight: bold;
    margin-right: 3px;
}
.Q {
    font-weight: bold;
    color: #556b2f;
    margin-right: 5px;
}
#cms_4-b .cate_box {
    padding-bottom: 30px;
}

.box_title1.font_2up.font_100per_sp.over_txt.pd_5px.empty-hide{
    border-bottom: 1px solid #556b2f3b;
    padding: 0;
    margin-top: 10px;
}


.link_type3 h4 {
    background: #4a250b;
}

.link_type3{padding-bottom: 50px;}
.link_type3 .link_img1 {z-index: 1;}
.link_type3 .cate_box a:hover .link_img1 img {transform: translate(-50%, -50%) scale(1.05,1.05);}
.link_type3 .link_title1 {
    left: 1px;
    bottom: 1px;
    width: calc(100% - 2px);
    box-sizing: border-box;
}
.link_type3 .cate_box a .link_title1 {transition-timing-function: cubic-bezier(.78,.09,.27,1.36);}
.link_type3 .cate_box a:hover .link_title1 {bottom: -47px;}
	

.border_color1 {
    border-color: #556b2f;
}

.txt_color1 {
    color: #556b2f;
}
section#main_img:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background: #0000002b;
    opacity: 0.5;
    background: rgb(12,62,146);
    background: linear-gradient(90deg, rgba(12,62,146,1) 0%, rgba(29,112,162,1) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);
}

div#catch p {
    line-height: 80px;
    letter-spacing: 4px;
}
div#catch {
    position: absolute;
    z-index: 2;
    font-size: 50px;
    writing-mode: vertical-rl;
    right: 10vw;
    top: 5vw;
    color: white;
}
.top_cms_title{
    position: relative;
    padding-bottom: 60px;
}
.isi {
    width: 100%;
    margin: auto;
    position: absolute;
    bottom: 10px;
    left: 0;
    opacity: 1;
}
.isi img {
    max-width: 180px;
}
#contents3::before {
    content: "";
    width: 100%;
    height: 40%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: url(Dup/img/isi1.png) ,url(Dup/img/isi2.png);
    background-repeat: no-repeat;
    background-position: bottom left,right bottom;
    background-size: 380px;
}
#contents3 h3 {
    color: #4a250b;
}
h2,h3,h4{
    font-family: 'Shippori Mincho', serif;
}
#loader,#main_nav{
    background: #556b2f url(Dup/img/bg.png);
    background-size:500px;
}
#contents3::after{
    background:url("Dup/img/bg4.jpg");
}
#header h1 img{
    max-width:150px;
}
#page_title,#page8 .tel_box{
    background-image: url(../Dup/img/bg.png);
    background-size: 500px auto;
}

.fig_wrap:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background: #556b2f url(Dup/img/bg2.png);
    top: 15px;
    right: -15px;
    background-size:contain;
}
.fig_wrap{
    position:relative;
}
body{
    overflow:hidden;
}
/*
#contents1 p:before {
    width: 340px;
    height: 170px;
    content: "";
    position: absolute;
    background: url(Dup/img/aroma.png) no-repeat;
    right: -350px;
    bottom: -50px;
    background-size: contain;
}
*/
#contents1 p,#contents1 p .txt_vertical{
    max-height: 500px;
    margin-top: 10px;
}
.bg_color1 {
    background-color: #556b2f;
}
#intro, #top_cms .top_cms_box .top_cms_title {
    background: red url(Dup/img/bg.png);
}
#intro, #top_cms .top_cms_box .top_cms_title {
    background: #556b2f url(Dup/img/bg.png);
    background-size:500px;
}
#intro h2 {
    text-align: center;
}
#intro p {
    text-align: center;
}

body {
    background: url(Dup/img/bg4.jpg);
    background-size: 200px;
}
#header h1 span {
    display: inline-block;
    outline: 2px solid #686c62;
    outline-offset: -10px;
    padding: 20px;
    background: white;
}
#header h1.active img {
    max-width: 120px;
}
#contents1 {
    background-image: url(Dup/img/con1.png) , url(Dup/img/con2-2.png);
    background-repeat: no-repeat;
    background-position: left 0 top 0, right 0 bottom 0;
    background-size: 30% ,40%;
}
#contents1 figure img {
    box-shadow: none !important;
    background:none;
    
}
#contents1 h2 {
    max-height: 600px;
}


/*---------------------------------------タブレット------------------------------------------*/
@media screen and (max-width:768px){
    footer {
    padding-bottom: 85px;
    background: #556b2f;
}
    #main_img{
        height:auto;
    }
    video.video {
    vertical-align: bottom;
}
div#catch p {
    line-height: 60px;
}
div#catch{
    font-size:30px;
    right: 17vw;
    top: 11vw;
}
section#main_img:before{
    background: linear-gradient(90deg, rgba(12,62,146,1) 0%, rgba(29,112,162,1) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,1) 100%);
}
#header h1.active img {
    max-width: 80px;
}
#header h1 span{
    outline-offset: -5px;
        outline: 1px solid #686c62;
            padding: 15px;
}
#header h1.active{
    padding:5px;
}
#contents3::before{
    background-size:230px;
}
.fig_wrap:before{
    background-size:350px;
}
}

/*---------------------------------------スマホ------------------------------------------*/
@media screen and (max-width:667px){
    div#banner {
    max-width: 250px;
    }
    footer {
    padding-bottom: 60px;
    }
    #header h1.active img {
    max-width: 60px;
}
#header h1 span {
    outline-offset: -3px;
    outline: 1px solid #686c62;
    padding: 5px;
}
div#catch {
    font-size: 18px;
}
div#catch p {
    line-height: 35px;
}
div#catch {
    font-size: 18px;
    right: 20vw;
    top: 10vw;
}
#intro p {
    text-align: left;
}
#contents1 {
    background-size: 50% ,60%;
    padding-bottom: 30%;
}
#contents3::before{
    height:50%;
}
#contents3::before {
    background-size: 180px;
}
.isi img {
    max-width: 140px;
}
#header h1 img {
    max-width: 120px;
}
#page_title h2 {
    font-size: 22px;
}
.cate_list a {
    white-space: nowrap;
    font-size: 14px;
}
}



section#intro:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background: #394b18f0 url(Dup/img/bg.png);
    top: 0;
    left: 0;
    background-size: 500px;
}
#intro div{
    position:relative;
    z-index: 2;
}
#intro{
    background: url(Dup/img/intro_bg.jpg);
    background-size: cover;
    background-position: center;
    position:relative;
}