@charset "UTF-8";
/*-----------------------------------------
/*
/* 〆パフェ　設定
/*
/*----------------------------------------*/

.black {
	background-color: #000;
}


/* 〆パフェとは */
#about {
	background: url(../images/shime/top_bg.png) no-repeat center center;
	text-align: center;
	padding: 60px 0 30px;
	margin-top: 184px;
	background-size: 120%;
}
#about h2{
	margin-bottom: 50px;
}
#about h1{
	margin-bottom: 95px;
}
#about h3{
	font-size: 30px;
	margin-bottom: 20px;
}


/* メニュ */
#menu .txt{
	position: relative;
}
#menu h2 img{
	width: 100%;
	max-width: 575px;
}
#menu p{
	position: absolute;
	top: 7%;
	left: 10%;
	width: 100%;
	max-width: 106px;
}
#menu p img{
	width: 100%;
}
#menu .taC{
	margin: auto;
}

/* バナーリンク・フッター */
section.bnr-link{
	padding-top: 150px;
	padding-bottom: 120px;
}
footer{
	margin-top: 55px;
}




/* 1201px以上　注意 */
@media screen and (min-width: 1201px){
	#menu .cont{
		max-width: 1200px;
		margin-right: auto;
		margin-left: auto;
	}
}

/* 特定px 以下 */
@media screen and (max-width: 1099px){
	#menu p{
		width: 95px;
	}
}
@media screen and (max-width: 959px){
	#menu p{
		width: 85px;
	}
}
@media screen and (max-width: 849px){
	#menu p{
		width: 75px;
	}
}
@media screen and (max-width: 767px){
	#about h2 img{
		width: 80%;
	}
	#about h1 img{
		width: 85%;
	}
	#menu h2{
		text-align: center;
	}
	#menu p{
		top: 10%;
		left: 15%;
		width: 106px;
	}
	#about{
		margin-top: 75px;
	}
}
@media screen and (max-width: 640px){
	/*#about{
		margin-top: 140px;
	}*/
}
@media screen and (max-width: 575px){
	#about h2 img{
		width: 85%;
	}
	#about h1 img{
		width: 90%;
	}
	#menu p{
		top: 5%;
		left: 10%;
	}
}
@media screen and (max-width: 509px){
	#menu p{
		width: 90px;
	}
}
@media screen and (max-width: 429px){
	#menu p{
		width: 80px;
	}
}
@media screen and (max-width: 379px){
	#menu p{
		width: 70px;
		top: 2%;
	}
}
@media screen and (max-width: 320px){
	#menu p{
		top: 0;
	}
}