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

.local {
	padding:70px 0 150px 0;
}
@media(max-width:768px){
.local {
	padding:30px 0 100px 0;
}	
}
.local-intro {
	margin:0 auto 80px auto;
}
.local-intro .p-1{
	font-weight:bold;
	font-size:40px;
	line-height:50px;
	color:#0077A6;
	margin:0 0 20px 0;
}
.local-intro .p-1 span{
	display:inline-block;
	font-size:50px;
	padding:6px 10px 3px 10px;
	background-color:#000;
	color:#fff;
	margin-right:5px;
}
.local-intro .p-2{
	font-size:18px;
	margin:0;
}
@media(max-width:520px){
.local-intro .p-1{
	font-size:35px;
	line-height:50px;
	margin:0 0 20px 0;
}
.local-intro .p-1 span{
	font-size:45px;
	padding:3px 8px 1px 8px;
	margin-right:5px;
}
.local-intro .p-2{
	font-size:16px;
	margin:0;
}	
}
.local-section {
	
}
.local-section h2{
	color:#0077A6;
	border-bottom:solid 3px;
	font-size:30px;
	line-height:40px;
}
.local-section p{
	font-size:17px;
	font-weight:bold;
	margin:10px 0 20px 0;
}
.local-section-img {
	
}
.local-section-img ul{
	list-style:none;
	padding-left:0;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.local-section-img ul li{
	width:33%;
}
.local-section-img ul li img{
	width:100%;
}
@media(max-width:768px){
.local-section-img ul li{
	width:50%;
}
}
@media(max-width:640px){
.local-section-img ul li{
	width:100%;
}
}
@media(max-width:520px){

.local-section h2{
	font-size:22px;
}
}
/*80SKIPの想い*/
.local-end {
	background-color:#fff;
	border-radius:10px;
	padding:20px 30px;
	box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.1);
	margin-top:80px;
}
.local-end h2{
	margin:0;
	font-size:28px;
	display:inline-block;
	background-color:#000;
	color:#fff;
	padding:8px 7px 5px 7px;
	margin-bottom:10px;
	line-height:28px;
}
.local-end h2 span{
	
}
.local-end p{
	margin:0 0 0 5px;
}
.local-end p span{
	display:block;
	color:#0077A6;
	font-weight:bold;
	font-size:20px;
	margin-bottom:5px;
}
@media(max-width:520px){
.local-end {
	background-color:#fff;
	border-radius:10px;
	padding:15px 15px;
	box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.1);
	margin-top:40px;
}	
}