#mainwrap{
    background-color: #fff7cf;
}
.bg_color03{
    background-color: #fff7cf;
}
.catch{
        width: 50%;
        max-width: 1000px;
}
.cms02_bg{
    background-color: #e7f7f6;
}
.cms03_bg{
    background-color: #f7ffd7;
}
.cms04_bg{
    background-color: #e7f7f6;
}
.cms05_bg{
    background-color: #ffe9d7;
}
.cms06_bg{
    background-color: #fff7cf;
}
/*コンテンツ*/
.offwhite_bg{
    background-color: #f6f4eb;
}
.footer_info_bg{
    background-color: #e7f7f6;
}
#cms_6-b .cate_title{
    color: #e86368;
}
#wrap .fixbnr{
    position:fixed;
    right: 85px;
    bottom: 275px;
    width: 95px;
    transition-duration: 0.5s;
}
#wrap .fixbnr.slide{
    right: 30px;
    transition-duration: 0.5s;
}
#page-top.slide{
    right: 38px
}
#page-top{
    right: 40px;
}
#header .width_40{
    width: 65px;
}
#footer_info_logo{
    width: 6.66667%!important;
}
.loader_icon{
    width: 172px!important;
}
.cate{
    margin-top: -150px;
    padding-top: 150px;
}
#foot_sns_link .width_40 {
    position: relative;
    width: 70px;
    right: 30px;
}
.banner01 {
    width: 80PX;
    position: relative;
    top: 13vh;
    right: 38px;
    position: fixed;
    z-index: 1;
}
.banner01.upposition{
    width: 80PX;
    position: relative;
    top: 3vh;
    right: 38px;
    position: fixed;
    z-index: 1;
}
#cms_1-a {
    margin-top: -250px;
    padding-top: 250px;
}
#foot_sns_link.flex_top-right {
    justify-content: flex-start;
}


/*タブレット*/
@media screen and (max-width: 768px){
    #wrap .fixbnr{
    position:fixed;
    right: auto;
    left: 15px;
    bottom: 90px;
    width: 60px;
    transition-duration: 1s;
    }
    #top_news{
        background-color: #f6f4eb;
    }
    .catch{
        bottom: 3%;
        right: 3%;
        width: 80%;
        max-width: 1000px;
    }
    .mainwrap-r h1{
        width: 90px;
    }
        #wrap .fixbnr.slide{
        bottom: 3px;
        transition-duration: 1s;
    }
    #page-top.slide {
        right: 15px;
    }
    .loader_icon{
        width: 100px!important;
    }
    #foot_sns_link .width_40 {
        position: relative;
        bottom: -10px;
        width: 56px;
        right: 0;
    }

    #cms_1-a {
        margin-top: -100px;
        padding-top: 100px;
    }
    .banner01 {
        width: 35PX;
        top: 15vh;
        right: 8px;
        position: fixed;
        z-index: 1;
    }
    .banner01.upposition{
    width: 35PX;
        top: 15vh;
        right: 8px;
        position: fixed;
        z-index: 1;
}
    #page02{
        padding-right: 44px;
}
}



/*スマホ*/
@media screen and (max-width: 667px){
    #wrap .fixbnr{
    position:fixed;
    left: 10px;
    bottom: 50px;
    width: 40px;
    transition-duration: 1s;
    opacity: 0;
    }


        .swiper_zurasi img{
        object-position: 81% 0;}
    #top_contents3 .con_title{
            letter-spacing: -2px;
            font-size: 19px;
        }
      #wrap .fixbnr.appear{
          opacity: 1;
      }
}



@media screen and (max-width: 375px){
    #wrap .fixbnr{
    position:fixed;
    left: 10px;
    bottom: 95px;
    width: 40px;
    transition-duration: 1s;
    }
    #wrap .fixbnr.slide{
    bottom: 5px;
    transition-duration: 1s;
}
    #header h1{
    width: 70px;
    position: relative;
    top: -10px;
}
    #rogo_phone .width_200-max{
        width: 100%;
    max-width: 150px;
}
    #top_contents3 .con_title{
        white-space: pre;
    }
    #top_contents3 .con_title{
            letter-spacing: -2px;
            font-size: 18px;
        }
    .font_8up {
    font-size: calc(1rem + 7px);
}
    #page-top.slide {
    right: 10px;
}
    .catch {
    bottom: 5%;
    right: 3%;
    width: 100%;
    max-width: 500px;
}
    .swiper_zurasi img{
        object-position: 81% 0;}
        .loader_icon{
    width: 80px!important;
}

    #cms_1-a {
    margin-top: -100px;
    padding-top: 100px;
}
}