@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
body{background:url(../img/common/bg02.jpg) repeat left top;}

#main{
	padding:92px 20px 75px;
	margin:0 auto;
	max-width:800px;
	text-align:center;
}

#main p{
	margin-bottom:205px;
	font-size:13px;
}

#main .title{
	margin-bottom:11px;
	font-size:21px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:0.1em;
    margin: 0 -100px 20px -100px;
}

#main .textImg{margin-bottom:160px;}
#main .textImg span{opacity:0;}

#main .linkUl{
	margin-left:85px;
	text-align:left;
}

#main .linkUl li{padding-bottom:18px;}
#main .linkUl li a{
	display:inline-block;
	position:relative;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#main .linkUl li a:hover{text-decoration:none;}


@media all and (min-width:0px) and (max-width:767px){
	body{
		background-image:url(../img/common/sp_bg.jpg);
		background-size:100% auto;
	}

	#main{padding:82px 40px;}

	#main p{
		margin:0 -20px 177px;
		font-size:7px;
	}

	#main .title{
		margin:0 -20px 2px;
		font-size:11px;
		letter-spacing:0.05em;
	}
	#main .textImg{
		margin:0 auto 107px;
		width:102px;
	}

	#main .linkUl{
		margin:0;
		padding-right:10px;
		float:right;
	}
	#main .linkUl li{padding-bottom:10px;}

	#main .linkUl li a{
		padding:0 1em;
		font-size:11px;
	}
	#main .linkUl li a:before{
		content:'';
		position:absolute;
		left:50%;
		top:50%;
		display:block;
		width:0;
		height:1px;
		background:#171c61;
		-webkit-transform:translate(-50%,-50%);
		-moz-transform:translate(-50%,-50%);
		transform:translate(-50%,-50%);
		-webkit-transition:0.5s width linear;
		-moz-transition:0.5s width linear;
		transition:0.5s width linear;
	}
	#main .linkUl li a.change:before{width:100%;}
}



@media all and (min-width:768px){
	#main .linkUl li a{font-size:22px;}
	#main .linkUl li a:before{
		content:'';
		position:absolute;
		left:50%;
		bottom:0;
		display:block;
		width:0;
		height:1px;
		background:#171c61;
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		transform:translateX(-50%);
		-webkit-transition:0.5s width linear;
		-moz-transition:0.5s width linear;
		transition:0.5s width linear;
	}
	#main .linkUl li a:hover:before{width:100%;}
}