@charset "utf-8";


/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#main {
	padding-bottom: 0;
	position: relative;
	overflow: hidden;
	background: none;
}

#main:after {
	width: 100%;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
  
	content: "";
	z-index: -3; 
}

#main .topMenu {
	position: absolute;
	left: 0;
	top: 110px;
	width: 100%;
	padding: 20px 0 16px;
	background: #303030;
	box-shadow: 2px 2px 4px #000;
}

#main .topMenu > div {
	margin: 0 auto;
	max-width: 1540px;
}

#main .topMenu .logo {
	margin-top: 3px;
	float: left;
	color: #fff;
	font-size: 14px;
}




#main .bgSec {
	padding: 50px 0 40px 0;
	position: relative;
	color: #000;
}

#main .bgSec:after {
	width: 100%;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
  
	content: "";
	z-index: -2; 
}

#main .mainBox {
	max-width: 1098px;
} 

#main .mainBox .exp {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
}

#main .mainBox .exp span {
	display: inline-block;
}

#main .mainBox h2 {
	font-size: 28px;
	text-align: center;
	border-bottom: 1px solid #000;
	margin-top: 40px;
	margin-bottom: 40px;
	padding-bottom: 20px;
}

.voice {
	width: 100%;
	border-bottom: 1px solid #000;
	margin-bottom: 40px;
	overflow: hidden;
}

.voice .user {
	width: 40%;
	padding-bottom: 60px;
	float: left;
}
.voice .user h3 {
	color: #000;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.9;
}

.voice p.comment {
	width: 58%;
	font-size: 18px;
	line-height: 1.9;
	text-align: justify;
	text-justify: inter-ideograph;
	padding-bottom: 60px;
	float: right;
}












@media all and (max-width: 1600px) {
	#main .topMenu > div {
		max-width: 1100px;
	}
	
	#main .bgSec {
	padding: 100px 40px 40px 40px;
	}
}


@media all and (max-width: 1160px) {
	#main .topMenu > div {
		max-width: 960px;
	}
	
	#main .mainBox {
		max-width: 960px;
	}
}

@media all and (max-width: 1024px) {
	#main .topMenu {
		top: 88px;
	}
}

@media all and (max-width: 1020px) {
	#main .topMenu .logo {
		margin: 0 0 20px;
		float: none;
		text-align: center;
	}

	#main .mainBox {
		max-width: 780px;
	}
}

@media all and (max-width: 850px) {
	#main .bgSec {
		padding: 100px 20px 40px 20px;
	}

	#main .topVisual {
		padding-bottom: 70px;
	}
	
	#main .topVisual h2 {
		max-width: 550px;
	}
}

@media all and (max-width: 640px) {
	#main .topMenu {
		display: none;
	}


	#main .mainBox {
		margin: 0;
	}
	
	#main .bgSec {
		padding: 23px 15px 20px;
	}

h2 {
	font-size: 22px;
	margin-top: 0;
	padding-bottom: 10px;
}

.voice {
	margin-bottom: 40px;
}

.voice .user {
	width: 100%;
	padding-bottom: 15px;
	float: none;
}

.voice .user h3 {
	color: #000;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.6;
}


.voice p.comment {
	width: 100%;
	font-size: 14px;
	line-height: 1.9;
	text-align: justify;
	text-justify: inter-ideograph;
	padding-bottom: 40px;
	float: none;
}
}

@media all and (max-width: 480px) {
#main .mainBox .exp {
	font-size: 3.4375vw;
}
#main .mainBox h2 {
	font-size: 6.25vw;
}
}