img { display:block; }
* { margin:0; padding:0; border:0; }
*, *:before, *:after { box-sizing: border-box; }
a:link, a:visited, a:active, a:hover { text-decoration:none; }
input[type="submit"], input[type="button"] { cursor: pointer; }
input[type="text"], input[type="submit"], input[type="button"], textarea, select { font-family:Roboto, Arial, Verdana, sans-serif; }
.thumbnail { }
.lightbox { display:none; position:fixed; z-index:9999; width:100%; height:100%; top:0; left:0; }
.lightbox img { position:absolute; margin:auto; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; max-width:96%; max-height:96%; }
.lightbox:target { display:block; outline:none; }
html { overflow-y:scroll; -webkit-text-size-adjust:none; }
body { font-family:Roboto, Arial, Verdana, sans-serif; }

.fullscreen { width:100vw; height:100vh; background-repeat:no-repeat; background-position:center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; display:flex; justify-content:center; align-items:center; position:fixed; z-index:-1;  filter:blur(0.3rem); -webkit-filter:blur(0.3rem); }

.fullscreenvideo { width:100vw; height:100vh; display:flex; justify-content:center; align-items:center; position:fixed; z-index:-1; overflow:hidden; }
#backgroundvideo { width:100%; height:100%; top:50%; left:50%; position:absolute; object-fit:cover; z-index:-1; transform:translate(-50%, -50%); }

