.waku {
    border: 1px solid #7e7e7e;
    padding: 20px;
}

#cms_5-c .box_txt1::before {
    color: rgb(204, 170, 38);
}

.bg_color3 {
    background-color: #897640;
}

.txt_color3 {
    color: #cdab1a;
}

.main_bg{
    display: none;
}

#main_img:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/ue.png), url(./Dup/img/sita.png);
    background-position: 50% 50%, 10% 90%;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 110px, 500px;
    pointer-events: none;
    z-index: 2;
    animation: test 5s ease-out 0.1s 1 normal forwards;
}

@keyframes test {
  0% {
opacity:1;
  }

  90% {
opacity:1;
  }


  100% {
 
opacity:0;
  }
}

/*#main_img:after{*/
/*    content: "";*/
/*    display: block;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    background-image: url(./Dup/img/kemu.jpg);*/
/*    background-position: center bottom;*/
/*    background-repeat: no-repeat;*/
/*    -webkit-transform: translate(-50% , -50%);*/
/*    transform: translate(-50% , -50%);*/
/*    background-size: 120% 100%;*/
/*    pointer-events: none;*/
/*    z-index: 1;*/
/*    mix-blend-mode: screen;*/
/*}*/

#header #logo a {
    transform: scale(2.3) translate(30px, 0px);
}

.catch{
    max-width: 700px;
}

.intro_wrap > div.grid_12{
        text-align: center;
    margin: 100px auto;
}

#intro{
        background-image: url(./Dup/img/ira.png);
    background-position: 100% 0%;
    background-repeat: no-repeat;
    background-size: 37%;
    overflow: visible;
}

#top_cms .cms_sub_title span.active, #page_title p span.active, .fade_txt span.active {
    color: #cca92c;
}

.intro_img{
        transform: scale(1.1) translate(100px, 180px);
    transform-origin: top left;
    position: relative;
    z-index: 6;
}

.intro_img.flex_order1{
    transform: scale(1.2) translateY(-40px);
    transform-origin: bottom right;
}

main {
    overflow: hidden;
}

.con_no{
        opacity: 0.6;
}

#contents2{
        padding: 100px;
    box-sizing: border-box;
    padding-bottom: 10px;
}

#contents3{
        padding: 100px;
    box-sizing: border-box;
    padding-top: 10px;
}

.con2_box, .con3_box{
    padding: 6% 4%;
}

#contents2{
    position: relative;
}

#contents2:before{
    content: "";
    display: block;
    width: 50%;
    height: 50%;
    position: absolute;
    top: 0%;
    left: 0%;
    background-image: url(./Dup/img/ton.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 1;
}

.contact_box, #form_box{
    display: none;
}

.border_color3 {
    border-color: #c7a517;
}

#top_cms .cms_sub_title {
    opacity: 0.3;
}

.tabe{
    max-width: 300px;
    margin: auto;
}

.cms_5-c .box_txt1:before {
    color: rgb(207, 172, 28);
}


.linkStyle {
    color: #ceab22;
    font-weight: bold;
}

.border_color2 {
    border-color: #7e7e7e;
}

.cate{
    padding-top: 100px;
    margin-top: -100px;
}

.page_title_bg{
        opacity: 0.6;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

.intro_img img{
    display: block;
    margin: auto;
}

.intro_img.flex_order1, .intro_img{
    transform: none;
}

#header #logo a {
    transform: none;
}

#main_img:before {
   /*background-position: 5.5% 10%, 40% 91%, 50% 70%; */
    background-size: 80px, 35%;
}

.intro_wrap > div.grid_12 {
    text-align: center;
    margin: 0px auto 100px;
}

.catch {
    max-width: 450px;
}

.intro_img.flex_order1, .intro_img{
    transform: scale(0.8);
    margin-top: -15%;
    margin-bottom: -15%;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#main_img {
    height: 110vw!important;
}

/*#main_img:before {*/
/*    background-position: 5.5% 10%, 40% 91%, 50% 90%;*/
/*}*/

#main_img:before {
    /*background-position: 30.5% 27%, 40% 91%, 50% 70%;*/
    /*background-size: 80px, 300px;*/
    pointer-events: none;
    z-index: 2;
}

#contents2, #contents3 {
    padding: 0px;
    padding-bottom: 0px;
}



}