#page5 #cate0 figure{
    width: 100%!important;
}

.bg_color1 {
    background-color: #eee8aa;
}

#s_content1 span{
    background-color: #beb8cb;
}

#header a{
    color: #5a7c6d;
}




.intro_item {position: relative;}
div.intro_item::before {
    background-image: url(dup/img/leaf01.png);
    width: 26%;
    height: 164px;
    background-size: 100%;
    top: -12%;
    left: 64%;
    background-position: top;
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    z-index: -2;
    /* opacity: 0.5; */
    /* mix-blend-mode: screen; */
    
}

/*.main_img_txt {position: relative;}
div.main_img_txt::before {
    background-image: url(dup/img/item01.png);
    width: 26%;
    height: 164px;
    background-size: 100%;
    top: -12%;
    left: 65%;
    background-position: top;
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    z-index: -2;
}*/

.item01{
    vertical-align: bottom;
    width: 14%;
    height: auto;
    position: relative;
    position: absolute;
    z-index: 5;
    right: 21%;
    /* left: -17%; */
    top: 24%;
    background-repeat: no-repeat;
}

.cate_list a{
    color: #333;
}

.txt_color3 {
    color: #9370db;
}

.bg_color3 {
    background-color: #9370db;
}

.c2_box_txt {position: relative;}
div.c2_box_txt::before {
    background-image: url(dup/img/leaf01.png);
    width: 13%;
    height: 70px;
    background-size: 100%;
    top: 22%;
    left: 50%;
    background-position: top;
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    z-index: 1;
    pointer-events: none;
    transform: translateX(-50%);
}




.c2_box_txt {position: relative;}
div.c2_box_txt::after{
    background-image: url(dup/img/item02.png);
    width: 11%;
    height: 110px;
    background-size: 100%;
    /*top: 65%;*/
    bottom: 9%;
    left: 50%;
    background-position: top;
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    z-index: 1;
    transform: translateX(-50%);
}

#page8 .phone_wrap  {
    background-color: #8a7ea3;
}

#page8 span{
    background-color: #8a7ea3;
}

.border_color1 {
    border-color: #eee8aa;
}

#page9 a{
    background-color: #8a7ea3;
}

#cms_6-a .cate_title {
    background-color: #8a7ea3;
}

#cate0  h3{
    border-color: #eee8aa;
}

.hvr_border_color3:hover {
    border-color: #fbfbfb;
}

.hvr_bg_color3:hover {
    background-color: #d3c7ed;
}

.bg_color2{
    background-color: #ebfff1;
}

/*.more_btn   {position: relative;}
div.more_btn ::before{
    background-image: url(dup/img/illust.png);
    width: 17%;
    height: 164px;
    background-size: 100%;
    top: 22%;
    left: 42%;
    background-position: top;
    content: "";
 
    background-repeat: no-repeat;
    z-index: 1;
}*/

 .txt_color_nomal {
    color: #5a7c6d;
}

.more_box {
    z-index: 3;
}

.modal_scroll h2 {
    color: #222;
}

.modal_scroll p{
    color: #222;
}

.bg_color2{background-color: #eef4f0;}

.txt_color3{color: #beb8cb;}
.bg_color3,#cms_6-a .cate_title,#page8 .phone_wrap,#page8 span{background-color: #beb8cb;}

@media screen and (max-width: 768px){
   div.c2_box_txt::after {
    background-image: url(dup/img/item02.png);
    width: 27%;
    height: 50%;
    background-size: 100%;
    /* top: 71%; */
    bottom: -21%;
    left: 50%;
    background-position: top;
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    z-index: 1;
}
    
div.c2_box_txt::before {
    background-image: url(dup/img/leaf01.png);
    width: 45%;
    height: 100%;
    background-size: 100%;
    top: 67%;
    left: 50%;
    background-position: top;
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    z-index: 1;
    pointer-events: none;
    transform: translateX(-50%);
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 60%;
    pointer-events: none;
}

#s_content2 div.c2_box:nth-of-type(2) .c2_box_txt:before{
    top: 61%;
}

#page5 #cate0 figure {
    width: 60%!important;
}

}

@media screen and (max-width: 667px){
    .item01 {
    vertical-align: bottom;
    width: 30%;
    height: auto;
    position: relative;
    position: absolute;
    z-index: 5;
    right: 1%;
    /* left: -17%; */
    top: 15%;
    background-repeat: no-repeat;
}
    


#s_content2 .pd_b-40px_sp {
    padding-bottom: 87px;
}

#s_content2 h2 {
        margin-bottom: 21px;
}


div.c2_box_txt::before {
    background-image: url(dup/img/leaf01.png);
    width: 17%;
    height: 17%;
    background-size: 100%;
    top: 9%;
    left: 50%;
    background-position: top;
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    z-index: 1;
    transform: translateX(-50%);
}


div.c2_box_txt::after{
    background-image: url(dup/img/item02.png);
    width: 23%;
    height: 35%;
    background-size: 100%;
    top: 66%;
    bottom: 10%;
    left: 50%;
    background-position: top;
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    z-index: 1;
    transform: translateX(-50%);
}

div.intro_item::before {
    background-image: url(dup/img/leaf01.png);
    width: 26%;
    height: 164px;
    background-size: 100%;
    top: -7%;
    left: 64%;
    background-position: top;
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    z-index: -2;
    /* opacity: 0.5; */
    /* mix-blend-mode: screen; */
    /* pointer-events: none; */
}

#s_content2 div.c2_box:nth-of-type(2) .c2_box_txt:before {
    top: 6%;
}

.overlay {
    top: 49px;
    left: 0px;
    width: 100%;
    height: 0%;
    -webkit-transition: opacity .35s, visibility .35s, height .35s;
    transition: opacity .35s, visibility .35s, height .35s;
    background: rgba(255,255,255,0.95);
    overflow: scroll;
}


}