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

.inner {width: 87.85%;max-width: 1200px;padding:0;}
#wrap section {margin-bottom:0;}

.m_box {width:350px;}

#town_main {background:url(../img/main_bg.jpg) no-repeat center center;background-size:cover;padding:110px 0;}
#town_main .m_box {background:rgba(0,0,0,0.8);color:#fff;}
#town_main .m_box > div {padding:35px;}
#town_main .image {text-align:center;margin-bottom:25px;}
#town_main .title {font-size:35px;line-height:1.5em;font-weight:bold;margin-bottom:20px;}

/* contents */
#sec00 {background:url(../img/sec00_bg.jpg) no-repeat left top;background-size:cover;max-height:522px;border-top:solid 10px #ffffff;border-bottom:solid 10px #ffffff;}

#sec01 {padding:0;background:url(../img/sec01_bg.jpg) no-repeat center center;background-size:cover;padding:110px 0;height:800px;}
#sec01 h2 {width:80%;position:absolute;padding-top:450px;left:10%;z-index:3;}
#sec01 h3 {position:relative;top:-60px;}

#sec02 {padding:120px 0 60px;background:#8ec54a url(../img/sec02_bg.jpg) no-repeat left top;background-size:cover;}

#sec02_btn {padding:0 0 80px;background:#8ec54a;border-bottom:solid 10px #ffffff;}
#sec02_btn h2 {padding-top:60px;}
#sec02_btn img {margin:0 auto;transition:0.4s;}
#sec02_btn img:hover {opacity:0.8;}

#sec03 {padding:0;background:url(../img/sec03_bg.jpg) no-repeat center center;background-size:cover;padding:110px 0;height:850px;}
#sec03 h2 {width:80%;position:absolute;padding-top:330px;left:15%;z-index:3;}
#sec03 h3 {position:relative;top:-60px;}

#sec05 {padding:120px 0 60px;background:#8ec54a url(../img/sec05_bg.jpg) no-repeat center top;background-size:cover;}

#sec05_btn {padding:30px 0 80px;background:#8ec54a;border-bottom:solid 10px #e60011;}
#sec05_btn h2 {padding-top:60px;}
#sec05_btn img {margin:0 auto;transition:0.4s;}
#sec05_btn img:hover {opacity:0.8;}

#sec04 {padding:60px 0 120px;background:url(../img/sec04_bg.jpg) no-repeat center center;background-size:cover;border-bottom:solid 10px #ffffff;}
#sec04 .inner h2 {border:solid 10px #014099;margin-top:60px;}

#products {background:url(../img/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:95%;}
	#wrap,
	.inner p {font-size:3.5vw;line-height:1.6em;}
	
	.inner {display:block !important;width:100%;}
	.m_box {display:block;width:inherit;}

	#town_main {background:url(../img/main_bg_sp.jpg) 0 0 no-repeat;height:0;padding-top:75%;background-size:cover;padding-bottom:43.5%;}
	#town_main .m_box > div {padding:6% 4% 6%}
	#town_main .image {width:calc(25% - 12px);float:left;margin-bottom:5px;}
	#town_main .title {width:calc(83% - 40px);float:right;margin-top:4%;margin-bottom:4%;font-size:7vw;line-height:1.5em;}
	#town_main .text {clear:both;}
    
    /* contents */
    /*#sec00 {background:url(../img/sec00_bg_sp.jpg) no-repeat center center;height:100%;max-height:inherit;}*/
    #sec00 {background:#ffffff;height:100%;}
    #sec00 img {margin:0 auto;padding:0;}
	
	#sec01 {padding:0;background:#c0e8fa;background-size:cover;height:100%;}
	#sec01 .inner h2 {margin-top:40px;}
    #sec01 h2 {width:80%;padding-top:52%;}
    #sec01 img {width:100%;}
    
    #sec02 {background:#8ec54a url(../img/sec02_bg_sp.jpg) no-repeat left top;background-size:cover;padding:60px 0;}
    #sec02 h2 {width:95%;margin:0 auto;}
    #sec02 img {margin:0 auto;}

    #sec04 {background-position:right center;}
    #sec04 .inner {width:90%;padding:40px 0;}
	#sec04 .inner h2 {margin-top:40px;}
	
	#sec03 {padding:0;background-size:cover;height:100%;}
    #sec03 .inner h2 {margin-top:40px;}
    #sec03 h2 {width:80%;padding-top:52%;margin:0 auto;left:10%;}
    #sec03 img {width:100%;margin:0 auto;}
    
    #sec05 {background:#8ec54a url(../img/sec05_bg_sp.jpg) no-repeat left top;background-size:cover;padding:60px 0;}
    #sec05 h2 {width:95%;margin:0 auto;}
    #sec05 img {margin:0 auto;}
    
	#sec04 {padding:0 0 40px;}
	#sec04 .inner h2 {margin-top:40px;}
    
    #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;}
}