.col100 { width:100%; float:left; display:block; margin:0 0 0 0; }
.col100t { width:100%; float:left; display:block; margin:2% 0 0 0; }
.col100b { width:100%; float:left; display:block; margin:4% 0 2% 0; }
.col100tb { width:100%; float:left; display:block; margin:2% 0 2% 0; }
.col100frm { width:100%; float:left; display:block; }
.col33 { width:calc(100% / 3); float:left; margin:0; }
.col33l { width:calc(100% / 3 - 1%); float:left; margin:0 1% 1% 0; }
.col33c { width:calc(100% / 3 - 1%); float:left; margin:0 0.5% 1% 0.5%; }
.col33r { width:calc(100% / 3 - 1%); float:left; margin:0 0 1% 1%; }
.col33m { width:calc(100% / 3 - 17%); float:left; display:block; margin:0 8.5% 0 8.5%; }
.col100frm textarea { height:10.0rem; }
.colpic50txt50 { background:#F4F1EB; filter:brightness(90%); padding:5% 2% 5% 2%; box-sizing:border-box; }

#page { width:100%; margin:0 auto; text-align:left; }
#t { background:-webkit-linear-gradient(45deg,#DBA765,#8A6A55); }
#n { background:-webkit-linear-gradient(45deg,#008060,#004D39); }
#m { background:#F4F1EB; }
#b { background:-webkit-linear-gradient(45deg,#008060,#004D39); }

#top .toptitle, #top .toptitle a { color:#F4F1EB !important; text-decoration:none; }

#topcontainer .title { color:#F4F1EB; font-family:Century Gothic, CenturyGothic, AppleGothic, Sans-Serif; font-weight:700; }
#topcontainer .subtitle { color:#DBA765; font-family:Roboto, Arial, Verdana, sans-serif; font-weight:400; }

#navcontainer { width:100%; float:left; background:-webkit-linear-gradient(45deg,#008060,#004D39); }
#navcontainer a.selected {  float:left; display:block; color:#DBA765; font-family:Roboto, Arial, Verdana, sans-serif; font-weight:400; }
#navcontainer a.deselected { float:left; display:block; color:#F4F1EB; font-family:Roboto, Arial, Verdana, sans-serif; font-weight:400; }
#navcontainer a.deselected:hover { color:#DBA765; }
#navcontainer a.deselected:hover { -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }

#maincontainer h1 { color:#666666; font-family:Century Gothic, CenturyGothic, AppleGothic, Sans-Serif; font-weight:700; }
#maincontainer h2 { color:#008060; font-family:Century Gothic, CenturyGothic, AppleGothic, Sans-Serif; font-weight:700; }
#maincontainer .text, #maincontainer p { color:#000000; font-weight:normal; }
#maincontainer .error { width:100%; float:left; display:block; color:#F4F1EB; background-color:#CC0000; }
#maincontainer a:link, #maincontainer a:visited { color:#8A6A55; }
#maincontainer a.linkff:link, #maincontainer a.linkff:visited { color:#8A6A55; }
#maincontainer a.linkff:hover, #maincontainer a.linkff:active { color:#000000; }
#maincontainer .navbb, #maincontainer a.navbb:link, #maincontainer a.navbb:visited { color:#F4F1EB; background-color:#008060; }
#maincontainer a.navbb:active, #maincontainer a.navbb:hover { color:#F4F1EB; background-color:#666666; }
#maincontainer .navff, #maincontainer a.navff:link, #maincontainer a.navff:visited { color:#F4F1EB; background-color:#008060; }
#maincontainer a.navff:active, #maincontainer a.navff:hover { color:#F4F1EB; background-color:#666666; }
#maincontainer .navtop, #maincontainer a.navtop:link, #maincontainer a.navtop:visited { color:#F4F1EB; background-color:#008060; }
#maincontainer a.navtop:active, #maincontainer a.navtop:hover { color:#F4F1EB; background-color:#666666; }
#maincontainer .btn2send { color:#F4F1EB; background-color:#008060; }
#maincontainer .btn2send:hover { color:#F4F1EB; background-color:#666666; }
#maincontainer .btn2search { color:#F4F1EB; background-color:#008060; }
#maincontainer .btn2search:hover { color:#F4F1EB; background-color:#666666; }
#maincontainer .btn2cancel { color:#F4F1EB; background-color:#008060; }
#maincontainer .btn2cancel:hover { color:#F4F1EB; background-color:#666666; }
#maincontainer .btn5request { color:#F4F1EB; background-color:#008060; }
#maincontainer .btn5request:hover { color:#F4F1EB; background-color:#666666; }
#maincontainer .frmmailer label { color:#008060; display:block; }
#maincontainer .frmmailer input[type=text] { display:block; color:#000000; background-color:#F4F1EB; border:1px solid #008060; }
#maincontainer .frmmailer textarea { display:block; color:#000000; background-color:#F4F1EB; border:1px solid #008060; }
#maincontainer .frmfield label { color:#008060; display:block; }
#maincontainer .frmfield input[type=text] { display:block; color:#000000; background-color:#F4F1EB; border:1px solid #008060; }
#maincontainer .frmfield select { display:block; color:#000000; background-color:#F4F1EB; border:1px solid #008060; appearance:none; -moz-appearance:none; -webkit-appearance:none; }
#maincontainer .pic50201 img { float:left; }
#maincontainer .pic50331l img { float:left; }
#maincontainer .pic50331r img { float:right; }
#maincontainer .pic50501l img { float:left; }
#maincontainer .pic50501r img { float:right; }
#maincontainer .youtubecenterbig iframe { position:absolute; margin:0; padding:0; }

#maincontainer .lsttitlerow { width:100%; float:left; color:#008060; font-family:Century Gothic, CenturyGothic, AppleGothic, Sans-Serif; font-weight:700; }
#maincontainer .lstlinkrow, #maincontainer a.lstlinkrow:link, #maincontainer a.lstlinkrow:visited { color:#8A6A55; font-weight:normal; -moz-hyphens:auto; -o-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto; }
#maincontainer a.lstlinkrow:active, #maincontainer a.lstlinkrow:hover { color:#000000; }

#maincontainer .lstrow { width:100%; float:left; display:block; margin:2% 0 2% 0; }
#maincontainer .lstrowcol { float:left; display:block; }
#maincontainer .lsttitle { width:100%; float:left; color:#008060; font-family:Century Gothic, CenturyGothic, AppleGothic, Sans-Serif; font-weight:700; }
#maincontainer .lsttext { color:#000000; }

#maincontainer .tpl635navlstrow { background-color:; }

#maincontainer .detail { display:inline-block; color:#F4F1EB; background-color:#008060; padding:0 0.5rem; }
#maincontainer .detail:hover { color:#F4F1EB; background-color:#666666; }

#bottomcontainer .bottomtitle { color:#DBA765; font-weight:normal; }
#bottomcontainer .bottomtitlecolor { color:#DBA765; font-weight:normal; }
#bottomcontainer .text { color:#F4F1EB; font-weight:normal; }
#bottomcontainer a.link, #bottomcontainer a.link:link, #bottomcontainer a.link:visited, #bottomcontainer a:link, #bottomcontainer a:visited { color:#DBA765; font-weight:normal; }
#bottomcontainer a.link:active, #bottomcontainer a.link:hover, #bottomcontainer a:active, #bottomcontainer a:hover { color:#F4F1EB;  }
#bottomcontainer .iconsoc img { float:left; display:block; border:1px solid #F4F1EB; }
#bottomcontainer .iconsoc img:hover { border:1px solid #DBA765; }

h1 { opacity:0; transition:all .2s ease-in-out; transform:translateY(-20%); }
h2 { opacity:0; transition:all .5s ease-in-out; transform:translateY(-50%); }
.pic50201 { opacity:0; transition:all 1.0s ease-out 0.0s; transform:scale(0.9); }
.pic50331 { opacity:0; transition:all 1.0s ease-out 0.0s; transform:scale(0.9); }
.pic50331l { opacity:0; transition:all 1.5s ease-out 0.5s; transform:scale(0.9); }
.pic50331r { opacity:0; transition:all 1.5s ease-out 0.5s; transform:scale(0.9); }
.pic50501l { opacity:0; transition:all 1.5s ease-out 0.5s; transform:scale(0.9); }
.pic50501r { opacity:0; transition:all 1.5s ease-out 0.5s; transform:scale(0.9); }
h1.visible { opacity:1; transform:translateY(0); }
h2.visible { opacity:1; transform:translateY(0); }
.pic50201.visible { opacity:1; transform:scale(1.0); }
.pic50331.visible { opacity:1; transform:scale(1.0); }
.pic50331l.visible { opacity:1; transform:scale(1.0); }
.pic50331r.visible { opacity:1; transform:scale(1.0); }
.pic50501l.visible { opacity:1; transform:scale(1.0); }
.pic50501r.visible { opacity:1; transform:scale(1.0); }

@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes scaleUp80to100 { from { transform:scale(0.8); } to { transform:scale(1); } }
@keyframes blur { 0% { filter:blur(0rem); } 100% { filter:blur(0.5rem); } }
#topcontainer { opacity:0; animation:fadeIn 2s ease-in-out forwards, scaleUp80to100 2s ease-in-out forwards; }
#navcontainer { opacity:0; animation:fadeIn 2s ease-in-out forwards; }
.fullscreen { opacity:0; animation:fadeIn 3s ease-in-out forwards, blur 3s infinite alternate; }@media (max-width:680px)
{
.col33m { width:calc(100% / 3 - 8%); float:left; display:block; margin:0 4% 0 4%; }

#t { width:100%; float:left; margin:0 0 0 0; padding:0 0 0 0; }
#top { max-width:1250px; margin:0 auto; text-align:left; position:relative; }
#top .toptitle { font-size:0.8rem; position:absolute; top:5%; right:1%; margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#topcontainer .title { font-size:2.2rem; margin:0; padding:8% 0% 0% 0%; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#topcontainer .subtitle { font-size:1.2rem; margin:0; padding:0% 0% 8% 0%; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

#n { width:100%; float:left; margin:0; padding:0; }
#nav { width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#navcontainer {  }
#navcontainer a.selected { width:100%; font-size:1.1rem; line-height:2.4rem; padding:0 0 0 5%; }
#navcontainer a.deselected { width:100%; font-size:1.1rem; line-height:2.4rem; padding:0 0 0 5%; }
#navcontainer a { border-top:1px solid #FFFFFF; }
#navcontainer a:last-child { border-bottom:1px solid #FFFFFF; }

#m { width:100%; float:left; margin:0 0 0 0; padding:5% 0 8% 0; }
#main { max-width:1250px; margin:0 auto; text-align:left; }
#maincontainer { width:100%; float:left; padding:0 1% 0 1%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#maincontainer h1 { font-size:1.3rem; margin:0 0 3% 0; padding:0; }
#maincontainer h2 { font-size:1.2rem; margin:3% 0 3% 0; padding:0; }
#maincontainer .text, #maincontainer p, #maincontainer ul { font-size:1.1rem; line-height:1.6rem; }
#maincontainer .error { font-size:1.1rem; margin:2% 0 2% 0; padding:1%; border-radius:1.1rem; -webkit-border-radius:1.1rem; -moz-border-radius:1.1rem; }
#maincontainer a:link, #maincontainer a:visited { font-size:1.0rem; }
#maincontainer .navbgr { width:100%; float:left; display:block; margin:5% 0 5% 0; }
#maincontainer a.navff:link, #maincontainer a.navff:visited, #maincontainer a.navff:hover, #maincontainer a.navff:active { width:calc(100% - 1.0%); font-size:1.0rem; text-align:center; padding:0.5rem 1.0rem; border-radius:1.0rem; -webkit-border-radius:1.0rem; -moz-border-radius:1.0rem; display:inline-block; }
#maincontainer a.navbb:link, #maincontainer a.navbb:visited, #maincontainer a.navbb:hover, #maincontainer a.navbb:active { width:calc(100% - 1.0%); font-size:1.0rem; text-align:center; padding:0.5rem 1.0rem; border-radius:1.0rem; -webkit-border-radius:1.0rem; -moz-border-radius:1.0rem; display:inline-block; }
#maincontainer a.navtop:link, #maincontainer a.navtop:visited, #maincontainer a.navtop:hover, #maincontainer a.navtop:active { width:calc(100% - 1.0%); font-size:1.0rem; text-align:center; padding:0.5rem 1.0rem; border-radius:1.0rem; -webkit-border-radius:1.0rem; -moz-border-radius:1.0rem; display:inline-block; }
#maincontainer .btn2send, #maincontainer .btn2search, #maincontainer .btn2cancel, #maincontainer .btn5request { width:calc(100% / 2 - 1.0%); font-size:1.0rem; margin:3% 0.25% 3% 0; padding:2.0% 0; border-radius:1.0rem; -webkit-border-radius:1.0rem; -moz-border-radius:1.0rem; }

#maincontainer .frmmailer fieldset { margin:0 0 0 0; }
#maincontainer .frmmailer label { font-size:0.9rem; }
#maincontainer .frmmailer input[type=text] { width:calc(100% / 1); font-size:1.0rem; padding:calc(1.0% / 1); border-radius:0.4rem; -webkit-border-radius:0.4rem; -moz-border-radius:0.5rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#maincontainer .frmmailer textarea { width:calc(100% / 1); height:10.0rem; font-size:1.0rem; padding:calc(1.0% / 1); border-radius:0.4rem; -webkit-border-radius:0.4rem; -moz-border-radius:0.4rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#maincontainer .frmfield fieldset { margin:0 0 0 0; }
#maincontainer .frmfield label { font-size:0.9rem; padding:0.5% 0 0 0; }
#maincontainer .frmfield input[type=text] { font-size:1.0rem; padding:1.0%; border-radius:0.4rem; -webkit-border-radius:0.4rem; -moz-border-radius:0.4rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#maincontainer .frmfield select { font-size:1.0rem; padding:1.0%; border-radius:0.4rem; -webkit-border-radius:0.4rem; -moz-border-radius:0.4rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

#maincontainer .pic50801 img { width:100%; }
#maincontainer .pic50501l img { width:calc(100% / 1 - 0%); margin:0.5% 0% 1% 0; }
#maincontainer .pic50501r img { width:calc(100% / 1 - 0%); margin:0.5% 0 1% 0%; }
#maincontainer .pic50331 img { width:100%; margin:0 auto 0 auto;  }
#maincontainer .pic50331l img { width:calc(100% / 2 - 2%); margin:0.5% 2% 1% 0; }
#maincontainer .pic50331r img { width:calc(100% / 2 - 2%); margin:0.5% 0 1% 2%; }
#maincontainer .pic50201 img { width:100%; margin:0 auto 0 auto; border-radius:5%; -webkit-border-radius:5%; -moz-border-radius:5%; }
#maincontainer .mapstatic img { width:calc(100% / 1 - 0%); margin:0 0% 0 0%;  }
#maincontainer .youtubecenterbig { width:100%; height:0; position:relative; margin:0 auto; padding:0 0 56.25% 0; }
#galery {width:calc(100% - 0%); float:left; display:block; margin:2% 0% 2% 0%; }
#map { width:100%; height:0; float:left; position:relative; margin:5% 0%; padding:0 0 60% 0; }

#ppc { width:calc(100% - 0%); height:0; float:left; position:relative; margin:2% 0% 2% 0%; padding:0 0 56.25% 0; }
#ppccontainer { width:100%; height:100%; float:left; position:absolute; }
#maincontainer .tpl630lstrow { float:left; display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
#maincontainer .tpl630lstcol { width:calc(100% / 2 - 2%); float:left; display:block; margin:1% 1% 1% 1%; }
#maincontainer .lsttitle { width:100%; font-size:1.2rem; margin:0 0 0 0; padding:1% 0 2% 0; }
#maincontainer .lsttitlerow { font-size:1.2rem; margin:0 0 0 0; padding:2% 0 2% 0; }
#maincontainer .lstlinkrow, #maincontainer a.lstlinkrow:link, #maincontainer a.lstlinkrow:visited { font-size:0.9rem; line-height:2.1rem important!; }
#maincontainer .lsttext { font-size:1.0rem; padding:0 0 1% 0; }

#maincontainer .tpl630navlstrow { display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
#maincontainer .tpl630navlstrowcol1 { width:calc(50.0% - 2%); margin:1% 1% 1% 1%; }
#maincontainer .tpl630navlstrowcol2 { width:calc(50.0% - 2%); margin:1% 1% 1% 1%; }
#maincontainer .tpl630navlstrowcol3 { width:calc(50.0% - 2%); margin:1% 1% 1% 1%; }
#maincontainer .tpl630navlstrowcol4 { width:calc(50.0% - 2%); margin:1% 1% 1% 1%; }
#maincontainer .tpl630navlstrow a.lstlinkrow { -moz-hyphens:auto; -o-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto; }

#maincontainer .tpl635navlstrow { padding:2% 0 2% 0; }
#maincontainer .tpl635navlstrowcol1 { width:calc(30% - 2%); margin:1% 1% 1% 1%; }
#maincontainer .tpl635navlstrowcol2 { width:calc(70% - 2%); margin:1% 1% 1% 1%; }

#maincontainer .tpls0 { width:calc(100% / 1); }

#b { width:100%; float:left; margin:0 0 0 0; padding:3% 0 3% 0; }
#bottom { max-width:1250px; margin:0 auto; text-align:left; }
#bottomcontainer { width:100%; float:left; padding:2% 1% 5% 1%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

#bottomcontainer .bottomtitle { font-size:1.1rem; font-weight:700; }
#bottomcontainer .bottomtitlecolor { font-size:1.1rem; font-weight:700; }
#bottomcontainer .text { width:calc(100% / 1 - 2%); float:left; display:block; font-size:1.0rem; margin:3% 0% 0% 2%; }
#bottomcontainer .texttop { width:calc(100% / 1 - 2%); float:left; display:block; padding:3% 0 2% 2%; }
#bottomcontainer a.link, #bottomcontainer a.link:link, #bottomcontainer a.link:visited, #bottomcontainer a:link, #bottomcontainer a:visited { font-size:1.0rem; line-height:2.0; }
#bottomcontainer .texttop .iconsoc img { width:10%; margin:1% 1% 1% 1%; }
}@media (min-width:680px) and (max-width:1024px)
{
#t { width:100%; float:left; margin:0 0 0 0; padding:0 0 0 0; }
#top { max-width:1250px; margin:0 auto; text-align:left; position:relative; }
#top .toptitle { font-size:0.8rem; position:absolute; top:5%; right:1%; margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#topcontainer .title { font-size:2.6rem; margin:0; padding:5% 0% 0% 0%; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#topcontainer .subtitle { font-size:1.3rem; margin:0; padding:0% 0% 5% 0%; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

#n { width:100%;  float:left; margin:0; padding:0; }
#nav { max-width:1250px; margin:0 auto; text-align:center; }
#navcontainer { display:flex; justify-content:space-between; }
#navcontainer a.selected { font-size:1.1rem; margin:0; padding:1% 1%; }
#navcontainer a.deselected { font-size:1.1rem; margin:0; padding:1% 1%;  }

#m { width:100%; float:left; margin:25% 0 0 0; padding:2% 0 6% 0; }
#main { max-width:1250px; margin:0 auto; text-align:left; }
#maincontainer { width:100%; float:left; padding:0 1% 0 1%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#maincontainer h1 { font-size:4.0rem; margin:-16% 0 8% 0; padding:0; color:rgba(255,255,255,0.8); }
#maincontainer h2 { font-size:1.4rem; margin:2% 0 2% 0; padding:0; }
#maincontainer .text, #maincontainer p, #maincontainer ul { font-size:1.0rem; line-height:1.3rem; }
#maincontainer .error { font-size:1.1rem; margin:2% 0 2% 0; padding:1%; border-radius:1.1rem; -webkit-border-radius:1.1rem; -moz-border-radius:1.1rem; }
#maincontainer a:link, #maincontainer a:visited { font-size:1.0rem; }
#maincontainer .navbgr { width:100%; float:left; display:block; margin:5% 0 5% 0; }
#maincontainer a.navff:link, #maincontainer a.navff:visited, #maincontainer a.navff:hover, #maincontainer a.navff:active { width:calc(100% / 2 - 0.25%); font-size:1.0rem; text-align:center; padding:0.5rem 1.0rem; border-radius:1.0rem; -webkit-border-radius:1.0rem; -moz-border-radius:1.0rem; display:inline-block; }
#maincontainer a.navbb:link, #maincontainer a.navbb:visited, #maincontainer a.navbb:hover, #maincontainer a.navbb:active { width:calc(100% / 2 - 0.25%); font-size:1.0rem; text-align:center; padding:0.5rem 1.0rem; border-radius:1.0rem; -webkit-border-radius:1.0rem; -moz-border-radius:1.0rem; display:inline-block; }
#maincontainer a.navtop:link, #maincontainer a.navtop:visited, #maincontainer a.navtop:hover, #maincontainer a.navtop:active { width:calc(100% / 2 - 0.25%); font-size:1.0rem; text-align:center; padding:0.5rem 1.0rem; border-radius:1.0rem; -webkit-border-radius:1.0rem; -moz-border-radius:1.0rem; display:inline-block; }
#maincontainer .btn2send, #maincontainer .btn2search, #maincontainer .btn2cancel, #maincontainer .btn5request { width:calc(100% / 4 - 0.25%); font-size:1.0rem; margin:2% 0.25% 2% 0; padding:1.0% 0; border-radius:1.0rem; -webkit-border-radius:1.0rem; -moz-border-radius:1.0rem; }

#maincontainer .frmmailer fieldset { margin:0 0 0 0; }
#maincontainer .frmmailer label { font-size:0.9rem; }
#maincontainer .frmmailer input[type=text] { width:calc(100% / 2); font-size:1.0rem; padding:calc(1.0% / 2); border-radius:0.4rem; -webkit-border-radius:0.4rem; -moz-border-radius:0.5rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#maincontainer .frmmailer textarea { width:calc(100% / 2); height:10.0rem; font-size:1.0rem; padding:calc(1.0% / 2); border-radius:0.4rem; -webkit-border-radius:0.4rem; -moz-border-radius:0.4rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#maincontainer .frmfield fieldset { margin:0 0 0 0; }
#maincontainer .frmfield label { font-size:0.9rem; padding:0.5% 0 0 0; }
#maincontainer .frmfield input[type=text] { font-size:1.0rem; padding:0.4%; border-radius:0.4rem; -webkit-border-radius:0.4rem; -moz-border-radius:0.4rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#maincontainer .frmfield select { font-size:1.0rem; padding:0.4%; border-radius:0.4rem; -webkit-border-radius:0.4rem; -moz-border-radius:0.4rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

#maincontainer .pic50801 img { width:100%; }
#maincontainer .pic50501l img { width:calc(100% / 2 - 1%); margin:0.5% 2% 1% 0; }
#maincontainer .pic50501r img { width:calc(100% / 2 - 1%); margin:0.5% 0 1% 2%; }
#maincontainer .pic50331 img { width:100%; margin:0 auto 0 auto;  }
#maincontainer .pic50331l img { width:calc(100% / 3 - 1%); margin:0.5% 2% 1% 0; }
#maincontainer .pic50331r img { width:calc(100% / 3 - 1%); margin:0.5% 0 1% 2%; }
#maincontainer .pic50201 img { width:100%; margin:0 auto 0 auto; border-radius:5%; -webkit-border-radius:5%; -moz-border-radius:5%;  }
#maincontainer .mapstatic img { width:calc(100% / 1 - 0%); margin:0 0% 0 0%;  }
#maincontainer .youtubecenterbig { width:80%; height:0; position:relative; margin:0 auto; padding:0 0 45% 0; }
#galery { width:calc(100% - 20%); float:left; display:block; margin:2% 10% 2% 10%; }
#map { width:100%; height:0; float:left; position:relative; margin:5% 0%; padding:0 0 60% 0; }

#ppc { width:calc(100% - 20%); height:0; float:left; position:relative; margin:2% 10% 2% 10%; padding:0 0 45% 0; }
#ppccontainer { width:100%; height:100%; float:left; position:absolute; }
#maincontainer .tpl630lstrow { float:left; display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
#maincontainer .tpl630lstcol { width:calc(100% / 4 - 2%); float:left; display:block; margin:1% 1% 1% 1%; }
#maincontainer .lsttitle { width:100%; font-size:1.3rem; margin:0 0 0 0; padding:0 0 1.0% 0; }
#maincontainer .lsttitlerow { font-size:1.2rem; margin:0 0 0 0; padding:2% 0 2% 0; }
#maincontainer .lstlinkrow, #maincontainer a.lstlinkrow:link, #maincontainer a.lstlinkrow:visited { font-size:0.9rem; line-height:2.1rem important!; }
#maincontainer .lsttext { font-size:1.0rem; padding:0 0 1% 0; }

#maincontainer .tpl630navlstrow { }
#maincontainer .tpl630navlstrowcol1 { width:calc(25.0% - 2%); margin:1% 1% 1% 1%; }
#maincontainer .tpl630navlstrowcol2 { width:calc(25.0% - 2%); margin:1% 1% 1% 1%; }
#maincontainer .tpl630navlstrowcol3 { width:calc(25.0% - 2%); margin:1% 1% 1% 1%; }
#maincontainer .tpl630navlstrowcol4 { width:calc(25.0% - 2%); margin:1% 1% 1% 1%; }

#maincontainer .tpl635navlstrow { }
#maincontainer .tpl635navlstrowcol1 { width:calc(20% - 2%); margin:1% 1% 1% 1%; }
#maincontainer .tpl635navlstrowcol2 { width:calc(80% - 2%); margin:1% 1% 1% 1%; }

#maincontainer .tpls0 { width:calc(100% / 2); }

#b { width:100%; float:left; margin:0 0 0 0; padding:3% 0 3% 0; }
#bottom { max-width:1250px; margin:0 auto; text-align:left; }
#bottomcontainer { width:100%; float:left; padding:2% 1% 2% 1%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

#bottomcontainer .bottomtitle { font-size:1.1rem; }
#bottomcontainer .bottomtitlecolor { font-size:1.1rem; }
#bottomcontainer .text { width:calc(100% / 2 - 3%); float:left; display:block; font-size:0.9rem; margin:0 0 0 3%; }
#bottomcontainer .texttop { width:calc(100% / 1 - 0%); float:left; display:block; padding:0 0 2% 3%; }
#bottomcontainer a.link, #bottomcontainer a.link:link, #bottomcontainer a.link:visited, #bottomcontainer a:link, #bottomcontainer a:visited { font-size:0.9rem; }
#bottomcontainer .iconsoc img { width:7%; margin:1% 1% 1% 1%; }
}@media (min-width:1024px)
{
#t { width:100%; float:left; margin:0 0 0 0; padding:0 0 0 0; }
#top { max-width:1250px; margin:0 auto; text-align:left; position:relative; }
#top .toptitle { font-size:0.8rem; position:absolute; top:5%; right:1%; margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#topcontainer .title { font-size:3.0rem; margin:0; padding:5% 0% 0% 0%; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#topcontainer .subtitle { font-size:1.3rem; margin:0; padding:0% 0% 5% 0%; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

#n { width:100%;  float:left; margin:0; padding:0; }
#nav { max-width:1250px; margin:0 auto; text-align:center; }
#navcontainer { display:flex; justify-content:space-between; }
#navcontainer a.selected { font-size:1.2rem; margin:0; padding:1% 1%; }
#navcontainer a.deselected { font-size:1.2rem; margin:0; padding:1% 1%;  }

#m { width:100%; float:left; margin:25% 0 0 0; padding:2% 0 6% 0; }
#main { max-width:1250px; margin:0 auto; text-align:left; }
#maincontainer { width:100%; float:left; padding:0 1% 0 1%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#maincontainer h1 { font-size:5.0rem; margin:-16% 0 8% 0; padding:0; color:rgba(255,255,255,0.8); }
#maincontainer h2 { font-size:1.7rem; margin:2% 0 2% 0; padding:0; }
#maincontainer .text, #maincontainer p, #maincontainer ul { font-size:1.1rem; line-height:1.5rem; }
#maincontainer .error { font-size:1.2rem; margin:2% 0 2% 0; padding:1%; border-radius:1.1rem; -webkit-border-radius:1.1rem; -moz-border-radius:1.1rem; }
#maincontainer a:link, #maincontainer a:visited { font-size:1.1rem; }
#maincontainer .navbgr { width:100%; float:left; display:block; margin:3% 0 3% 0; }
#maincontainer a.navff:link, #maincontainer a.navff:visited, #maincontainer a.navff:hover, #maincontainer a.navff:active { width:calc(100% / 2 - 0.25%); font-size:1.1rem; text-align:center; padding:0.5rem 1.0rem; border-radius:1.0rem; -webkit-border-radius:1.0rem; -moz-border-radius:1.0rem; display:inline-block; }
#maincontainer a.navbb:link, #maincontainer a.navbb:visited, #maincontainer a.navbb:hover, #maincontainer a.navbb:active { width:calc(100% / 2 - 0.25%); font-size:1.1rem; text-align:center; padding:0.5rem 1.0rem; border-radius:1.0rem; -webkit-border-radius:1.0rem; -moz-border-radius:1.0rem; display:inline-block; }
#maincontainer a.navtop:link, #maincontainer a.navtop:visited, #maincontainer a.navtop:hover, #maincontainer a.navtop:active { width:calc(100% / 2 - 0.25%); font-size:1.1rem; text-align:center; padding:0.5rem 1.0rem; border-radius:1.0rem; -webkit-border-radius:1.0rem; -moz-border-radius:1.0rem; display:inline-block; }
#maincontainer .btn2send, #maincontainer .btn2search, #maincontainer .btn2cancel, #maincontainer .btn5request { width:calc(100% / 6 - 0.25%); font-size:1.1rem; margin:2% 0.25% 2% 0; padding:0.6% 0; border-radius:1.0rem; -webkit-border-radius:1.0rem; -moz-border-radius:1.0rem; }

#maincontainer .frmmailer fieldset { margin:0 0 0 0; }
#maincontainer .frmmailer label { font-size:0.9rem; }
#maincontainer .frmmailer input[type=text] { width:calc(100% / 2); font-size:1.1rem; padding:calc(1.0% / 2); border-radius:0.4rem; -webkit-border-radius:0.4rem; -moz-border-radius:0.5rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#maincontainer .frmmailer textarea { width:calc(100% / 2); height:10.0rem; font-size:1.1rem; padding:calc(1.0% / 2); border-radius:0.4rem; -webkit-border-radius:0.4rem; -moz-border-radius:0.4rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#maincontainer. frmfield fieldset { margin:0 0 0 0; }
#maincontainer .frmfield label { font-size:0.9rem; padding:0.5% 0 0 0; }
#maincontainer .frmfield input[type=text] { font-size:1.1rem; padding:0.4%; border-radius:0.4rem; -webkit-border-radius:0.4rem; -moz-border-radius:0.4rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#maincontainer .frmfield select { font-size:1.1rem; padding:0.4%; border-radius:0.4rem; -webkit-border-radius:0.4rem; -moz-border-radius:0.4rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

#maincontainer .pic50801 img { width:100%; }
#maincontainer .pic50501l img { width:calc(100% / 2 - 1%); margin:0.5% 2% 1% 0; }
#maincontainer .pic50501r img { width:calc(100% / 2 - 1%); margin:0.5% 0 1% 2%; }
#maincontainer .pic50331 img { width:100%; margin:0 auto 0 auto;  }
#maincontainer .pic50331l img { width:calc(100% / 3 - 1%); margin:0.5% 2% 1% 0; }
#maincontainer .pic50331r img { width:calc(100% / 3 - 1%); margin:0.5% 0 1% 2%; }
#maincontainer .pic50201 img { width:100%; margin:0 auto 0 auto; border-radius:5%; -webkit-border-radius:5%; -moz-border-radius:5%; }
#maincontainer .mapstatic img { width:calc(100% / 1 - 10%); margin:0 5% 0 5%;  }
#maincontainer .youtubecenterbig { width:calc(100% - 20%); height:0; position:relative; margin:0 auto; padding:0 0 45% 0; }
#galery { width:calc(100% - 20%); float:left; display:block; margin:2% 10% 2% 10%; }
#map { width:calc(100% - 0%); height:0; float:left; position:relative; margin:0% 0% 0% 0%; padding:0 0 56.25% 0; }

#ppc { width:calc(100% - 20%); height:0; float:left; position:relative; margin:2% 10% 2% 10%; padding:0 0 45% 0; }
#ppccontainer { width:100%; height:100%; float:left; position:absolute; }
#maincontainer .tpl630lstrow { float:left; display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
#maincontainer .tpl630lstcol { width:calc(100% / 4 - 2%); float:left; display:block; margin:1% 1% 1% 1%; }
#maincontainer .lsttitle { font-size:1.3rem; margin:0 0 0 0; padding:0 0 1.0% 0; }
#maincontainer .lsttitlerow { font-size:1.3rem; margin:0 0 0 0; padding:2% 0 2% 0; }
#maincontainer .lstlinkrow, #maincontainer a.lstlinkrow:link, #maincontainer a.lstlinkrow:visited { font-size:0.9rem; line-height:2.1rem important!; }
#maincontainer .lsttext { font-size:1.1rem; padding:0 0 1% 0; }

#maincontainer .tpl630navlstrow { }
#maincontainer .tpl630navlstrowcol1 { width:calc(25% - 2%); margin:1% 1% 1% 1%; }
#maincontainer .tpl630navlstrowcol2 { width:calc(25% - 2%); margin:1% 1% 1% 1%; }
#maincontainer .tpl630navlstrowcol3 { width:calc(25% - 2%); margin:1% 1% 1% 1%; }
#maincontainer .tpl630navlstrowcol4 { width:calc(25% - 2%); margin:1% 1% 1% 1%; }

#maincontainer .tpl635navlstrow { }
#maincontainer .tpl635navlstrowcol1 { width:calc(20% - 2%); margin:1% 1% 1% 1%; }
#maincontainer .tpl635navlstrowcol2 { width:calc(80% - 2%); margin:1% 1% 1% 1%; }

#maincontainer .tpls0 { width:calc(100% / 3); }

#b { width:100%; float:left; margin:0 0 0 0; padding:3% 0 3% 0; }
#bottom { max-width:1250px; margin:0 auto; text-align:left; }
#bottomcontainer { width:100%; float:left; padding:2% 1% 2% 1%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

#bottomcontainer .bottomtitlecolor { font-size:1.1rem; }
#bottomcontainer .text { width:calc(100% / 2 - 0%); float:left; display:block; font-size:0.9rem; margin:0 0 0 0; }
#bottomcontainer .texttop { width:calc(100% / 1 - 0%); float:left; display:block; padding:0 0 2% 0; }
#bottomcontainer a.link, #bottomcontainer a.link:link, #bottomcontainer a.link:visited, #bottomcontainer a:link, #bottomcontainer a:visited { font-size:0.9rem; }
#bottomcontainer .iconsoc img { width:5%; margin:1% 1% 1% 1%; }
}