@charset "shift_jis";

div.content ul {
    padding:0;
    margin: 0;
}

@media screen and (min-width: 750px) {
    .content{
        width: 96%;
        margin: 0 auto;
    }
    .item_title {
        margin-top: 2vw;
    }
    .item_title span{
        font-weight: normal;
    }
    
    .text{
        margin: 0 6%;
    }
    div.content ul{
        width: 100%;
    }
    div.text li {
        float: left;
        width:79%;
    }
    div.text li.top_li_0 {
        width: 100%;
    }

     div.enkaku li.top_li{
        width: 20%;
        float:left;
    }

    div.enkaku li.second_li{
        width: 80%;
        float:left;
    }
    
    hr{
        width:95%;
        margin: 4vw auto;
    }
    
    .text .map_img{
        width: 40%;
    }
    div.content ul.map {
         width: 40%;
    }
    ul.map li{
       width:35%;
        font-size: 1.2vw;
        font-weight: bold;
    }
    ul.map li.top_li{
        width:65%;
    }
    
    .map_block1, .map_block2{
        position: relative;
    }
    .map_right{
        position: absolute;
        top:0;
        left:45%;
    }
    .map_block2 .map_right{
        top:2vw;
        width:20%;
    }
    .map_block2 .map_right img{
        width:100%;
    }
    
    .guide{
        width:100%;
        text-align: center;
        margin-top: 4vw;
    }
    
    .images_block{
        position: relative;
    }
    .images_block img{
        position: absolute;
        width:17vw;
    }
    .images_block img.imgA{
        top:5%;
        right:28%;
    }
    .images_block img.imgB{
        top:31%;
        right:5%;
    }
    .images_block img.imgC{
        top:58%;
        right:28%;
    }

}

@media screen and (max-width: 750px) {

    .content{
        width: 98%;
        margin: 0 auto;
    }

    .item_title span{
        font-weight: normal;
    }
    
    .text{
        margin: 0 3%;
    }
    div.content ul{
        width: 100%;
    }
    div.text li {
        float: left;
        width:42%;
    }
    div.text li.top_li_0 {
        width: 98%;
    }


    div.enkaku li.top_li{
        width: 98%;
    }
    div.enkaku li.second_li{
        width: 98%;
    }
    div.content .enkaku ul{
        margin-top:2vw;
    }
    .enkaku li{
        float: none;
        width:100%;
        
    }
    .enkaku li.top_li{
        padding: 0;
    }
    
    hr{
        width:98%;
        margin: 8vw auto;
    }
    
    .text .map_img{
        width: 80%;
        margin: 0 10%;
    }
    div.content ul.map {
         width: 94%;
         margin: 0 3%;
    }
    ul.map li{
       width:35%;
        font-size: 3.7vw;
        font-weight: bold;
    }
    ul.map li.top_li{
        width:65%;
    }

    .map_right{
        margin-top: 6vw;
    }

    .map_right img{
        width:70%;
        margin: 0 15%;
    }
    
    .guide{
        width:100%;
        text-align: center;
        margin-top: 12vw;
    }
    
    .images_block img{
        width:70%;
        margin: 2vw 15% 0.5vw 15%;
    }

    p.softweardanti {
        margin-left:-1.2vw;
    }


}