@charset "UTF-8";


/* Styles for general */

html		{font-size: 62.5%; /* sets the base font to 10px for easier math */}
body		{-webkit-text-size-adjust: 100%;font-size: 14px;font-size: 1.4rem;color: #333333;margin: 0;padding: 0;}
body		{font-family: Helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;}
img		{border: 0px;margin: 0px;padding: 0px;}
div		{border-width: 0px;}
.clear		{clear: both;margin: 0;padding: 0;}


a:link		{color: #333333;text-decoration: underline;}
a:visited	{color: #333333;text-decoration: underline;}
a:hover		{color: #999999;text-decoration: underline;}
a:active	{color: #333333;text-decoration: underline;}
a:hover img	{opacity:0.7;filter:alpha(opacity=70);-ms-filter: “alpha( opacity=70 )”;}


#container 	{width: 100%;margin: 0;}


@media only screen and (min-width:781px) {
body		{font-size: 15px;font-size: 1.5rem;}
}




/* Styles for bg-slider */

.bg-slider {
  width: 100vw;
  height: 100vh;
  background-position:center center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}




/* Styles for topnavi */
#hometop	{position: fixed !important;position: absolute;top:0;width: 100%;}  
#topbase	{display: block;width: 100%;background-color: rgba(255,255,255,0.8);}
#top 		{width: 100%;max-width: 1200px;margin: 0 auto;padding-top:6px;}
#top a:link	{color: #333333;text-decoration: none;}
#top a:visited	{color: #333333;text-decoration: none;}
#top a:hover	{color: #999999;text-decoration: none;}
#top a:active	{color: #333333;text-decoration: none;}
#top-left 	{text-align:left;float:left;}
#top-right 	{float:right;text-align:right;vertical-align:bottom;padding:0 6px 0 0;font-size:1.2em;line-height:1.5em;}
#logoimage 	{margin-bottom: 0px;margin-left: 5px;height:45px;}
#navi 		{width: 100%;max-width: 1200px;margin: 0 auto;margin-top:6px;font-size:1.05em;line-height:1.0em;text-align:right;}
#navi a:link	{color: #333333;text-decoration: none;}
#navi a:visited	{color: #333333;text-decoration: none;}
#navi a:hover	{color: #999999;text-decoration: none;}
#navi a:active	{color: #333333;text-decoration: none;}
.homeimage 	{margin-left:18px;margin-top: 8px;height:28px;}
.navitxt	{margin-left:4px;margin-right:2px;}

@media only screen and (min-width:481px) {
#top-right 	{padding:8px 8px 0 0;font-size:1.35em;line-height:1.3em;}
#logoimage 	{height:55px;}
#navi 		{font-size:1.5em;margin-top:2px;}
.homeimage 	{margin-left:18px;margin-top: 6px;height:30px;}
.navitxt	{margin-left:10px;}
}

@media only screen and (min-width:781px) {
#top-right 	{padding:13px 8px 0 0;font-size:1.4em;line-height:1.2em}
#logoimage 	{height:60px;}
#navi 		{font-size:2.0em;margin-top:8px;}
.homeimage 	{margin-left:20px;margin-bottom: -1px;height:36px;}
.navitxt	{margin-left:20px;margin-right:4px;}
}






/* Styles for footer */
#homefoot	{position: fixed !important;position: absolute;bottom:0;width: 100%;}  

#foot1base	{width: 100%;background-color: rgba(255,255,255,0.7);}
#foot1		{width: 100%;height: 45px;max-width: 1200px;margin: 0 auto;font-size: 75%;color:#000000;}
#foot1 a:link	{color: #000000;text-decoration: none;}
#foot1 a:visited	{color: #000000;text-decoration: none;}
#foot1 a:hover	{color: #666666;text-decoration: none;}
#foot1 a:active	{color: #000000;text-decoration: none;}
#foot1-inner	{margin: 0 8px;text-align:right;vertical-align:top;padding-top:2px;}
#foot1-inner-center	{margin: 0 8px;text-align:center;vertical-align:top;padding-top:12px;font-size:1.25em;}

#foot2base	{width: 100%;background-color: rgba(0,0,0,0.7);margin-top:1px;}
#foot2		{width: 100%;height: 20px;max-width: 1200px;margin: 0 auto;padding-top:6px;}
#foot2-left 	{float:left;text-align:left;margin: 0 8px;color: #FFFFFF;font-size: 65%;}
#foot2-right 	{float:right;text-align:right;margin: 0 8px;color: #FFFFFF;font-size: 65%;}
.infologo 	{margin-bottom: -1px;height:45px;}


@media only screen and (min-width:781px) {
#foot1		{height: 45px;font-size: 90%;}
#foot2-left	{font-size: 80%;}
#foot2-right	{font-size: 80%;}
.infologo 	{margin-bottom: -1px;height:55px;}
}



/* Styles for main */

#main 		{width: 100%;max-width: 1200px;margin: 0 auto;}