@charset "utf-8";
/* CSS Document */

#map{
    background-image:url(../assets/map.png);
}

#link_scene1 .thumb{
    background-image: url("../assets/thumb_cam3-1.jpg");
}
#link_scene2 .thumb{
    background-image: url("../assets/thumb_cam3-2.jpg");
}
#link_scene3 .thumb{
    background-image: url("../assets/thumb_cam3-3.jpg");
}
#arrow_scene1{
    background-image:url("../assets/arrow_scene1.png");
    width: 78px;
    height: 72px;
    top: 84px;
    left: 109px;
}
#arrow_scene1.arrow_current{
    background-image:url("../assets/arrow_scene1_on.png");
}
#arrow_scene2{
    background-image:url("../assets/arrow_scene2.png");
    width: 28px;
    height: 84px;
    top: 85px;
    left: 183px;
}
#arrow_scene2.arrow_current{
    background-image:url("../assets/arrow_scene2_on.png");
}
#arrow_scene3{
    background-image:url("../assets/arrow_scene3.png");
    width: 131px;
    height: 94px;
    top: 178px;
    left: 58px;
}
#arrow_scene3.arrow_current{
    background-image:url("../assets/arrow_scene3_on.png");
}


#seeklink_1_1{
    height: 16px;
    width: 57px;
    bottom: -5px;
    left: 0;
}
#seeklink_1_2{
    width: 16px;
    right: 0px;
    height: 70px;
    top: 0;
}
#seeklink_2_1{
    height: 35px;
    width: 16px;
    left:0px;
    top:0;
}
#seeklink_2_2{
    width: 16px;
    height: 40px;
    left:0px;
    top:35px;
}
#seeklink_3_1{
    right: 0;
    top: 0;
    width: 53px;
    height: 30px;
}
#seeklink_3_2{
    right: 53px;
    top: 15px;
    width: 72px;
    height: 16px;
}
#seeklink_3_3{
    top: 31px;
    left: -5px;
    width: 43px;
    height: 49px;
}

#modal4_3 .modal_contents,
#modal5_1 .modal_contents{
    width:1312px;
}
#modal5_3 .modal_contents{
    width: 1312px;
    height:1015px;
    padding:32px 96px;
}
#modal5_3 .modal_contents img{
    vertical-align: bottom;
}
#modal_simu_ttl{
    position: absolute;
    left: 100px;
    bottom: 249px;
}
#modal5_3 .modal_simu_list{
    box-sizing: border-box;
    height: 217px;
    padding:62px 30px 30px 30px;
    background-repeat: no-repeat;
    background-image:url("../assets/modal/modal5_4_list.jpg");
    display: flex;
    justify-content: space-between;
}
#modal5_3 .modal_simu_list .category{
    display: flex;
    width: 237px;
    height:125px;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
}
#modal5_3 .modal_simu_list .category li{
    width: 112px;
    height: 57px;
    cursor: pointer;
}
#modal5_3 .modal_simu_list .category li.simu_current{
    border:solid 6px #75b2d1;
    margin:-6px;
}