@media (min-width: 1300px){
    
    body {
        width: 1300px;
        margin: 0 auto;
    }
}

@media (max-width: 1215px){
    
    .catch-text h1 {
        font-size: 2em;
    }
    
    .catch-text p {
        font-size: 0.8em;
    }
}


@media (max-width: 970px){
    
    .header-right {
        width: 30%;
    }
    
    .catch-inner {
        padding: 220px 0px 220px;
    }
    
    .catch-text {
        width: 50%;
    }
    
    .company-map {
        width: 64%;
    }
    
    .company-add {
        width: 36%;
    }
    
    .content h2 {
        font-size: 2em;
    }

}

@media (max-width: 780px){
    
    body {
        margin-top: 65px;
    }
    
    .head-left {
        width: 20%;
    }
    .head-left img{
        width: 50%;
    }
    
    .head-center{
        width: 60%;
    }
    
    .head-right {
        width: 20%;
    }
    .head-right img{
        width: 40%;
    }

    
    header {
        height: 65px;
        position: fixed;
        top: 0;
    }
    
    .catch-inner {
        padding: 200px 0px 230px;
    }
    
    .catch-text {
        width: 80%;
    }
    
    
    .top-solution h2, .top-service h2{
    font-size: 2em;
    padding: 0px 0% 10px 0;
    }
    

    
    .content-box {
        letter-spacing: 0.3em;
        background-color: rgba(255, 255, 255, 0.5);
        width: 100%;
    }
    

    

}
    
   

@media (max-width: 615px){
    
    .head-left {
        width: 33%;
    }
    
    .head-left img{
        width: 50%;
    }
    
    .head-right {
        width: 33%;
    }
    
    .head-right img{
        width: 35%;
    }
    
    .catch-inner {
        padding: 130px 0px 130px;
    }
    
    .content h2 {
        font-size: 1.4em;
    }    
    
    .company-map {
        width: 100%;
    }
    
    .company-add img {
        display: none;
    }
    
    .company-add {
        width: 85%;
        text-align: center;
        margin: 0 auto;
    }
 

    footer {
        margin: 0;
    }

    
    .foot-inner {
        padding: 20px 6% 25px;
    }
    
    .foot-left {
        margin: 0 auto;
    }
    
    .foot-logo {
        font-size: 1.3em;
    }

}

@media (max-width: 460px){
    
    header {
        padding: 7px 18px;
    }
    
    .container {
        padding-left: 0%;
        padding-right: 0%;
    }
    
    .catch-inner {
        padding: 80px 0px 110px;
    }
    
    .catch-text {
        width: 85%;
    }
    
    .catch-text h1 {
        font-size: 1.5em;
        line-height: 1.5em;
    }
    
    .catch-text p {
        font-size: 0.7em;
        line-height: 2em;
        padding-top: 15px;
    }
    
    .sol-left, .ser-right {
        /*width: 100%;*/
    }
    
    .sol-right, .ser-left {
        /*width: 100%;*/
        padding: 7% 0;
        font-size: 0.75em;
        letter-spacing: 0.2em;
        line-height: 2.3em;
    }
    
    .ser-left {
        background-color: #FDF5E6;
    }
    
    .contents-inner {
        margin: 0 auto;
    }
    
    .top-campany h2{
        font-size: 1.4em;
    }
    
    
}