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

.inner {max-width:1150px;width:89.04%;padding:0;}
#wrap section {margin-bottom:0;}
#wrap section img {display:block;width:100%;}

#main {background:#e60011;}
#main .inner {padding:0 0 40px;}
#main h1 {margin-top:-7%;}

#sec_movie {padding:0;background:url(../img/district/movie_bg.jpg) no-repeat center center;background-size:cover;}
#sec_movie .inner {padding:120px 0;}
#sec_movie .inner h2 {border:solid 10px #fdd000;}

#sec01 {padding:60px 0 80px;background:url(../img/district/sec01_bg.png) repeat left top;}
#sec01 h2 {width:100%;max-width:690px;text-align:center;margin:0 auto 40px;}
#sec01 .inner img {width:100%;}

#sec02 {padding:60px 0 80px;background:#e60011;}
#sec02 h2 {width:100%;max-width:640px;text-align:center;margin:0 auto 40px;}
#sec02 .inner img {width:100%;}

#sec03 {padding:0 0 80px;background:#e60011;}
#sec03 .inner img {max-width:100%;}
#sec03 .btn_03 {margin-top:40px;}
#sec03 .btn_03 {max-width:1000px!important;margin:40px auto;}
#sec03 .btn_03:hover {opacity:0.8;}

#sec04 {border-top:solid 10px #000000;}
#sec04 .bg_04 {position:relative;width:100%;z-index:2;}
#sec04 p {position:absolute;width:89.04%;max-width:1090px;margin:0 auto;padding-top:40px;left:50%;transform:translate(-50%);z-index:3;}

#sec05 {padding:40px 0 80px;background:url(../img/district/sec05_bg.jpg) repeat left top;border-bottom:solid 10px #000000;}
#sec05 h2 {width:100%;margin:0 auto;padding-top:2%;}
#sec05 .image {width:100%;padding-top:20px;}
#sec05 .btn_03 {padding:2% 0;max-width:1000px;margin:0 auto;}
#sec05 .btn_03:hover {opacity:0.8;}

#products {background:url(../img/district/sec06_bg.png) repeat left top;}
#products h2 {width:100%;max-width:710px;margin:0 auto 32px;padding:80px 0 40px;}
#products .inner {padding:0 0 120px;}
#products .Flex {width:100%;max-width:1150px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:justify;justify-content:center;}
#products .Flex .Leftbox {padding-right:25px;}
#products .Flex .Rightbox {padding-left:25px;}
#products a:hover {opacity:0.8;}

@media screen and (max-width:640px){
	.inner {width:93.5%;}
	
	#main .inner {padding:0;}
	#main h1 {width:85%;position:absolute;margin:0;margin-top:4%;}
	#main h2 {width:85%;}
	#main h2 img {margin-top:-5%;padding-bottom:20px;}
	
	#sec_movie .inner {padding:60px 0;}
	
	#sec01 h2 {width:93.5%;max-width:600px;text-align:center;margin:0 auto 20px;}
	
	#sec02 {padding:60px 0 40px;}
	#sec02 h2 {width:93.5%;max-width:600px;text-align:center;margin:0 auto 20px;}
	
	#sec03 {padding:0 0 60px;}
	#sec03 .btn_03 {margin: 40px auto 0;}
	
	#sec04 p {width:93.5%;margin:0 auto;padding-top:20px;}
	
	#sec05 {padding:20px 0 60px;background:url(../img/district/sec05_bg_sp.jpg) repeat left top;}

	#products .inner {padding: 0 0 80px;}
	#products h2 {width:93.5%;max-width:460px;padding:60px 0 20px;}
	#products .Flex {width:93.5%;flex-direction:column;}
	#products .Flex .Leftbox {padding-right:0;padding-bottom:20px;}
	#products .Flex .Rightbox {padding-left:0;}


}