@charset "UTF-8";
/* CSS Document */


#page-people .page-header {
  background-color: #fff;
  /*background-image: url(../../../img/common/header_bg_02.png);*/
}

/* ========== intro ========== */
.ss-interview-intro .ss-interview-intro-txt h3 {
	padding: 0 0 10px 0;
	font-size: 35px;
	text-align: left;
	font-family: "Italiana", serif;
	border-bottom: 1px solid #000;
	display: inline-block;
}
.ss-interview-intro .ss-interview-intro-txt h3 span {
	font-size: 24px;
}
.ss-interview-intro .ss-interview-intro-txt strong {
	margin: 10px 0 40px 0;
	font-size: 30px;
	font-family: "Noto Serif JP", serif;
	display: block;
}
.ss-interview-intro .ss-interview-intro-txt p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  text-align: left;
}
.ss-interview-intro .ss-interview-intro-txt p.name {
	font-size: 18px;
}
.ss-interview-intro .ss-interview-intro-txt p.name span {
	font-size: 30px;
	font-family: "Italiana", serif;
	color: #ccc;
	display: block;
}


/* ========== テキストセンター ========== */
.txt-center{
	margin: 120px auto;
	padding: 5em auto;
	
}
.txt-center h4{
	text-align: center;
	font-size: 36px;
	font-size: 3rem;
	font-family: "Noto Serif JP", serif;
	line-height: 1.2;
	margin-bottom: 1em; 
}
.txt-center p {
	padding: 5px 20px;
	border: 1px solid #989896;
	display: inline-block;
	color: #707070;
}


/* ========== #interview ========== */
#interview .box ul {
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#interview .box li {
	width: 50%;
}
#interview .box li.txt {
	padding: 100px 7.5% 100px 7.5%;
	background: #f3eee8;
	font-family: "Noto Serif JP", serif;
	line-height: 1.8;
}
#interview .box li.txt h5 {
	margin: 0 0 30px 0;
	font-size: 24px;
	font-size: 2.4rem;
}

/* ページ別 */
#interview .box li.interview1-pic1 {
	background: #fff url(../img/01/t2.jpg) center no-repeat;
	background-size: cover;
}
#interview .box li.interview1-pic2 {
	background: #fff url(../img/01/t3.jpg) center no-repeat;
	background-size: cover;
}
#interview .box li.interview2-pic1 {
	background: #fff url(../img/02/t2.jpg) center no-repeat;
	background-size: cover;
}
#interview .box li.interview2-pic2 {
	background: #fff url(../img/02/t3.jpg) center no-repeat;
	background-size: cover;
}
#interview .box li.interview3-pic1 {
	background: #fff url(../img/03/t2.jpg) center no-repeat;
	background-size: cover;
}
#interview .box li.interview3-pic2 {
	background: #fff url(../img/03/t3.jpg) center no-repeat;
	background-size: cover;
}
#interview .box li.interview4-pic1 {
	background: #fff url(../img/04/t2.jpg) center no-repeat;
	background-size: cover;
}
#interview .box li.interview4-pic2 {
	background: #fff url(../img/04/t3.jpg) center no-repeat;
	background-size: cover;
}
#interview .box li.interview5-pic1 {
	background: #fff url(../img/05/t2.jpg) center no-repeat;
	background-size: cover;
}
#interview .box li.interview5-pic2 {
	background: #fff url(../img/05/t3.jpg) center no-repeat;
	background-size: cover;
}
#interview .box li.interview6-pic1 {
	background: #fff url(../img/06/t2.jpg) center no-repeat;
	background-size: cover;
}
#interview .box li.interview6-pic2 {
	background: #fff url(../img/06/t3.jpg) center no-repeat;
	background-size: cover;
}
#interview .box li.interview7-pic1 {
	background: #fff url(../img/07/t2.jpg) center no-repeat;
	background-size: cover;
}
#interview .box li.interview7-pic2 {
	background: #fff url(../img/07/t3.jpg) center no-repeat;
	background-size: cover;
}

