/***************************
 *
 * 固定ページ
 * ★ページ中身用★
 *
 **************************/
@media all and (min-width: 769px) {

/* page header */
.page-header {
	background: url(../img/bg-page-header.jpg) center top no-repeat;
	background-size: cover;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 200px;	
}
.page-header.page-header-voice {
	background: url(../img/bg-page-header-voice.jpg) center top no-repeat;
	background-size: cover;	
}
.page-header .page-header-title {
	text-align: center;
	color: white;
	font-size: 32px;
	
}
.page-header .page-header-caption {
	text-align: center;
	color: white;
	font-size: 16px;
	margin-top: 30px;
}

/* about intro */
.about-intro {
	background: #f9fafa url(../img/bg-about-intro.jpg) center top no-repeat;
	height: 460px;
}
.about-intro .box-1000 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 460px;		
}
.about-intro p {
	font-size: 20px;
	color: #000000;
	line-height: 2em;
}
.about-intro h2 {
	font-size: 40px;
	color: #b8a051;
	margin: 40px 0;
}

/* about why */
.bg-gray {
	background: url(../img/bg-gray-1.png) left top no-repeat, url(../img/bg-gray-2.png) right bottom no-repeat, #eef1f4;
}
.about-why {
	padding: 100px 0 100px;
}
.about-why h2 {
	font-size: 36px;
	color: #c2aa58;
	margin-bottom: 30px;
	text-align: center;
}
.about-why p {
	font-size: 18px;
	color: #333333;
	line-height: 2em;
	margin-bottom: 25px;
}
.about-why .box-white {
	box-sizing: border-box;
}
.about-why .about-why-1 {
	background: url(../img/main-why-1.png) left top no-repeat, rgba(255,255,255,0.95);
	background-position: left -50px top -20px;
	height: 483px;
	margin-bottom: 50px;
	padding: 40px 45px 0 365px;
}
.about-why .about-why-2 {
	background: url(../img/main-why-2.png) right bottom no-repeat, rgba(255,255,255,0.95);
	background-position: right -150px bottom;
	height: 794px;
	padding: 40px 45px 0 45px;	
}
.about-why .about-why-2 h2 {
	text-align: left;
	line-height: 1.5em;
}
.about-why .about-why-2 p {
	padding-right: 365px;
}

/* about ing */
.about-ing {
	
}
.bg-brown {
	background: url(../img/bg-main-point-1.png) 0 0 no-repeat, url(../img/bg-main-point-2.png) right bottom no-repeat, #f5f2eb;
	padding: 100px 0 100px;	
}
.about-ing .box-white {
	background: rgba(255,255,255,0.95);
	padding: 45px;
}
.about-ing h2 {
	text-align: center;
	font-size: 30px;
	color: #c2aa58;
	margin-bottom: 45px;
}
.list-ing {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;	
}
.list-ing > li {
	width: 280px;
	margin-bottom: 40px;
}
.list-ing img {
	display: block;
	margin: 0 auto 15px;
	width: 120px;
}
.list-ing h3 {
	text-align: center;
	font-size: 20px;
	color: #c2aa58;
	line-height: 1.5em;
	height: 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 15px;	
}
.list-ing p {
	text-align: left;
	line-height: 1.733em;
}

/* about-pro-2 */
.about-pro-2 {
	background: url(../img/bg-about-pro-2.jpg) center top no-repeat;
	background-size: cover;
	height: 600px;
}
.about-pro-2 p {
	font-size: 30px;
	color: #000000;
	line-height: 2em;
	padding-top: 90px;
}

/* voice */
.voice-part {
	padding: 100px 0 50px;
}
.list-voice {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;	
}
.list-voice > li {
	background: rgba(255,255,255,0.95);
	width: 300px;
	height: 300px;
	margin-bottom: 50px;
	padding: 25px;
	box-sizing: border-box;
}
.list-voice > li .voice-pic {
	text-align: center;
	margin-bottom: 15px;
}
.list-voice > li .voice-pic img {
	width: 56px;
}
.list-voice p {
	text-align: left;
	font-size: 18px;
	color: #000000;
	line-height: 1.5em;
	height: 130px;
}
.list-voice .voice-who {
	text-align: left;
	font-size: 15px;
	color: #000000;
}

/* interview-intro */
.interview-intro {
	padding: 100px 0 100px;
}
.interview-intro .interview-intro-title {
	font-size: 36px;
	color: #c2aa58;
	margin-bottom: 30px;
}
.interview-intro .interview-intro-title small {
	font-size: 20px;
	color: #000000;
	display: block;
	margin-bottom: 20px;
}
.interview-intro .interview-intro-title span {
	font-size: 16px;
	color: #000000;
	display: block;
	margin-top: 20px;
}
.interview-intro .box-white {
	padding: 50px;
}
.interview-intro .box-white:last-child {
	margin-top: 50px;
}
.interview-intro p {
	font-size: 18px;
	color: #333333;
	line-height: 2em;
	margin-bottom: 35px;
}
.interview-intro p:last-child {
	margin-bottom: 0;
}
.interview-intro .interview-intro-pic {
	float: right;
	margin-left: 45px;
	margin-bottom: 30px;
}
.interview-intro .interview-intro-text-1 {
	margin-bottom: 40px;
}
.interview-intro .interview-intro-text-1 img {
	float: left;
	margin-right: 45px;
}
.interview-intro .interview-intro-text-2 {
	
}
.interview-intro .interview-intro-text-2 img {
	float: right;
	margin-left: 45px;
}

/* interview-qna */
.interview-qna {
	padding: 100px 0 100px;
}
.interview-qna .box-white {
	padding: 50px;
}
.interview-qna h2 {
	text-align: center;
	font-size: 30px;
	color: #c2aa58;

}
.list-interview-qna {
	
}
.list-interview-qna > li {
	border-bottom: 1px solid #eeeeee;
	padding: 45px 0 45px;
}
.list-interview-qna > li:last-child {
	border-bottom: none;
}
.list-interview-qna > li .q {
	color: #c2aa58;
	font-size: 19px;
	margin-bottom: 20px;
	background: url(../img/list-interview-q.png) left center no-repeat;
	padding-left: 40px;
}
.list-interview-qna > li p {
	color: #333333;
	line-height: 1.733em;
}

/* interview-history */
.interview-history {
	padding: 90px 0 55px;
	border-bottom: 1px solid #eeeeee;
}
.interview-history h2 {
	text-align: center;
	font-size: 30px;
	color: #c2aa58;
	margin-bottom: 50px;
}
.list-history {
	
}
.list-history > li {
	margin-bottom: 35px;
}
.list-history > li h3 {
	font-size: 18px;
	color: #c2aa58;
}
.list-history > li p {
	font-size: 16px;
	color: #333333;
	line-height: 2em;
}

	
}