@charset "utf-8";

/*--- @group Reset ブラウザCSSリセット --*/
*{ margin: 0;padding: 0}
a { text-decoration : none}
ul, ol { list-style : none}
img { vertical-align : middle}
/*--------- @end ---------*/

/*--- @group Reset ＩＥ８対応 --*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  
	display: block; } 
/*--------- @end ---------*/

/*--- @group HTML ベースフォント　--- */
html {
font-family : Oosaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif ;
font-size : 75%;
line-height : 1.7142;}
/*--------- @end ---------*/

/*--- @group Fluid-img フルードイメージ---*/
img { width : auto;
	max-width : 100%;}
/*--------- @end ---------*/

#backimg {
  width: 100vw;
  min-height: 100vh;
  background-image: url('../images/top-2020.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

#content {width:90% ;
	margin:0 auto;}

#title {width:50% ; 
margin:0 auto ;
}

#title img {margin:0 auto ;
	padding:0.5em 0 ;
	display:block ;
}

p.slogan {text-align:center ;
	color:#0095e2 ;
	font-size:2em ;
	font-weight:bold ;
	line-height:1.2em ;
	margin:1em 0 ;
	text-shadow:0px 0px 0px rgba(0,0,0,0.3);
}

#button-box { width:50% ;
	margin:5em auto 1em ;
	overflow:hidden ;
}

a.link-btn {width:100% ;
	background-color:#FFFFFF ;
	color:#0066c9 ;
	text-align:center ;
	font-size:1.2em ;
	font-weight:bold ;
	display:block ;
	margin:0.75em auto ;
	padding:0.5em 0 ;
	box-shadow: 3px 3px 9px -5px #000000;
	border-radius: 5px;
}

a.link-btn:hover {	background-color:#fff3e5 ;
	color:#ff9600 ;
}

/*---------------------------------------------------------*/
/*--------------------- 768px -----------------------------*/
@media screen and (min-width : 768px){
	
/*--- @group HTML ベースフォント　--- */
html {font-size : 87.5%;}

/*--------- @end ---------*/


#content {width:94% ;}


#title {width:100% ;
}


#title img {margin:0 0 ;
	
}


p.slogan {text-align:left ;
	font-size:2.5em ;
}

#button-box { width:700px ;
	margin:10em auto 1em ;
}

a.link-btn {width:250px ;
	font-size:1.4em ;
	margin:0.75em 50px ;
	float:left ;
}

/*----------------------- 768px@end ------------------------------*/
}
/*----------------------- 768px@end ------------------------------*/





/*---------------------------------------------------------*/
/*--------------------- 1024px -----------------------------*/
@media screen and (min-width : 1024px) {

/*--- @group HTML ベースフォント　--- */
html {font-size : 100%;}

/*--------- @end ---------*/


#content {width:97% ;}


#button-box { width:800px ;
	margin:15em auto 1em ;
}

a.link-btn {width:300px ;
	font-size:1.6em ;
	margin:0.75em 50px ;
	float:left ;
}




	
/*----------------------- 1024ppx@end ------------------------------*/
}
/*----------------------- 1024ppx@end ------------------------------*/