/* ========== #epilogue ========== */
#epilogue {
	padding: 120px 0;
	background: #fff url(../img/bg.png) repeat-x;
	text-align: center;
}
#epilogue .txt {
	margin: 30px auto;
	padding: 5em auto;
	font-family: "Noto Serif JP", serif;
}
#epilogue .txt h4 {
	margin: 2em 0; 
	text-align: center;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 2;
}
#epilogue .txt p {
	width: 60%;
	max-width: 960px;
	min-width: 900px;
	margin: 20px auto;
	text-align: left;
	line-height: 1.8;
}


/* ========== #question ========== */
#question {
	padding: 0 0 120px 0;
	text-align: center;
}
#question .sub-nav > div {
	background: #fff;
	text-align: left;
}
#question .sub-nav > div:nth-child(even){
		background: #fff;
}
#question .sub-nav-txt {
	margin: 0;
	padding: 10%;
	color: #000;
	line-height: 1.8em;
}




@media only screen and (max-width: 767px) {
	
/* ========== intro ========== */
.ss-interview-intro .ss-interview-intro-txt {
	width: 100%;
}
.ss-interview-intro .ss-interview-intro-txt strong {
	margin: 0 0 30px 0;
	font-size: 24px;
	font-family: "Noto Serif JP", serif;
	display: block;
}	

/* ========== テキストセンター ========== */
.txt-center{
	margin: 90px auto;
	padding: 4em auto;
	
}
.txt-center h4{
	width: 90%;
	margin: 30px auto;
	text-align: center;
	font-size: 24px;
	font-size: 2.4rem;
}
.txt-center p {
	padding: 5px 20px;
	border: 1px solid #989896;
	display: inline-block;
	color: #707070;
}
	
#interview .box li {
	width: 100%;
}
#interview .box li.txt {
	padding: 40px 10%;
	background: #f3eee8;
	font-family: "Noto Serif JP", serif;
	line-height: 1.8;
}
#interview .box li.txt h5 {
	margin: 0 0 30px 0;
	font-size: 20px;
	font-size: 2rem;
}
#interview .box li.interview1-pic1 {
	width: 100%;
	height: 200px;
	background: #fff url(../img/01/t2.jpg) center no-repeat;
	background-size: cover;
}
#interview .box li.interview1-pic2 {
	width: 100%;
	height: 200px;
	background: #fff url(../img/01/t3.jpg) center no-repeat;
	background-size: cover;
}


/* ========== #epilogue ========== */
#epilogue {
	padding: 90px 0;
	background: #fff;
	text-align: center;
}
#epilogue .txt h4 {
	margin: 1em 0; 
	text-align: center;
	font-size: 20px;
	font-size: 2rem;
	line-height: 2;
}
#epilogue .txt p {
	width: 85%;
	max-width: auto;
	min-width: auto;
	margin: 0 auto;
}


/* ========== #question ========== */
#question {
	padding: 0 0 120px 0;
	text-align: center;
}
#question .sub-nav > div {
	width: 90%;
	margin: 10px auto;
	background: #fff;
	border-radius: 10px;
}
#question .sub-nav > div:nth-child(even){
		background: #f3eee8;
}
#question .sub-nav-txt {
	margin: 0;
	padding: 10%;
	color: #000;
	line-height: 1.8em;
}

}


@media screen and (max-width: 1024px) and (orientation: portrait) {

#epilogue .txt p {
	width: 90%;
	max-width: auto;
	min-width: auto;
	margin: 20px auto;
	text-align: left;
	line-height: 1.8;
}

	
#question .sub-nav > div {
	width: 50%;
}
	
}




#page-interview .page-header {
  background-color: #f7f6f2;
  background-image: url(../../../people/css/img/header_bg_02.png);
}
#page-interview.page-header {
  margin: 74px 0 0;
  padding: 68px 20px 46px;
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover;
}
#page-interview.ss-interview-intro-txt{
	float:left;
	text-align: left;
	width:50%;
	padding:40em;
}




.interview-l-img{
	float:right;
	width:50%;
	margin:0;
}