@charset "utf-8";

/* ------------------------------------------------------------------
common
------------------------------------------------------------------ */
html{
	font-size:10px;
}

#feature_ .contents_inner_ {
	width: 1000px !important;
	margin: 0 auto 0 !important;
	padding: 0 !important;
	letter-spacing: 0.2em !important;
	color:#614440;
	font-size: 1.2rem;
	line-height: 1.7;
}

#feature_ .contents_inner_ div,
#feature_ .contents_inner_ h1,
#feature_ .contents_inner_ h2,
#feature_ .contents_inner_ p,
#feature_ .contents_inner_ ul,
#feature_ .contents_inner_ li,
#feature_ .contents_inner_ span{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	list-style: none;
	padding: 0;
	margin: 0;
}

#feature_ .contents_inner_ img{
	margin: 0;
	padding:0;
	vertical-align: bottom;
}

#feature_ .contents_inner_ a {
	-ms-filter:alpha(opacity=100);
	filter:alpha(opacity=100);
	opacity:1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	text-decoration: underline;
	color: #614440;
	line-height: 2.2;
}

#feature_ .contents_inner_ a:hover {
	-ms-filter:alpha(opacity=50);
	filter:alpha(opacity=50);
	opacity: 0.5;
	text-decoration: none;
}


/* -----------------------------------------------
フェードインの動きの大きさ設定
-------------------------------------------------- */
@keyframes fadeInUpsmall{
	0%{opacity:0;transform:translate3d(0,10%,0)}
	to{opacity:1;transform:none}
}
.fadeInUpsmall{	animation-name:fadeInUpsmall}

@keyframes fadeInDownsmall{
	0%{opacity:0;transform:translate3d(0,-10%,0)}
	to{opacity:1;transform:none}
}
.fadeInDownsmall{animation-name:fadeInDownsmall}

@keyframes fadeInRightsmall{
	0%{opacity:0;transform:translate3d(10%,0,0)}
	to{opacity:1;transform:none}
}
.fadeInRightsmall{animation-name:fadeInRightsmall}

@keyframes fadeInLeftsmall{
	0%{opacity:0;transform:translate3d(-10%,0,0)}
	to{	opacity:1;transform:none}
}
.fadeInLeftsmall{animation-name:fadeInLeftsmall}


/* --------------------------------------
各コンテンツ
----------------------------------------- */
#feature_ .contents_inner_ .contents_{
	width: 990px;
	margin: 0px auto 0;
	padding: 0 0;
	overflow: hidden;
}

#feature_ .contents_inner_ .contents_ .float_{
	float: left;
}

#feature_ .contents_inner_ .ph_{
	text-align: center;
}

#feature_ .contents_inner_ .link_item_{
	width:100%;
	margin:0px auto 0px;
	text-align: center;
}


/* --------------------------------------
margin
----------------------------------------- */
#feature_ .contents_inner_ .mgt30_{margin-top: 30px !important;}
#feature_ .contents_inner_ .mgt50_{margin-top: 50px !important;}
#feature_ .contents_inner_ .mgt80_{margin-top: 80px !important;}
#feature_ .contents_inner_ .mgt100_{margin-top: 100px !important;}
#feature_ .contents_inner_ .mgt150_{margin-top: 150px !important;}
#feature_ .contents_inner_ .mgt200_{margin-top: 200px !important;}
#feature_ .contents_inner_ .mgt250_{margin-top: 250px !important;}


/* --------------------------------------
link_
----------------------------------------- */

#feature_ .contents_inner_ .link_{
	width:1000px;
	margin: 120px auto 50px;
	padding: 0 0 70px 0;
	overflow:hidden;
	font-size:1.4rem;
	text-align:center;
}

#feature_ .contents_inner_ .link_ li{
	width:430px;
	margin: 0 auto;
	background:#614440;
}

#feature_ .contents_inner_ .link_ li a{
	display:block;
	padding:20px;
	text-decoration:none;
	color:#fff;
}