@charset "utf-8";
body {
	font-family: Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 14px;
	line-height: 160%;
	-webkit-text-size-adjust: 100%;
	letter-spacing: -0.001em;
	color: #362F3C;
	}
img {
	width: 100%;
	height: auto;
	}
.clearfix {zoom:1;}
.clearfix:after {
	content: "";
	display: block; 
	clear: both;
	}
#articleWrap {
	padding-bottom: 2em;
	background: #EEE;
	}
#wrapper {
	background: #FFF;
	}
/*----
よく使うコード
	background: url(../img/###.jpg) no-repeat 0 0;
	list-style-type: none;
	border: 1px solid #57b196;
	border-radius: 6px;
	box-shadow: 1px 1px 1px #333;
	text-shadow: 1px 1px 1px #333;
	text-decoration: none;
	color: #362f3c;

色 --------------------------------

ベース 白 グレー
 #FFF
 #e8e8e7
メインカラー グリーン
 #00a29a
 #d5e9e6  薄め
アクセントカラー 黄色 ピンク 茶色
 #ffd25a
 #ff837b
 #362f3c

----*/
/*-- for sp --------------------*/
.pc {
	display: none;
	}
#wrapper {
	width: 100%;
	height: 100%;
	background: url(../img/main_bg.jpg) no-repeat 50% 0;
	}
.siteTtl {
	width: 90%;
	margin: 0 auto;
	padding: 2em 0;
	color: #FFF;
	}
.siteTtl a {
	display: block;
	width: 80%;
	margin: 0 auto;
	padding-bottom: 2em;
	}
#main {
	padding-bottom: 6em;
	}
.formTtl {
	width: 90%;
	margin: 0 auto;
	padding: 2em 0;
	text-align: center;
	}
.formTtl a {
	display: block;
	padding: 1em 0;
	border: 1px solid #00a29a;
	border-radius: 6px;
	color: #FFF;
	text-decoration: none;
	}
.formTtl a:hover,.formTtl a:active {
	background: #00a29a;
	}
.formWrap {
	display: none;
	padding-bottom: 2em;
	}

#footer {
	padding-bottom: 1em;
	background: #00a29a;
	text-align: center;
	}
#footer a {
	color: #FFF;
	text-decoration: none;
	}
#footer .scroll a {
	display: block;
	padding: 1em 0;
	border-bottom: 1px solid #FFF;
	}
#footer .scroll a:hover,#footer .scroll a:active {
	background: #FFF;
	color: #00a29a;
	}
.logo_footer {
	width: 50%;
	margin: 0 auto;
	padding: 2em 0 1em;
	}
/*-メールフォーム関連-*/
.formMasse {
	width: 90%;
	margin: 0 auto;
	color: #FFF;
	}
.formMasse a {
	color: #00a29a;
	}

.renewal {
	background: rgba(255,255,255,.6);
	padding: 1rem;
	text-align: center;
	color: #222;
}
.renewal .ttl {
	font-size: 1.2rem;
	font-weight: bold;
	color: #00a29a;
}
.renewal .imgBox {
	width: 50%;
	margin: 1rem auto 2rem;
}
.renewal .imgBox img {
	animation-name: animated;
	animation-duration: .8s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	position: relative
}
@keyframes animated {
	from {
		top: 0;
	}
	to {
		top: -.5rem;
	}
}
/*------------------------------------------------------------------------------------------*/
@media screen and (min-width: 640px) {
.sp {
	display: none;
	}
.tablet {
	display: block;
	}
}/*------------------------------------------------------------------------------------------*/
@media screen and (min-width: 980px) {
.sp {
	display: none;
	}
.tablet {
	display: none;
	}
.pc {
	display: block;
	}

.siteTtl {
	padding: 2em 0;
	}
.siteTtl a {
	display: inline-block;
	width: 240px;
	padding-right: 2em;
	line-height: 55px;
	}

	.renewal .imgBox {
	width: 192px;
	margin: 1rem auto 2rem;
}

.formTtl {
	width: 60%;
	padding: 6em 0;
	}
#main {
	padding-bottom: 200px;
	}
.logo_footer {
	width: 20%;
	margin: 0 auto;
	padding: 4em 0 3em;
	}
#footer {
	padding-bottom: 3em;
	}

}