/** 全体 **/
body{
	letter-spacing: 0.1em;
	font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	background-color: #f5f5f5;
}

/** ヘッダ **/
/* ナビゲーションバー 使用 */
.navbar-nav li{
	padding: 0 1em;
}
/* 会社名 */
.act-navBrandFont{
	font-family: 'Rye', cursive;
	letter-spacing: 0.4em;
	font-size: 3.0em;
}
/* ナビゲーションメニューフェードイン */
.act-navItemFadeIn{
	opacity: 0;
	animation: fadeIn3;				/* アニメーション名 */
	animation-duration: 1s;			/* アニメーション時間 */
	animation-fill-mode: forwards;	/* アニメーション前後の状態を設定 */
}
/* ナビゲーションメアイテム */
.act-navItem{
	font-family: 'Nanum Pen Script', cursive;
	font-size: 1.8em;
}

/** TOP **/
/* キャッチコピー */
.act-catchCopy{
	margin-top: 135px;
}
/* 画像 */
.act-bgImg{
	background-image: url("../img/top.jpeg");
	background-size: cover;
	background-position: center 60%;
	height: 50vh;
	padding: 0;
	min-height: 300px;
}
/* キャッチコピーフェードイン */
.act-catchCopyFadeIn{
	opacity: 0;						/* 要素の透明度 */
	animation-name: fadeIn1;		/* アニメーション名 */
	animation-duration: 3s;			/* アニメーション時間 */
	animation-delay: 1s;			/* アニメーション待機時間 */
	animation-fill-mode: forwards;	/* アニメーション前後の状態を設定 */
}
/* キャッチコピー英語フェードイン */
.act-catchCopyEnglishFadeIn{
	opacity: 0;						/* 要素の透明度 */
	animation-name: fadeIn2;		/* アニメーション名 */
	animation-duration: 3s;			/* アニメーション時間 */
	animation-delay: 1s;			/* アニメーション待機時間 */
	animation-fill-mode: forwards;	/* アニメーション前後の状態を設定 */
}

/** NEWS **/
.act-news{
	background-color: #f0ffff;
}
/* ニュースタイトル */
.act-newsTitle{
	font-family: 'Emilys Candy', cursive;
}

/** メッセージ **/
/* メッセージタイトル */
.act-messageTitle{
	font-family: 'Emilys Candy', cursive;
	background-color: #FFC778;
}
/* 社長メッセージ */
.act-presidentMessage{
	min-height: 250px;
	line-height: 1.5;
	font-size: 1.2em;
}

/** 事業内容 **/
/* 事業内容タイトル */
.act-businessContentTitle{
	font-family: 'Emilys Candy', cursive;
	background-color: #3cb371;
}
/* 事業内容メッセージ */
.act-businessContentMessage{
	min-height: 250px;
	line-height: 1.5;
	font-size: 1.2em;
}

/** 問い合わせ **/
/* メッセージタイトル */
.act-contactTitle{
	font-family: 'Emilys Candy', cursive;
	background-color: #b0c4de;
}
/* 問い合わせメッセージ */
.act-contacMessage{
	min-height: 250px;
	line-height: 1.5;
	font-size: 1.2em;
}
/* 送信ボタン */
.act-sendButton{
	color: #ffffff;
	background-color: #eb6100;
	font-size: 30px;
	-webkit-box-shadow: 0 8px 5px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 8px 5px 0 rgba(0, 0, 0, 0.3);
	border-radius: 50%;
	line-height: 120px;
	width: 120px;
	height: 120px;
	padding: 0;
}

/** 会社概要 **/
.act-company{
	background-color: #f5f5f5;
}
/* 会社概要タイトル */
.act-companyTitle{
	font-family: 'Emilys Candy', cursive;
}
/* 会社概要ボディ */
.act-companyBodyStyle{
	max-width: 900px;
}

/** キーフレーム定義 **/
/* フェードイン */
@keyframes fadeIn1{
	0%{
		opacity: 0;
	}		
	100%{
		opacity: 1;
	}
}
/* 上からから下へフェードイン */
@keyframes fadeIn2{
	0%,50%{
		opacity: 0;
		transform: translateY(-50%);
	}
	100%{
		opacity: 1;
		transform: translateY(0);
		color: white;
	}
}
/* 左から右へフェードイン */
@keyframes fadeIn3{
	0%{
		opacity: 0;
		transform: translateX(-50%);
	}
	100%{
		opacity: 1;
		transform: translateX(0);
		color: white;
	}
}