@charset "utf-8";
/*--------------------------------------------------------------
			メインコンテンツ
--------------------------------------------------------------*/
.main_img{
	background:url(../img/main-img.jpg) center center no-repeat;
	background-size:cover;
	width:100%;
	height:400px;
}
.main_img .inner{
	width:1000px;
	margin:0 auto;
	position:relative;
}
.main_img .inner .text{
	background:url(../img/main-text.png) 0 0 no-repeat;
	width:418px;
	height:174px;
	position:absolute;
	top:100px;
	left:35px;
}
.content_img{
	background:url(../img/cat-jail.jpg) center center no-repeat;
	background-size:cover;
	width:100%;
	height:400px;
	margin:95px 0 0 0;
}
.content_img .inner{
	width:1000px;
	margin:0 auto;
	position:relative;
}
.content_img .inner .text{
	background:url(../img/text-01.png) 0 0 no-repeat;
	width:317px;
	height:193px;
	position:absolute;
	top:100px;
	right:190px;
}
.content_bg{
	background:#000;
	text-align:center;
	padding:50px 0;
	margin:100px 0 0 0;
}
.content_bg .text strong{
	color:#fff;
	font-size:28px;
	font-weight:normal;
}
h1.mainh1{
	background:#000;
	text-align:center;
	padding:50px 0;
}
h1.mainh1 strong{
	color:#fff;
	font-size:28px;
	font-weight: bold;
}
.main_img_2nd img{
	width: 100%;
}

ul.photo_list {
	overflow: hidden;
}
ul.photo_list li img{
	width: 49%;
	float: left;
	margin: 0.1%;
}
ul.side_btn{
	position: fixed;
	right:0;
	bottom:0;
}




@media screen and (max-width: 768px){
.main_img{
	background:url(../img/sp/main-img.jpg) 0 center no-repeat;
	background-size:100% auto;
	width:100%;
	height:0;
	padding:0 0 129.7% 0;
}
.main_img .inner{
	width:76.56%;
}
.main_img .inner .text{
	background:url(../img/main-text.png) 0 0 no-repeat;
	background-size:100% auto;
	width:100%;
	height:0;
	padding:0 0 41.42% 0;
	margin:90% auto 0;
	top:0;
	left:0;
	right:0;
}
.content_img{
	background:url(../img/sp/cat-jail.jpg) 0 center no-repeat;
	background-size:100% auto;
	width:100%;
	height:0;
	padding:0 0 129.7% 0;
	margin:50px 0 0 0;	
}
.content_img .inner{
	width:65.31%;
}
.content_img .inner .text{
	background:url(../img/text-01.png) 0 0 no-repeat;
	background-size:100% auto;
	width:100%;
	height:0;
	padding:0 0 60.67% 0;
	margin:120% auto 0;
	top:0;
	left:0;
	right:0;
}
.content_bg{
	padding:20px;
	margin:50px 0 0 0;
}
.content_bg .text{
	text-align:left;	
}
.content_bg .text strong{
	font-size:17px;	
}
	
h1.mainh1{
	padding:20px;
}
h1.mainh1 strong{
	font-size:24px;
	}

ul.photo_list li img{
	width: 100%;
	float:none;
	margin: 0;
}
	
iframe{
	width: 100%;
	height: 300px
}
	
	
}