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

* {
	margin : 0; /*余分なマージン消去*/
	padding : 0;/*余分なパディング消去*/
   }

li {
	list-style : none;
    }


img {
	border: 0;
	vertical-align:middle;/*一行を中心ぞろえ*/
}

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height:100%;
}

html{
	height:100%;
}

a {
	text-decoration:none;
}

a:link {
	color: #FFF;
}

a:visited {
	color: #FFF;
}

#header_sp_img img{
	max-width: 100% ;
	width: 100% ;
	margin:0;
	/*position: absolute;*/
}
#header_sp_img{
	width: 100% ;
	position: fixed;
	z-index:500;
}

@media screen and (orientation: landscape)
{
	 /* 横向きの場合のスタイル */
	 #header_sp{
	 top: 0;
	 height: 10%;
	 }
}
@media screen and (orientation: portrait)
{
  /* 縦向きの場合のスタイル */
	#header_sp{
	/*height: 15%;*/
	height: 10%;
	}
}



#wrapper{
	/*min-height: 100vh;*/
	/*padding-bottom: 120px;←footerの高さ*/
  /*box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
	width : 100%;
	height: 100%;
	/*margin: 0 auto;
	padding: 0 0;
	position:relative;*/

	position: relative;
	min-height: 100%;
	height: auto !important;

	background: linear-gradient(#CCCCFF, #fff);
	}

	@media screen and (orientation: landscape)
	{
		 /* 横向きの場合のスタイル */
		 #main{
	 		padding-top: 18%;
			padding-bottom: 25%;
		}
	}
	@media screen and (orientation: portrait)
	{
		#main{
			padding-top: 22%;
			padding-bottom: 33%;
		}
	}

#footer{
    position: absolute;  /* フッターを絶対配置に指定する設定 */
    bottom: 0;           /* フッターを一番下に置くぜ！ */
    width: 100%
}
#content{
	width : 100%;
}
.space{
	height:10%;
}

#visual img{
  max-width: 100% ;
  width: 100% ;
  /*height:auto;*/
	/*padding-top: 2%;*/
  margin:0;
  bottom: 0;
	}

.main_info{
	width:100%;
	max-width: 100% ;
	height:100%;
	display: inline-block;
  text-decoration: none;
  border-radius: 3px;
  font-weight: bold;
  background-image: linear-gradient(45deg, #5f9ea0 0%, #b0c9ff 100%);
  transition: .4s;
	padding:5% 0;
}
.main_info h2{
	font-weight: bold;
	padding-left: 5%;
}

/*
.sub_info{
	width:100%;
	max-width: 100% ;
	height:30%;
	display: inline-block;
	/*text-decoration: none;*/
	/*border-radius: 3px;*/
	/*font-weight: bold;*/
	/*background-image: linear-gradient(45deg, #5f9ea0 0%, #b0c9ff 100%);**/
	/*transition: .4s;*/
	/*padding:0% 0%;*/
/*}
.sub_info a{
	font-size: 100%;
}
.sub_info h2{
	padding-left: 5%;
}
*/

@media screen and (orientation: landscape)
{
	 /* 横向きの場合のスタイル */
	 #footer_menu_sp{
	 	width:100%;
		/*height: 20%;*/
		height: 150px;
	 }
}
@media screen and (orientation: portrait)
{
  /* 縦向きの場合のスタイル */
	#footer_menu_sp{
		width:100%;
		height: 20%;
	}
}

#footer_menu_sp p{
	margin:2% 0;
	padding-left: 5%;
}
#footer_menu_sp p a{
	color: #666;
}

#footer_sp{
  bottom: 0; /*下に固定*/
}
#footer_sp_copyright {
	width: 100% ;
	background-color:#708090;
}
#footer_sp_copyright p{
	clear:both;
	text-align:center;
	margin-top: 10px ;
	color:#FFF;
	font-size:10px;
	letter-spacing:0.1em;
	padding: 20px 0;
}

.logo{
	margin-top: 10%;
}