/**************************************************************************************

    トップページ

***************************************************************************************/
/*メインイメージ････････････････････････････････････････････*/
#mainImage{
	z-index:0;
	position:fixed;
	top:80px;
	left:0;
	right:0;
	height:100vh;
	max-height:1200px;
	width:600px;
	margin:auto;
	overflow:hidden;/*ボヤけた部分（外側）を非表示にする*/
}
	#mainImage>div{/*ぼかす画像*/
		position:absolute;
		height:100vh;
		max-height:1200px;
		width:600px;
		background:#fff url(../images/mainImage.png) center center /cover no-repeat;
	}

/*メインタイトル････････････････････････････････････････････*/
#top #titleArea{
	position:relative;
	z-index:1;
	min-height:500px;
	height:100vh;
	max-height:1200px;
	width:100%;
	margin-top:80px;
	overflow:hidden;
}
	#titleArea>h2{/*開拓者、集まれ*/
		position:absolute;
		height:69px;
		width:522px;
		left:0;
		right:0;
		margin:auto;
	}
	#titleArea>a{/*紹介文へボタン*/
		position:absolute;
		left:0;
		right:0;
		margin:auto;
		height:75px;
		width:75px;
	}
		#titleArea>a>img{
			position:absolute;
		}
		#titleArea>a>img:first-of-type{
			z-index:3;
		}
		#titleArea>a>img:last-of-type{
			z-index:2;
			animation:spin-animation 13s linear infinite;
		}
		@keyframes spin-animation{
			0% {transform:rotate(0deg);}
			100% {transform:rotate(360deg);}
		}

/*「何の会社？」よくそう聞かれます･･････････････････････････*/
#top #introduction{
	position:relative;
	z-index:2;
	width:100%;
}
	#top #introduction .baseArea{
		margin:11.0rem auto 12.0rem auto;
		width:82% !important;/*文字組の調整*/
		line-height:2.0em !important;/*文字組の調整*/
	}

/*サブタイトル（Work、3つの事業など）･･･････････････････････*/

	/*タイトル小文字が下に出っ張るなど、下の余白を調整･･･*/
	#section05 h2.subTitle>div p:first-of-type,
	#section06 h2.subTitle>div p:first-of-type{/*Styleなど*/
		padding:0 0.6em 0.2em 0.6em;/*左右に～～用追加スペース*/
	}

	/*People････*/
	#section04 h2.subTitle>div p:first-of-type{
		margin-top:-2.5rem;
		font-size:8.7rem;
		background:url(../images/line_nami_02.png) center bottom repeat-x;/*～～*/
	}

	/*採用までの流れ････*/
	#section08 h2.subTitle{
		margin-bottom:0;
	}
		#section08 h2.subTitle>div p:first-of-type{/*採用までの流れ*/
			width:60%;/*幅の調整*/
			margin:0 auto 0.4em auto;
			padding:0 0.6em 0.2em 0.6em;/*左右に～～用追加スペース*/
			font-size:3.0rem;
			line-height:2.4em;/*～～までの距離*/
		}
		#section08 h2.subTitle>div p:last-of-type{/*エントリーフォーム応募受付期間*/
			margin-top:1.0em;
			letter-spacing:0;
		}
		#section08 ul{
			margin-bottom:2.0rem;/*「面接回数は前後する場合があります」までの距離*/
		}
			#section08 ul p.txt{/*カフェでゆっくり話しましょう*/
				margin-top:1.1rem;
				line-height:1.5em !important;
				letter-spacing:0;
			}


/*サブタイトル下画像････････････････････････････････････････*/
.titleImage{
	z-index:3;
	position:relative;
	height:31.5rem;
	width:100%;
	margin:0 auto;
	background:center top /contain no-repeat;
}
	#section01,
	#section02,
	#section03{
		background-color:white;
	}
		#section01 .titleImage{
			background-image:url(../images/top_s1.png);
		}
		#section02 .titleImage{
			background-image:url(../images/top_s2.png);
		}
		#section03 .titleImage{
			background-image:url(../images/top_s3.png);
		}

