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

p,a{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}
img{width: 100%;}
body{margin: 0; width: 100%;}
#wrapper{width: 100%; margin: 0 auto; text-align: center;}

/*******メイン*******/
#main{width: 100%;}
.title{width: 17%; margin: 0 auto; padding: 13% 0;}
.sign{width: 2%; margin: 0 auto; padding-bottom: 3%;}

/*******ランディングページ*******/
#lp{width: 100%; max-width: 1000px; margin: 0 auto;}
.ft_info{line-height: 200%; margin-bottom: 10%; width: 90%; margin: 0 auto; text-align: center;}

/*******コンテンツ括り*******/
#con{width: 100%; max-width: 1000px; margin-bottom: 5%; clear: both; overflow: hidden;}

/*******メインイメージ*******/
.main_img{width: 80%; margin: 0 auto;}

/*******キャッチ・コメント*******/
#con h1{width: 10%; margin: 0 auto; padding: 5% 0;}
#con h2{margin: 5% 0 3% 0; font-size: 120%; line-height: 150%;}
.text{font-size: 80%; margin-bottom: 5%; line-height: 170%;}

/*******フェードイン*******/
.fadein {opacity: 0; transform : translate(0, 50px); transition : all 1500ms;}
.fadein.scrollin{ opacity: 1; transform: translate(0, 0);}


@media screen and (max-width: 768px) {
p,a{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}
img{width: 100%;}
	
/*******メイン*******/
#main{width: 100%;}
.title{width: 50%; padding: 50% 0;}
.sign{width: 5%; padding-bottom: 30%;}
.ft_info{font-size: 90%;}

/*******ランディングページ*******/
#lp{width: 90%;}

/*******コンテンツ括り*******/
#con h1{width: 25%; padding: 10% 0;}

/*******メインイメージ*******/
.main_img{width: 100%;}
	
/*******キャッチ・コメント*******/
#con h2{margin: 8% 0 5% 0; font-size: 90%;}

}