@charset "UTF-8";

.main-img {
    position: relative;
}

.main-img p {
    width: 320px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

#about{
    background-color:#FBFBEF;
    padding:40px 0 30px;
}

.about-img {
    margin-bottom: 28px;
}

.about-tx{
    width:94%;
    margin:0 auto;
    font-size:14px;
    line-height:1.7;
}

.about-tx p{
    margin-bottom:0;
}

#about h3{
    font-size:20px;
    line-height:1.7;
    margin-bottom:16px;
}

#development {
    background: #000 url(../img/top/development-bg-sp.png) no-repeat center top;
    background-size:320px auto;
}

.development-inner2{
    padding:48px 0 36px;
}

#development h2{
    margin-bottom:35px;
}

.development-inner{
    width: 94%;
    margin:0 auto;
}

.development-title{
    width:100%;
}

.development-tx{
    width:100%;
}

.development-inner p {
    margin-bottom: 0;
    color:#C2B683;
    margin-bottom:10px;
    font-size:14px;
}

.development-img{
    margin:20px auto 0;
}

.map-area{
    width:100%;
    margin-bottom:30px;
}
.map-area p{
    margin-bottom:0;
}

.map-tx{
    display:block;
    margin:0 auto;
    }


@media (min-width: 360px) {
    #about h3{
        font-size:22px;
    }
}

@media (min-width: 768px) {
    .main-img{
        width:100%;
        background: transparent url(../img/top/main-bg-pc.jpg) no-repeat 0 top;
        background-size: cover;
    }

    #about {
        padding: 45px 0 40px;
    }

    #about h3{
        line-height:1.5;
        margin-bottom: 15px;
    }

    .about-tx p {
        margin-bottom: 20px;
    }

    .development-img{
        width:80%;
        margin:70px auto 0;
        display:block;
    }

    .background-img {
        display: block;
        width: 210px;
        margin: 0 auto;
    }

    .product-header{
        width:100%;
        background: transparent url(../img/top/product-title-bg-pc.png) no-repeat center top;
        background-size: cover;

    }
    .product-header-inner{
        width:768px;
        margin:0 auto;
    }
    .map-area{
        width:768px;
        margin:0 auto;
        position:relative;
        padding-bottom:40px;
    }
    /*.map-tx{
        position:absolute;
        top:50px;
        left:50px;
        width:380px;
    }*/
        .map-tx{
        position:absolute;
        top:5px;
        left:45px;
        width:250px;
    }
}

@media (min-width: 992px) {

    #about{
        padding:90px 0 60px 0;
    }


    #about h3 {
        font-size: 28px;
        line-height:1.6;
    }

    .about-tx{
        width:96.2%;
        float:right;
    }

    .about-tx p {
        font-size: 20px;
        line-height: 1.7;
        margin-bottom:0;
    }

    #development{
        background-image:none;
        padding-bottom: 95px;
    }

    .development-inner2 {
        width:992px;
        margin:0 auto;
        background: transparent url(../img/top/development-bg-pc.png) no-repeat left top;
    }

    .development-inner{
        display:flex;
        justify-content: space-between;
        width:100%;
    }

    .development-title{
        width:35.7%;
    }

    .development-inner p {
        font-size: 20px;
        line-height: 1.7;
        margin-bottom: 20px;
    }
    
    .development-tx{
        width:57.9%;
    }
    .development-img {
        width: 83.7%;
        margin: 0 auto 0;
    }
    .pd-lg-r-0{
        padding-right:0;
    }
    #development {
        padding-bottom: 15px;
    }

    .product-header-inner{
        width:992px;
    }
    .map-area{
        width:992px;
        padding-bottom:50px;
    }
    .map-tx{
        position:absolute;
        top:10px;
        left:57px;
        width:484px;
        width:auto;
    }
}

@media (min-width: 1200px) {
    #about h3 {
        font-size: 40px;
        margin-bottom:40px;
        padding-top:15px;
    }
    .development-inner2 {
        width:1200px;
        margin:0 auto;
        background: transparent url(../img/top/development-bg-pc.png) no-repeat left top;
    }
    .pd-lg-r-0{
        padding-right:15px;
    }
    .development-inner p {
        font-size: 24px;
        line-height:1.8;
        margin-bottom: 25px;
    }
    .development-inner2 {
        padding: 75px 0 65px;
    }
    .development-inner{
        padding-top:22px;
    }
    .product-header-inner{
        width:1200px;
    }
    .product-header{
        width:100%;
        background: transparent url(../img/top/product-title-bg-pc.png) no-repeat center top;
        background-size: 1400px 350px;

    }
    .map-area{
        width:1200px;
        padding-bottom:50px;
    }
    .map-tx{
        position:absolute;
        top:30px;
        left:65px;
        width:auto;
    }


}