/*サブタイトル下のテキスト（システム設計・開発…）･･････････*/
.box{
	z-index:2;
	position:relative;
	width:100%;
	margin:-18.8rem auto 0 auto;
	padding-top:18.3rem;
	border-radius:18px;
	background-color:white;
	background-color:#ededed;
}
	.box>h3,
	.box>p{
		width:82%;
		margin:1.0rem auto 0 auto;
		letter-spacing:0;
	}
	.box>p{
	}

/*Section 個別指定･･････････････････････････････････････････*/
	#contents #section02 .baseArea{/*デザインソリューション*/
		margin:0 auto;
	}

	/*People 社員紹介････*/
	#section04{
		background-color:#f8f4a5;
	}
		#contents #section04 .baseArea:first-of-type{
			margin:10.0rem auto 6.0rem auto;
		}
		#contents #section04 .baseArea:last-of-type{
			margin:0 auto 12.0rem auto;
		}
			/*文章 ････*/
			#contents #section04 .baseArea:first-of-type>div{
				margin-top:3.0rem;
			}

	/*Style シグニフィの働き方････*/
	#section05{
		background-color:white;
	}
		#section05 .baseArea{
			background-color:white;
		}
			#section05 .baseArea>p{/*自分が幸せでなければ…*/
				width:80%;
				margin:4.5rem auto 0 auto;
			}
			#section05 .baseArea>p,
			#section05 .baseArea>p *{
				letter-spacing:0;
			}

	/*Message メッセージ････*/
	#section06{
		background-color:rgba(203,240,143,1);
	}
		#section06>.baseArea>div>h3{/*シグニフィに興味を持ってくださった方へ*/
			margin-top:2.4rem;
		}
		#section06>.baseArea>div>p{/*私たちは発展途上の会社です…*/
			margin-top:4.0rem;
		}

	/*Recruit 採用情報････*/
	#section07{
		background-color:white;
	}
		#section07 .baseArea{
		}
			#section07 .baseArea>img{/*メインイメージ*/
				display:block;
				height:auto;
				width:100%;
				margin:0 auto;
			}
			#section07 .baseArea>div{/*ランチやお茶をしながら…*/
				margin-top:3.7rem;
			}

	/*採用までの流れ････*/
	#section08{
		background:rgba(248,244,165,1);
	}
		#section08 .baseArea{
		}
			#section08 .baseArea>ul{
				position:relative;
				margin-top:11.5rem;
				overflow:visible;
			}
				#section08 .baseArea>ul>img{/*Start!*/
					z-index:3;
					position:absolute;
					top:-2.2rem;
					left:5.1rem;
				}
				#section08 .baseArea>ul>li{
					width:100%;
					text-align:center;
					text-align-last:center;
				}
					#section08 .baseArea>ul>li>img{/*矢印*/
						display:inline-block;
						margin:1.8rem auto;
					}
					#section08 .baseArea>ul>li>div{/*カフェでゆっくり・コーヒー*/
						z-index:3;
						position:relative;
						height:9.0rem;
						width:60%;
						margin:0 auto;
					}
						#section08 .baseArea>ul>li>div>p{/*カフェでゆっくり*/
							position:absolute;
							top:1.0rem;
							left:3.0rem;
							line-height:1.0em;
							letter-spacing:0;
						}
						#section08 .baseArea>ul>li>div>img{/*コーヒー*/
							position:absolute;
							bottom:0;
							right:0;
						}
				#section08 .baseArea>ul>li.wBox{
					width:60%;
					margin:0 auto;
					padding:1.2rem 0;
					font-weight:bold;
					background-color:white;
				}
			#section08 .baseArea>div{/*面接回数は前後する場合があります*/
				margin-top:1.3rem;
			}



/*･･････････････････････････････････････････････････････････*/
/*･･････････････････････････････････････････････････････････*/
    /*･･････････････････････････････････････････････････････*/
    /*･･････････････････････････････････････････････････････*/

/**************************************************************************************

    メディアクエリ

***************************************************************************************/
/*画面幅1201px以上*/
@media(min-width:1201px){
}

/*641以上 ～ 1200px以下*/
@media(min-width:641px) and (max-width:1200px){
}

/*640px以下（モバイル対応）*/
@media(max-width:640px){
}