.bg_color2 {
    background-color: #838383;
}

.txt_color2 {
    color: #e60012;
}

.bg_color1 {
    background-color: #d94352;
}

.txt_color1 {
    color: #d94352;
}

.logo1 {
    margin-right: 20px;
}

#con4{
    display: none;
}

#fakeloader{
    background-color: white;
}

.cmstitle .en {
    font-size: 35px;
    color: #c3c3c3;
    font-weight: bold;
    letter-spacing: 0.1em;
}

#con1 h2{
        font-weight: bold;
    font-size: 26px;
}

#con1{
    background-image: url('./Dup/img/back.png');
    background-repeat: no-repeat;
    background-position: top right;
background-size:50%;
}

.banner{
        perspective: 500px;
        position: relative;
}

.banner a{
    display: block;
    animation: loop 5s ease-in-out infinite alternate;
    transition: all 0.3s;
}

.banner:before{
        content: "";
    display: block;
    width: 75%;
    height: 90%;
    position: absolute;
    top: 70%;
    left: 50%;
    /*background-color: gray;*/
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%) rotateY(10deg);
    pointer-events: none;
    background-image: url(./Dup/img/boka.png);
    z-index: -1;
    /*filter: blur(17px);*/
    background-size: 100% 100%;
}

.banner a:hover{
    animation-play-state: paused;
}

@keyframes loop {
    0% {transform: rotateY(25deg);}
  100% {transform: rotateY(-25deg);}
}

#con3 .box .icon {
    width: 80%;
    margin: 0 auto;
    margin-top: -19%;
}

/*.sl{
        height: 40px;
    width: auto;
}*/



#fakeloader .fl{
    max-width: 180px !important;
}

.vr{
    margin-top: 100px;
}

.sub_ore{
    font-size: 18px !important;
}

.pagetitle_img {
    background-size: cover;
}

.linkStyle{color: #e60012;}

#sp_nav {
    background-color: #cfccc5 !important;
}


.f_contact_btn{
    display: none;
}

.footer_contact .tel a{
        color: #e60012;
    font-weight: bold;
}


/*----酒井------*/

#cms_5-b .cate_box .open_bt .box_title1:before, .cms_5-b .cate_box .open_bt .box_title1:before {
    color: rgba(167, 160, 145, 1) !important;
}


@media all and (-ms-high-contrast: none){
  

}




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

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#con3 .box .icon {
    width: 80%;
    margin: 0 auto;
    margin-top: -13%;
}

#con3 .box .icon img {
    width: 85% !important;
}

#con3 .title .sl img {
    width: 13px;
}

#main_img{
    padding-top:90px;
}

#con1 {
    background-size: 100%;
}

.f_contact_box h4{
    margin-bottom: 10px;
    font-size: 40px;
}

}