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

body{
padding: 0;
margin: 0;
}

#nav{
margin: auto;
position: relative;
box-sizing: border-box;
width: 1300px;
margin: 0 40px 20px 40px;
}

.spnav01{
list-style: none;
font-size: 36px;
text-align: center;
margin: auto;
width: auto;
}


.img{
margin: auto;
display: block;
padding: 20px 0;
object-fit: cover;
width: 100%;
height: 750px;
margin: 20px 0;
}

.wrapper1300{
display: block;
margin: auto;
box-sizing: border-box;
max-width: 1160px;
mix-width: 820px;
padding: 20px 0px;
}

.section{
margin: auto;
display: block;
object-fit: cover;
width: 100%;
box-sizing: border-box;
padding: 40px;
}

.lead{
box-sizing: border-box;
text-align: center;
padding-bottom: 20px;
width: 100%;
}

p.box{
text-align: left;
}

.movie{
padding-bottom: 20px;
text-align: center;
}

.responsive {
margin: auto;
width: 100%;
aspect-ratio: 16/9;
}

#footer-nav{
width:100%;
background-size: cover;
background-image: url("../img/HOME/24382008_l.jpg");
background-repeat: repeat;
padding-top: 20px;
padding-bottom: 20px;
margin:0;
}

p.CData{
color: #fff;
}

/*↓sp表示*/
@media screen and (max-width:767px) {
body{
padding: 0;
margin: 0;
}

	
@media screen and (max-width:767px) {	
.img{
display: block;
object-fit: cover;
width: 100%;
height: 500px;
margin: auto;
}

@media screen and (max-width:767px) {	
#nav{
margin: auto;
position: relative;
box-sizing: border-box;
width: 100%;
margin: 0 40px 20px 40px;
}

@media screen and (max-width:767px) {	
.spnav01{
list-style: none;
font-size: 24px;
text-align: center;
margin: auto;
width: auto;
}

@media screen and (max-width:767px) {
.wrapper1300{
margin: auto;
box-sizing: border-box;
width: 100%;
padding: 20px 0px;
}

@media screen and (max-width:767px) {	
.section{
margin: auto;
width: 100%;
box-sizing: border-box;
padding: 40px;
}

@media screen and (max-width:767px) {	
.lead{
box-sizing: border-box;
text-align: center;
padding-bottom: 20px;
width: 100%;
}

@media screen and (max-width:767px) {	
p.box{
text-align: left;
}

@media screen and (max-width:767px) {	
.movie{
padding-bottom: 20px;
text-align: center;
}

@media screen and (max-width:767px) {	
.responsive {
margin: auto;
width: 100%;
aspect-ratio: 16/9;
}

@media screen and (max-width:767px) {	
#footer-nav{
width:100%;
background-size: cover;
background-image: url("../img/HOME/24382008_l.jpg");
background-repeat: no-repeat;
object-fit: cover;
padding-top: 20px;
padding-bottom: 20px;
margin:0;
}

@media screen and (max-width:767px) {	
p.CData{
color: #fff;
}