@charset "UTF-8"; 
@media (min-width: 768px) {
body{min-height: 100vh; position: relative;}
.photospot_wrap{width: 950px; margin: 0 auto 50px; display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #fff; margin-top: 50px; border: 3px solid #ff8400; border-radius: 20px; }
.photospot_wrap .swiper-slide img{width: 450px;}
.photospot_wrap .swiper-slide .text h2{font-size: 32px; color:#ff8400; margin: 0; }
.photospot_wrap .swiper-slide .text p{text-align: justify;  background-size: 100% 2em;  line-height: 2em;}
.photospot_contents{display: flex; justify-content: space-between; width: 100%;  padding: 20px 30px 0px; }
.photospot_contents .text{width: 400px;}
.sp_btn{display: none!important;}
	
footer{display: block; width: 100%; text-align: center; color: #fff; background-color: #000; position: absolute; bottom: 0; padding: 30px 0;}

}


@media (max-width: 767.98px) { 

.photospot_wrap{width: 100%; margin: 0 auto; display: block;  background-color: #fff;  margin-top: 20px; border-top: 3px solid #ff8400; border-bottom: 3px solid #ff8400;}
.photospot_wrap .swiper-slide img{width: 100%; padding: 3px;}
.photospot_wrap .swiper-slide .text h2{font-size: 32px; color:#ff8400; margin: 0; }
.photospot_wrap .swiper-slide .text p{font-size:14px; text-align: justify;  background-size: 100% 2em;  line-height: 1.6em; }
.photospot_contents{ justify-content: space-between; width: 100%; padding: 20px 30px 30px;}
.photospot_contents .text{width: 100%; }
.pc_btn{display: none!important;}

footer{display: block; position: relative; width: 100%; text-align: center; color: #fff; background-color: #000;  bottom: 0; padding: 30px 0; margin-top: 50px;}
}