@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 h1 {width:78%;position:absolute;left:0;top:20px;}

#main_sub {padding:25px 0 15px;background:#e60011;}
#main_sub h2 {margin-bottom:20px;margin-top:-12%;}
#main_sub .red_line {width:100%;position:absolute;bottom:100%;left:0;}

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

#sec00 {padding:0;background:url(../img/dekapatrolcar/sec00_bg.jpg) no-repeat center center;background-size:cover;}
#sec00 .inner h2 {margin:0 auto;}

#sec01 {padding:0 0 60px;border-top:solid 10px #fff100;border-bottom:solid 10px #fff100;background:url(../img/dekapatrolcar/sec01_bg.jpg) no-repeat center center;background-size:cover;}
#sec01 .bg_01 {position:absolute;width:100%;}
#sec01 h2 {position:relative;margin:0 auto;padding:0 0 120px;z-index:3;}
#sec01 .inner h2 {margin-top:-11.05%;width:100%;max-width:100%;padding-bottom:80px;}

#sec02 {padding:0;}

#sec03 {background:#e60011;margin:0 auto;padding:0;}
#sec03 .inner {padding:20px 0 40px;}

#sec03_btn {padding:0 0 24px;background:#e60011;border-bottom:solid 10px #ffffff;}
#sec03_btn img {margin:0 auto 56px;transition:0.3s;}
#sec03_btn img:hover {opacity:0.8;}
#sec03_btn .second_btn {padding-top:56px;border-top:dotted 8px #fff100;}

#sec04 {background:url(../img/dekapatrolcar/sec04_bg.jpg) repeat left top;border-bottom:solid 10px #000000;padding:80px 0;}
#sec04 .inner {padding:40px 24px;background-color:#ffffff;border:solid 8px #000000;;border-radius:25px;}
#sec04 .btn_04 {padding-top:40px;}
#sec04 .btn_04 img {margin:0 auto;transition:0.3s;}
#sec04 .btn_04 img:hover {opacity:0.8;}

#products {background:#fdd000 url(../img/dekapatrolcar/product_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 {transition:0.4s;}
#products a:hover {opacity:0.8;}

@media screen and (max-width:640px){
	.inner {width:92%;}
	
    #main h1 {width:100%;left:0;top:14px;}
	
	#main_sub {padding:0 0 20px;}
    #main_sub h2 {margin-bottom:0;}
	
	#sec00 {padding:0;background:none;}
	
	#sec01 {background:url(../img/dekapatrolcar/sec01_bg_sp.jpg) no-repeat left top;background-size:100%;padding-bottom:0;}
    #sec01 .inner {width:100%;}
    #sec01 h2 {padding-bottom:0;}
    #sec01 .inner h2 {margin-top:-10%;padding-bottom:60px;width:92%;}
	
	#sec_movie .inner {padding:40px 0;}

    
    #sec03_btn {padding:0 0 40px;}
    #sec03_btn img {margin:0 auto 32px;}
    #sec03_btn .second_btn {padding-top:32px;}
	
	#products .inner {padding: 0 0 80px;}
	#products h2 {width:93.5%;max-width:460px;padding:60px 0 20px;}
	#products .Flex {width:93.5%;display:block;margin:0 auto;text-align:center;}
	#products .Flex .Leftbox {padding-right:0;padding-bottom:30px;}
	#products .Flex .Rightbox {padding-left:0;}
    #products a .Leftbox,#products a .Rightbox {transition:0.4s;}
    #products a .Leftbox:hover,#products a .Rightbox:hover {opacity:0.8;}
}