@charset "UTF-8";

body{
    background-color: #fff;
}


.main{
    position: relative;
}
.main_title{
    width: 530px;
    display: block;
    margin: 180px auto 90px;
}
/* .back_img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 1280px;
    z-index: -1;
} */
 .back_img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);

    width: 3251px;
    height: 3000px;

    background-image: url("../images/spot/back_img.jpg");
    background-repeat: repeat-x;
    background-position: center top;
    background-size: 3251px auto;

    z-index: -1;
}

.con01{
    display: block;
    width: 835px;
    margin: 0 auto 85px;
}
.con02{
    display: block;
    width: 835px;
    margin: 0 auto 85px;
}
.con03{
    display: block;
    width: 835px;
    margin: 0 auto 75px;
}
.con04{
    display: block;
    width: 925px;
    margin: 0 auto 115px;
}
.conbtn{
    display: block;
    width: 815px;
    margin: 0 auto 125px;
}
.conbanner{
    display: block;
    width: 1090px;
    margin: 0 auto 120px;
}

.conbtn img,.conbanner img{
    opacity: 1;
    transition: opacity .6s ease;
}

.conbtn img:hover,.conbanner img:hover{
    opacity: .7;
}