@charset "utf-8";

.vr_bnr{margin-top: 32px;}

#landplan .contents_mv{
    background-image: url(../image/mv_img.jpg);
}

.landplan_img_wrap{
    position: relative;
    margin-top: 128px;
}
.landplan_img_wrap small{
    font-size: 1.1rem;
    padding-top: 8px;
}
.landplan_img_wrap_txt{
    max-width: 336px;
}
.landplan_img_wrap .icon{
    position: absolute;
    right: 50px;
    top: -62px;
    width: 140px;
    z-index: 999;
}
.landplan_img{
    display: block;
    margin-top: 24px;
}
.landplan_img_box{
    position: relative;
}
.pinch_out{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 401;
}

.point_wrap{
    position: relative;
}
.point_box{
    margin-top: 48px;
    position: relative;
}
.point_box h3{
    text-align: center;
    max-width: 130px;
    margin: 0 auto 24px;
    padding-right: 30px;
}
.point3.point_box h3 {
    position: absolute;
    left: 60px;
    top: 32px;
}
.point_img{
    position: relative;
    z-index: 2;
}
.point1 .point_img{
    margin-left: 50px;
}
.point2 .point_img{
    margin-right: 50px;
}
.point3 .point_img{
    max-width: 60%;
    margin-left: auto;
}
.point_box dl{
    background: var(--lblue);
    color: var(--light);
    position: relative;
}
.point1.point_box dl{
    margin-right: 50px;
    padding: 160px 50px 50px;
    margin-top: -130px;
}
.point2.point_box dl{
    margin-left: 50px;
    padding: 160px 50px 50px;
    margin-top: -130px;
}
.point3.point_box dl{
        margin-right: 50px;
    padding: 64px 50px 50px;
    margin-top: -126px;
}
.point_box dt{
    font-size: 2.6rem;
    line-height: 1.3;
}
.point_box dd{
    font-size: 1.3rem;
    padding-top: 16px;
}
.point_box dd small{
    display: block;
    padding-top: 16px;
    font-size: 1.1rem;
}


.landplan_img2{
    margin-top: 72px;
}
.landplan_img2 dt{
    text-align: center;
    font-size: 2.4rem;
    line-height: 1.5;
    font-weight: 600;
}
.landplan_img2 dd{
    text-align: center;
    font-size: 1.3rem;
    padding-top: 16px;
}
.landplan_img2_img{
    margin-top: 32px;
}
.landplan_img2_img img{
       max-width: none;
        width: 200% !important;
        height: auto;
}

@media screen and (max-width: 1250px) {
    #landplan .contents_mv{
    background-image: url(../image/mv_img.jpg);
}

.landplan_img_wrap{
    position: relative;
    margin-top: 64px;
}
.landplan_img_wrap small{
    font-size: 1.1rem;
    padding-top: 8px;
}
.landplan_img_wrap_txt{
    max-width: 226px;
}
.landplan_img_wrap .icon{
    position: absolute;
        right: 17px;
        top: -32px;
        width: 100px;
        z-index: 999;
}
.landplan_img{
    display: block;
    margin-top: 24px;
}

.point_wrap{
    position: relative;
}
.point_box{
    margin-top: 32px;
    position: relative;
}
.point_box h3{
    text-align: center;
    max-width: 110px;
    margin: 0 auto 24px;
    padding-right: 30px;
}
.point3.point_box h3 {
    position: absolute;
    left: 40px;
    top: 0px;
}
.point_img{
    position: relative;
    z-index: 2;
}
.point1 .point_img{
    margin-left: 24px;
}
.point2 .point_img{
    margin-right: 24px;
}
.point3 .point_img{
    max-width: 50%;
    margin-left: auto;
    top: 24px;
}
.point_box dl{
    background: var(--lblue);
    color: var(--light);
    position: relative;
}
.point1.point_box dl{
    margin-right: 24px;
    padding: 160px 24px 24px;
    margin-top: -130px;
}
.point2.point_box dl{
    margin-left: 24px;
    padding: 160px 24px 24px;
    margin-top: -130px;
}
.point3.point_box dl{
    margin-right: 24px;
        padding: 24px 24px 24px;
        margin-top: -48px;
}
.point_box dt{
    font-size: 2.0rem;
    line-height: 1.3;
}
.point_box dd{
    font-size: 1.3rem;
    padding-top: 16px;
}
.point_box dd small{
    display: block;
    padding-top: 16px;
    font-size: 1.1rem;
}


.landplan_img2{
    margin-top: 48px;
}
.landplan_img2 dt{
    text-align: center;
    font-size: 2.0rem;
    line-height: 1.5;
    font-weight: 600;
}
.landplan_img2 dd{
    text-align: center;
    font-size: 1.3rem;
    padding-top: 16px;
}
.landplan_img2_img{
    margin-top: 32px;
}
.landplan_img2_img img{
       max-width: none;
        width: 200% !important;
        height: auto;
}
.pinch_out img{
    width: 120px !important;
}
}