@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 {position:absolute;top:20px;}

#sec00 {padding:0 0 16px;background:#e60011;}
#sec00 .red_line {width:100%;position:absolute;bottom:100%;left:0;}

#sec_intro {padding:80px 0;margin:0 auto;background:url(../img/highway/intro_bg.jpg) repeat left top;}
@media screen and (max-width:640px){
    #sec_intro {padding:10% 0;}
}

#sec07 {display:block;padding:0;background:url(../img/highway/sec03_bg.png) repeat left top;}
#sec07::after {content:"";display:block;background-image:url(../img/highway/sec04_under.png);background-repeat :repeat-x;background-position:left bottom;background-size:contain;height:70px;}
#sec07 h1 {width:100%;}
#sec07 h2 {width:100%;padding:40px 0 160px;}
#sec07 .bg_under {display:block;position:absolute;bottom:0;}
#sec07 .btn {width:47.5%;position:absolute;right:0;bottom:40px;transition:.3s;}
#sec07 .btn:hover {opacity:0.8;}
@media screen and (max-width:640px){
    #sec07 h2 {padding:5% 0 0;}
    #sec07 .btn {margin-top:5%;width:100%;position:static;}
}

#sec01 {padding:80px 0 60px;background:#e60011;}
#sec01 h2 {margin-bottom:20px;}
#sec01 .red_line {width:100%;position:absolute;bottom:100%;left:0;}

#sec02 {padding:0 0 40px;background:#e60011;}
#sec02_btn {padding:0 0 80px;background:#e60011;}
#sec02_btn img {max-width:1000px!important;margin:0 auto;transition:.3s;}
#sec02_btn img:hover {opacity:0.9;}

#sec03 {padding:56px 0;border-top:solid 8px #000000;border-bottom:solid 24px #fdd000;background:url(../img/highway/03_bg.png)repeat-x left bottom,-moz-linear-gradient(top, #69befc, #b7dbf5);background:url(../img/highway/03_bg.png)repeat-x left bottom,-webkit-linear-gradient(top, #69befc, #b7dbf5);background:url(../img/highway/03_bg.png)repeat-x left bottom,linear-gradient(to bottom, #69befc, #b7dbf5);}
#sec03 h2 img {max-width:665px;margin:0 auto;}
#sec03 .inner {width:100%;}
#sec03 .inner h2 {width:100%;margin:0 auto;}
#sec03 .inner img {max-width:100%;}
#sec03 .btn_03 {max-width:980px!important;margin:-80px 0 0;transition:.3s;}
#sec03 .btn_03:hover {opacity:0.9;}

#sec05 {padding:0 0 80px;background:#22ac38 url(../img/highway/05_bg.png) no-repeat center center;background-size:100%;}
#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;}

#sec_movie {padding:0;background:url(../img/highway/movie_bg.png) no-repeat center center;background-size:cover;border-top:solid 8px #000000;border-bottom:solid 8px #000000;}
#sec_movie .inner {padding:120px 0;}
#sec_movie .inner h2 {border:solid 10px #e7b62b;}

#products {padding:0 0 80px;background:url(../img/highway/04_bg.png) repeat center center;}
#products .title  {padding:0 0 40px;background:url(../img/highway/04_title_bg.png) no-repeat;background-size:100% 97.5%;margin-bottom:20px;}
#products h1 {width:89.04%;max-width:766px;margin:0 auto;padding:2.5% 0;}
#products h2 {max-width:733px;margin:0 auto 32px;}
#products .Fx {width:100%;max-width:1150px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto;padding:20px 0 0;}
#products .bg {width:32.5%;background-color:#ffffff;border:solid 4px #ece7e7;border-radius:10px;padding-bottom:30px;}
#products .bg .text,#products .bg .text_town {padding:20px 16px 0 16px;min-height:90px;font-weight: bold;font-size:22px;text-align:left;line-height: 1.3em;height:112px;}
#products .bg .price {font-size:14px;position:relative;padding:0 0 16px 64px;}
#products .bg .price::before {content:"";position:absolute;background:url(../img/highway/town_logo.png) top left no-repeat;background-size:50%;top:-3px;left:16px;width:80px;height:80px;}
#products .bg .image {width:100%;height:210px;margin:0 auto;padding:8px 0 16px 0;display:table-cell;vertical-align:middle;}
#products .bg .image img {max-width:100%;max-height:260px;}
#products .bg .lead {padding:0 16px 16px;font-size:16px;text-align:left;line-height:1.6em;}
#products .bg .small {font-size:14px;}
#products .purchase {max-width:176px;padding-right:16px;text-align:right;margin:0 0 0 auto;transition:.3s;}
#products .purchase img {width:100%;}
#products .purchase:hover {opacity:0.8;}

