.bg_color1 {
    background-color: #9dc1ff;
}

.bg_color2 {
    background-color: #f1f1a2;
}

.txt_color3 {
    color: #6c8abf;
    color: #71bf6c;
}

.bg_color4 {
    background-color: #edf1f9;
}

.bg_color3 {
    background-color: #ffffff;
}

#tab_buttons .stepber ul li span.active {
    color: #89aae3;
}

#intro{
    background-image: url(./Dup/img/back.jpg);
    background-size: contain;
    background-position: center;
}

.pare{
    position: relative;
}

.pare:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 71%;
    left: 50%;
    background-image: url(./Dup/img/pet_ue.png), url(./Dup/img/pet_back.png);
    background-position: center, 50% 85%;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain, 100% 33%;
    pointer-events: none;
    z-index: 1;
}

.pare:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 71%;
    left: 50%;
    background-image: url(./Dup/img/pet_sita.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain, 100% 40%;
    pointer-events: none;
    z-index: 1;
}

#pc_nav {
    z-index: 2;
}

#contents_links .box_wrap .box a h4 {
    background-color: rgba(241, 241, 162, 0.6);
    border-radius: 0 0 60px 0;
}

#contents_links .box_wrap .box .posi_center {
    z-index: 2;
    top: 0;
    left: 0;
    transform: none;
    text-align: left;
}

footer .bg_box {
    height: 200px;
}

#logo img {
    max-width: 230px;
}

#page_title::before {
    background: rgba(255,255,255,0.3);
}

.border_color3 {
    border-color: #ededdb;
}

.contact_bt a {
    color: #90a8d3;
}

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

.shop_link.bg_white{
        background-color: #f1f1a2;
}

.shop_link a:hover{
    color: black;
}

.copy{
    display: block;
    position: absolute;
    left: calc(50% + 140px);
    top: 25%;
    max-width: 55px;
    z-index: 3;
    pointer-events: none;
}

#cms_3-e .cate_title{
        background-color: #f1f1a2;
    color: #355a9b;
}

.page_title h2{
        filter: drop-shadow(0px 0px 6px white) drop-shadow(0px 0px 6px white);
}

.banner2{
      bottom: 0px;
    left: 0;
    text-align: right;
    z-index: 100;
    max-width: 130px;
}

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

.tel{
        display: inline-block;
        padding: 5px 15px;
}

.dec{
    display: block;
}

#footer .dec{
        text-align: center;
    width: 100%;
    margin: 20px auto 50px;
}

.only{
        background-color: #ededed;
}

#nav_menu .shop_link{
    display: none;
}

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

.copy {
    left: calc(50% + 100px);
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.copy {
    left: calc(50% + 50px);
    max-width: 40px;
}

.banner2 {
    max-width: 90px;
}

#top_cms2 .top_cms_title p {
    width: 100%;
}

}