@charset "UTF-8";

.facilities__thumbs{
    width: 590px;
}

.facilities__thumbs-box._l .facilities__thumbs-number{
	margin-left: -95px;
}

.facilities__thumb._01{
    width: 295px;
	margin-top: -30px;
}
.facilities__thumb._02{
    width: 235px;
	margin-top: 80px;
}

#spinner1{
	top: 33.5%;
	left: 68.5%;
}

#spinner2{
    top: 74%;
    left: 45%;
}

#spinner3{
    top: 77.5%;
    left: 29%;
}

#modal1{
    position: absolute;
    top: 20%;
    left: -105%;
    transform: translateX(0);
}

#modal2{
    position: absolute;
    top: 65%;
    left: -105%;
    transform: translateX(0%);
}

#modal3{
    width: 380px;
    position: absolute;
    top: 105%;
    left: 66%;
}

.facilities__list{
    margin-top: 170px;
}

.facilities__item:nth-child(5) {
	margin-top: -14%;
    margin-left: -34%;
}

.facilities__thumbs-note{
    right: 0%;
    top: 44%;
}

.detail-case__thumb {
	max-width: 550px;
}
.detail-case__body {
	width: 49.5%;
}

@media screen and (min-width: 768px) and (max-width: 1200px){
    .facilities__thumbs{
        width: 100%;
    }

    .facilities__thumb{
        width: 100%;
    }
	
    .facilities__thumbs-box._l .facilities__thumbs-number{
        margin-left: 0;
    }
	
    .facilities__thumb._01{
        width: 100%;
        margin-top: 20px;
    }
    .facilities__thumb._02{
        width: 100%;
        margin-top: 20px;
    }
	
	#spinner1{
        left: 69.5%;
    }

    #modal1{
        position: absolute;
        left: -10%;
        top: 36%;
        transform: translateX(0);
        width: 330px;
    }
    
    #modal2{
        position: absolute;
        left: 10%;
        top: 78%;
        transform: translateX(0);
        width: 300px;
    }
    
    #modal3{
        position: absolute;
        left: 0;
        top: 86%;
        transform: translateX(0);
        width: 300px;
    }

    .facilities__thumbs-note{
        position: relative;
        width: 100%;
        right: 0;
        bottom: 0;
        text-align: right;
        margin-top: 20px;
    }

    .facilities__list{
        margin-top: 80px;
    }
	.facilities__item:nth-child(1),
	.facilities__item:nth-child(2){
		width: 48%;
	}
	.facilities__item:nth-child(5){
		margin-top: 0;
		margin-left: 0;
	}
}

@media screen  and (max-width: 767px){
    .facilities__thumbs{
        width: 100%;
        gap: 64px;
    }

    .facilities__thumb{
        width: 100%;
        margin-top: 12px;
    }
	
	.facilities__thumbs-box._l .facilities__thumbs-number{
        margin-left: 0;
    }
	
	.facilities__thumb._01{
        width: 100%;
        margin-top: 12px;
    }
    .facilities__thumb._02{
        width: 100%;
        margin-top: 12px;
    }

    .facilities__thumbs-box._r{
        align-items: flex-start;
    }

	#spinner1{
        left: 70%;
    }
	
    #modal1{
        position: absolute;
        left: 0;
        top: 39%;
        transform: translateX(0);
        width: 90%;
    }
    
    #modal2{
        position: absolute;
        left: 10%;
        top: 79%;
        transform: translateX(0);
        width: 90%;
    }
    
    #modal3{
        position: absolute;
        left: 10%;
        top: 60%;
        transform: translateX(0);
        width: 90%;
    }

    .facilities__thumbs-note{
        position: relative;
        width: 100%;
        right: 0;
        bottom: 0;
        margin-top: 20px;
    }

    .facilities__list{
        margin-top: 80px;
    }
	
	.facilities__item:nth-child(5){
		margin-top: 0;
		margin-left: 0;
	}
	
	.detail-case__body{
		width: 100%;
	}
}