header nav{padding: 25px 0 24px 3%; }
header.active nav{padding: 10px 0 9px 3%; }

header nav ul li{margin: 0 0 0 0; }
header nav ul li a{font-size: 14px; padding: 0 8px;}






.main_top{padding: 0 0 0 calc(8% + 150px); }
.main_top .box .centering h1{max-width: 660px; font-size: 34px; line-height: 40px;}
.main_top .box .centering p{max-width: 660px; font-size: 16px; line-height: 22px; padding-bottom: 0;}
.main_top .box .centering p a{font-size: 16px; line-height: 22px;}


.main_top .category_hp_list .item:nth-child(3n - 1){padding: 0 30px; margin: 0 30px;}
.main_top .category_hp_list .item .icon{margin: 0 15px 10px 0;}
.main_top .category_hp_list .item .title{font-size: 18px; margin: 0 0 10px;}






.info_panel .box{text-align: center; width: 90%; padding: 0 5%;}
.info_panel .box .item{width: calc(33.33% - 2px);}







#content::before{right: 3%; top: 0; background-size: 100% auto; width: 422px; height: 712px;}
.sub #content::before{right: 0; top: 110px; background-size: 100% auto; width: 398px; height: 407px;}

.sub #content.axe::before{width: 338px; height: 361px; background-size: 100% auto;}

.box_list .inside{padding: 0; width: 100%;}






footer::before{width: 444px; height: 465px; background-size: 100% auto; bottom: calc(100% - 350px);}
.sub footer::before{width: 315px; height: 600px; background-size: auto 100%; right: 3%;}
footer .mapa #MyGmaps{height: 600px;}
footer .text{width: 38%; padding: 0 6%;}
footer .text .box{height: 600px;}