@charset "utf-8";



/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
html,body {height: 100%;}
body {
	margin: 0px;
	padding: 0px;
	color: #776955;	/*全体の文字色*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	font-size: 16px;	/*文字サイズ*/
	line-height: 2;		/*行間*/
	background: #93c9c7;	/*背景色*/
	-webkit-text-size-adjust: none;
}
h1{
	font-family: gotham, sans-serif;
	font-weight: 800;
	font-style: normal;
	font-weight: 400;
	font-style: normal;
	font-size: 48px;
	text-align: center;
	color: #fff;
	margin: 0 auto;
}

p {
	font-family: m-plus-rounded-1p, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	color: #fff;
	text-align: center;
	padding: 0px 20px;	
}

a {
	text-decoration: none;
  }

/*ロゴ画像*/
.logo{
	width: 80%;
	display: block;
	margin: 0 auto;
}

/*コンテナー（headerとfooterをのぞくブロックを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	max-width: 1400px;	/*最大幅。これ以上広くならない指定。*/
	margin: 0 auto;
}

/*コンテンツ（上のcontainerの中のブロック）
---------------------------------------------------------------------------*/
#contents {
	overflow: hidden;
	padding: 50px 3% 25px;
}

/*コンテンツ内にあるh2(見出し)タグの指定*/
#contents h2 {
	font-family: gotham, sans-serif;
	font-weight: 400;
	font-style: normal;
	margin: 20px 10%;
	clear: both;
	padding: 0 20px;
	font-size: 20px;		/*文字サイズ*/
	text-align: center;		/*文字をセンタリング*/
	letter-spacing: 0.1em;	/*文字間隔を少しだけ広くする指定*/
	background: #fff;	/*背景色*/
	color: #93c9c7;			/*文字色*/
	border-radius: 100px;	/*角を丸くする指定。大きめであれば適当で構いません。*/
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	text-align: center;
	background: #93c9c7;	/*背景色*/
	color: #fff;		/*文字色*/
	font-size: 85%;		/*文字サイズ*/
}
footer a {
	color: #fff;	/*リンクテキストの文字色*/
	text-decoration: none;
}
footer a:hover {
	color: #fff;	/*マウスオン時の文字色*/
}
footer .pr {
	display: block;
	font-size: 80%;
}





/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:800px){

/*ヘッダー（一番上の、ロゴやメニューが入っているブロック）
---------------------------------------------------------------------------*/
/*ロゴ画像*/
.logo {
	width: 50%;	/*画像の幅*/
}

h1{
	font-size:80px
}

p{
	font-size:24px
}

#contents h2 {
	font-size:24px;
	margin: 20px 33%;
	margin-bottom: 0;
}

#contents {
	padding: 30px 3% 30px;
}

}