header {

}
#container {
    padding: 0 0;
}
footer {
    
}

.contact-visual {
    position:relative;
    height:98.5rem;
}
.contact-visual .bg-img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
}
.contact-visual .bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contact-visual .bg-img img.for-mobile {
    display:none;
}
.contact-visual .slg {
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    transform:translate(-50%,-50%);
    z-index:3;
    padding:0 5rem;
}
.contact-visual .slg span {
    display:block;
    text-align:center;
    font-size:8rem;
    color:#fff;
    font-weight:600;
    /* text-shadow: 0 0 2.9rem rgba(0,0,0,0.8); */
}
.contact-visual .slg span em {
    font-style:normal;
}
.contact-visual .slg p {
    margin-top:5rem;
    text-align:center;
    font-size:2.6rem;
    color:#fff;
    font-weight:500;
    line-height:1.6;
}
.contact-visual .slg p + p {
    margin-top:1rem;
}

@media (max-width:1220px){
    .contact-visual .slg span {
        font-size:7rem;
    }
    .contact-visual .slg p {
        margin-top:5rem;
        font-size:2.2rem;
    }
}
@media (max-width:991px){
    .contact-visual {
        height:70.5rem;
    }
    /* .contact-visual .bg-img img {
        height:84.5rem;
    }     */
    .contact-visual .slg span {
        padding-top:5rem;
        font-size:6rem;
        line-height:1.4;
    }
    .contact-visual .slg span em {
        display:block;
    }
    .contact-visual .slg p {
        margin-top:4rem;
        font-size:2rem;
    }
}
@media (max-width:580px){
    .contact-visual {
        height:42.5rem;
    }
    /* .contact-visual .bg-img {
        position: relative;
        top:inherit;
        left:inherit;
        width: 100%;
        height: 100%;
        transform:inherit;
        z-index: 2;
        text-align: center;
    }
    .contact-visual .bg-img img {
        height:75.5rem;
    } */
    .contact-visual .bg-img img.for-pc {
        display:none;
    }
    .contact-visual .bg-img img.for-mobile {
        display:block;
    }
    .contact-visual .slg span {
        font-size:4rem;
    }
    .contact-visual .slg p {
        margin-top:3rem;
        font-size:1.8rem;
    }
    .contact-visual .slg .slg2 {display:none;}
    .contact-visual .slg p em {
        display:block;
    }     
}
@media (max-width:450px){
    .contact-visual {
        height:34.5rem;
    }      
    .contact-visual .slg span {
        font-size:3rem;
    }
    .contact-visual .slg p {
        margin-top:2rem;
        font-size:1.6rem;
    }
}


.contact {

}
.contact .indiv {
    padding:0 3.125%;
    margin-top:10rem;
}
@media (max-width:450px){
    .contact .indiv {
        padding:0 5%;
        margin-top:6rem;
    }
}