#sec06 h1 {width:50%;position:absolute;top:30px;}

@media screen and (max-width:1200px){
	#main h1 {width:85%;}
}
@media screen and (max-width:640px){
	.inner {width:93.5%;}
	
	#main h1 {width:85%;top:14px;}
	
	#sec00 {padding:0 0 20px;}
	#sec00 h2 {padding:20px 0 0;}
	
	#sec01 {padding:40px 0 20px;}
	/*#sec01 .inner {padding-top:40px;}*/
	/*#sec01 .inner h2 {margin-top:40px;}*/
	
	#sec_movie .inner {padding:40px 0;}
	
	#sec02 {padding-bottom:40px;}
	#sec02_btn {padding:0 0 40px;}
	
    #sec03 {padding:40px 0;border-top:solid 8px #000000;border-bottom:solid 10px #fdd000;background:url(../img/highway/03_bg_sp.png)repeat-x left bottom,-moz-linear-gradient(top, #69befc, #b7dbf5);background:url(../img/highway/03_bg_sp.png)repeat-x left bottom,-webkit-linear-gradient(top, #69befc, #b7dbf5);background:url(../img/highway/03_bg_sp.png)repeat-x left bottom,linear-gradient(to bottom, #69befc, #b7dbf5);}
    #sec03 h2 img {max-width:600px;margin:0 auto;}
    #sec03 .inner {width:93.5%;}
    #sec03 .btn_03 {max-width:600px!important;margin:-10px 0 0;}
	
	#sec05 {padding:0 0 32px 0;background:#22ac38 url(../img/highway/05_bg_sp.png) no-repeat;background-size:100%;}
	#sec05 .inner {display:block;}
	#sec05 h2 {width:100%;margin:0 auto;padding-top:2%;}
	#sec05 .image {width:100%;padding-top:20px;}
	#sec05 .image a:hover {opacity:0.8;}
	#sec05 .btn_03 {padding-bottom:3%;width:100%;}
	
    #products {padding:0 0 40px;}
    #products .title {padding:0 0 40px;background:url(../img/highway/04_title_sp_bg.png) no-repeat;background-size:100%;}
    #products h1 {width:85.5%;margin:0 auto;padding:4.5% 0 2%;}
    #products h2 {max-width:640px;margin:0 auto;}
	#products .Fx {flex-direction:column;}
    #products .inner {display:block;}
	#products h2 {width:100%;}
	#products h2 img {width:92%;margin:0 auto;}
    #products .bg {width:100%;height:100%;margin-bottom:20px;}
    #products .bg .text,#products .bg .text_town {min-height:38px;height:auto;padding-bottom:16px;}
    #products .bg .price::before {top:-8px;}
	#products .bg .image {width:100%;height:auto;margin:0 auto;display:block;}
	#products .bg .image img {max-height:100%;width:100%;}
	#products .bg .lead {font-size:16px;padding:16px;}
    #products .purchase {max-width:220px;}

	#sec06 h1 {width: 80%;top: 15px;}
}
#sec08 {padding:80px 0 70px;background:url(../img/highway/sec08_bg.jpg)no-repeat center center;background-size:cover;border-top:solid 10px #000;}
#sec08 .inner {width:100%;}
#sec08 .inner h2 {width:100%;margin:0 auto;}
#sec08 .inner img {max-width:100%;}
#sec08 .btn_03 {max-width:980px!important;margin:-120px 0 0;transition:.3s;}
#sec08 .btn_03:hover {opacity:0.9;}
@media screen and (max-width:1700px){
    #sec08 {background:url(../img/highway/sec08_bg.jpg)no-repeat center bottom;background-size:cover;}
}
@media screen and (max-width:640px){
    #sec08 {padding:40px 0;background:url(../img/highway/sec08_bg_sp.jpg)no-repeat center center;background-size:cover;}
    #sec08 .inner {width:93.5%;}
    #sec08 .btn_03 {max-width:600px!important;margin:-12.25% 0 0;}
}