@charset "utf-8";

/* ======================

 [brake-point]
 min-width:768px /pc
 max-width:767px /tb
 max-width:639px /spL
 max-width:479px /sp

====================== */

/* リスト マーカー */
.mk {
	color: #e3559c;
}


/* -----------------------------------------------------------------------------------------------------------
 メイン
----------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------ // pc -- */
@media screen and (min-width:768px){

/* メイン
----------------------------- */

/* 包括 */
#main {
	width: 100%;
	background: url(/seito_photocon/img/interview/bg_main.jpg) no-repeat center top #f5f5f5;
}

/* インナー包括 */
.mainInner {
	width: 800px;
	margin: 0 auto;
	padding: 100px 0;
}


/* タイトル
----------------------------- */

/* 包括 */
#wrapTtl {
	width: 100%;
	margin-bottom: 5px;
	padding: 20px 20px 20px 20px;
	border: 4px solid #f5f5f5;
}

/* タイトル */
#wrapTtl .hn01 {
	color: #fff;
	font-size: 3.2rem;
	text-align: center;
}

/* サブタイトル */
#wrapTtl .subTtl {
	color: #fff;
	font-size: 1.8rem;
	text-align: center;
}

/* 注釈 */
.noteTtl {
	margin-bottom: 30px;
	color: #fff;
	font-size: 1.2rem;
	text-align: right;
}


/* リード
----------------------------- */

/* 包括 */
#wrapLead {
	display: table;
	width: 100%;
 	height: 400px;
	margin-bottom: 40px;
	background-color: rgba(0,0,0,0.85); /*#000*/
	color: #fff;
}

/* 画像包括 */
#wrapLead #wrapImg {
	display: table-cell;
	width: 375px;
}

/* テキスト包括 */
#wrapLead #wrapTxt {
	display: table-cell;
	vertical-align: middle;
}

/* テキスト包括 インナー */
#wrapLead #wrapTxt .txtInner {
	width: 100%;
	padding: 25px;
}

/* テキスト */
#wrapLead #wrapTxt .txtInner .txt {
	font-size: 1.4rem;
	line-height: 1.8;
	text-align: center;
}

/* テキストのした四角バー */
#wrapLead #wrapTxt .txtInner .txt:after {
	display: inline-block;
	content: " ";
    width: 100%;
    height: 4px;
	margin-top: 20px;
    border: solid #929292 1px;
    background: #929292;
    transform: skew(45deg);
    -o-transform: skew(45deg);
    -moz-transform: skew(45deg);
    -webkit-transform: skew(45deg);
}

/* 名前X名前 */
#wrapLead #wrapTxt .txtInner .nameXname {
	width: 100%;
	display: table;
	margin: 20px 0;
	background: url(/seito_photocon/img/interview/ic_x.png) no-repeat center center;
}

/* 名前・所属 */
#wrapLead #wrapTxt .txtInner .nameXname p {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	text-align: center;
}

/* 名前 */
#wrapLead #wrapTxt .txtInner .nameXname p span:first-child {
	font-size: 2.0rem;
}

/* 所属 */
#wrapLead #wrapTxt .txtInner .nameXname p span:last-child {
	font-size: 1.2rem;
}

/* 名前X名前のした四角バー */
#wrapLead #wrapTxt .txtInner:after {
	display: inline-block;
	content: " ";
    width: 100%;
    height: 4px;
    border: solid #929292 1px;
    background: #929292;
    transform: skew(45deg);
    -o-transform: skew(45deg);
    -moz-transform: skew(45deg);
    -webkit-transform: skew(45deg);
}


/* キャリア部
----------------------------- */

/* 包括 */
#wrapCareer {
	clear: both;
	width: 100%;
	margin-bottom: 40px;
}

/* 各包括 */
#wrapCareer .career:first-child {
	float: left;
	width: 380px;
	padding: 30px;
	background: #fff url(/seito_photocon/img/interview/bg_career.gif) no-repeat left top;
}

/* 各包括 */
#wrapCareer .career:last-child {
	float: right;
	width: 380px;
	padding: 30px;
	background: #fff url(/seito_photocon/img/interview/bg_career.gif) no-repeat right top;
}

/* 名前経歴 */
#wrapCareer .career .wrapName {
	clear: both;
}

/* 名前経歴の下四角バー */
#wrapCareer .career .wrapName:after {
	display: inline-block;
	content: " ";
    width: 100%;
    height: 4px;
	margin: 1.5em 0 1em;
    border: solid #f0f0f0 1px;
    background: #f0f0f0;
    transform: skew(45deg);
    -o-transform: skew(45deg);
    -moz-transform: skew(45deg);
    -webkit-transform: skew(45deg);
}

/* 名前経歴 綾　画像 */
#wrapCareer .career:first-child .wrapName figure {
	float: left;
	width: 139px;
}

/* 名前経歴 綾　経歴 */
#wrapCareer .career:first-child .wrapName dl {
	float: right;
	width: 150px;
}

/* 名前経歴 森　画像 */
#wrapCareer .career:last-child .wrapName figure {
	float: right;
}

/* 名前経歴 森　経歴 */
#wrapCareer .career:last-child .wrapName dl {
	float: left;
	width: 150px;
}

/* 名前 */
#wrapCareer .career .wrapName dl dt {
	margin-bottom: 0.5em;
	font-size: 1.6rem;
}

/* フリガナ */
#wrapCareer .career .wrapName dl dd.furigana {
	color: #e7368e;
	font-size: 1.2rem;
	font-style: italic;
}

/* 経歴 */
#wrapCareer .career .wrapName dl dd {
	font-size: 1.2rem;
}
#wrapCareer .career .txt {
	font-size: 1.2rem;
}


/* コンテンツ部
----------------------------- */

/* 包括 */
.articleInner {
	width: 100%;
	margin: 0 auto;
	padding: 40px 100px;
	background: #fff;
}

/* 各voice群包括
----------------------------- */

/* 包括 */
.wrapCol {
	clear: both;
	width: 100%;
}

/* 見出し */
.wrapCol .hn02 {
	font-size: 1.8rem;
}

/* voice包括 */
.voice {
	display: table;
	width: 100%;
	margin-bottom: 30px;
}

/* voice 名前 */
.voice dt {
	display: table-cell;
	width: 40px;
	vertical-align: top;
	color: #e7368e;
}

/* voice コメント */
.voice dd {
	display: table-cell;
	vertical-align: top;
	font-size: 1.4rem;
	line-height: 1.8;
}


/* voice間見出し
----------------------------- */

/* 包括 */
.wrapCol .wrapHn03 {
	width: 100%;
	margin-bottom: 30px;
	padding: 30px 50px;
    background-image: url(/seito_photocon/img/interview/bg_left_coner.png),url(/seito_photocon/img/interview/bg_right_coner.png);
    background-repeat: no-repeat,no-repeat;
    background-position: top left,bottom right;
	text-align: center;
}

/* 見出し */
.wrapCol .wrapHn03 .hn03 {
	font-size: 1.7rem;
	color: #333;
}

/* 見出し名前 */
.wrapCol .wrapHn03 .hn03 .nameTxt {
	color: #e7368e;
}


/* 注釈　本紹介
----------------------------- */

/* 包括 */
.wrapNote {
	display: table;
	width: 100%;
	margin-bottom: 30px;
	padding: 30px;
	background: #f5f5f5;
}

/* テキスト包括 */
.wrapNote .txt {
	display: table-cell;
	line-height: 1.8;
	vertical-align: top;
	font-size: 1.2rem;
}

/* テキストの下四角バー */
.wrapNote .txt:after {
	display: inline-block;
	content: " ";
    width: 100%;
    height: 8px;
    border: solid #e5e5e5 1px;
    background: #e5e5e5;
    transform: skew(45deg);
    -o-transform: skew(45deg);
    -moz-transform: skew(45deg);
    -webkit-transform: skew(45deg);
}


/* ページャー
----------------------------- */

/* 包括（下部用） */
#wrapPagerBottom {
	margin-top: 50px;
}

/* 包括（上部用） */
#wrapPagerTop {
	margin-bottom: 40px;
	padding-top: 110px;
}

/* 包括 */
.wrapPager ul {
	display: table;
	width: 395px;
	margin: 0 auto;
}

/* 各 */
.wrapPager ul li {
	display: table-cell;
	width: 56px;
	height: 56px;
	vertical-align: middle;
	text-align: center;
	border-collapse: separate;
	border-spacing: 0 5px;
}

/* 各リンク */
.wrapPager ul li a {
	display: inline-block;
 	width: 56px;
 	height: 56px;
	border: #f5f5f5 1px solid;
	background: #333;
	line-height: 56px;
	color: #e7368e;
	text-decoration: none;
}

/* 各リンクhover */
.wrapPager ul li a:hover {
	background: #999;
}

/* 各リンク　現在地 */
.wrapPager ul li.current a {
	background: #999;
}



}
/* pc // -- */

/* ------------------------------------------------------------------------------ // tb -- */
@media screen and (max-width:767px){
.pcBr {
	display: none !important;
}
/* メイン
----------------------------- */
/* 包括 */
#main {
	width: 100%;
	background: url(/seito_photocon/img/interview/bg_main.jpg) no-repeat center top #f5f5f5;
	background-size: 100% auto;
}
/* インナー包括 */
.mainInner {
	width: 94%;
	margin: 0 auto;
	position: relative;
	padding-top: 34%;
	padding-bottom: 1em;
}

/* タイトル
----------------------------- */
/* 包括 */
#wrapTtl {
	width: 100%;
	border: 4px solid #f5f5f5;
	position: absolute;
	left: 0;
	top: 20px;
}
/* タイトル */
#wrapTtl .hn01 {
	color: #fff;
	font-size: 2rem;
	text-align: center;
}

/* サブタイトル */
#wrapTtl .subTtl {
	color: #fff;
	font-size: 1.8rem;
	text-align: center;
}

/* 注釈 */
.noteTtl {
	margin-bottom: 1em;
	color: #666;
	font-size: 1.2rem;
	text-align: right;
	padding-top: 10px;
}

/* リード
----------------------------- */
/* 包括 */
#wrapLead {
	width: 100%;
	margin-bottom: 2em;
	background-color: rgba(0,0,0,0.85);
	color: #fff;
}

/* テキスト包括 インナー */
#wrapLead #wrapTxt .txtInner {
	width: 100%;
	padding: 1em;
}

/* テキスト */
#wrapLead #wrapTxt .txtInner .txt {
	font-size: 1.4rem;
	line-height: 1.8;
}

/* テキストのした四角バー */
#wrapLead #wrapTxt .txtInner .txt:after {
	display: inline-block;
	content: " ";
    width: 100%;
    height: 4px;
	margin-top: 20px;
    border: solid #929292 1px;
    background: #929292;
    transform: skew(45deg);
    -o-transform: skew(45deg);
    -moz-transform: skew(45deg);
    -webkit-transform: skew(45deg);
}

/* 名前X名前 */
#wrapLead #wrapTxt .txtInner .nameXname {
	width: 100%;
	display: table;
	margin: 20px 0;
	background: url(/seito_photocon/img/interview/ic_x.png) no-repeat center center;
}

/* 名前・所属 */
*#wrapLead #wrapTxt .txtInner .nameXname p {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	text-align: center;
}
/* 名前 */
#wrapLead #wrapTxt .txtInner .nameXname p span:first-child {
	font-size: 2.0rem;
}
/* 所属 */
#wrapLead #wrapTxt .txtInner .nameXname p span:last-child {
	font-size: 1.2rem;
}
/* 名前X名前のした四角バー */
#wrapLead #wrapTxt .txtInner:after {
	display: inline-block;
	content: " ";
    width: 100%;
    height: 4px;
    border: solid #929292 1px;
    background: #929292;
    transform: skew(45deg);
    -o-transform: skew(45deg);
    -moz-transform: skew(45deg);
    -webkit-transform: skew(45deg);
}

/* キャリア部
----------------------------- */
/* 包括 */
#wrapCareer {
	clear: both;
	width: 100%;
	margin-bottom: 50px;
}
/* 各包括 */
#wrapCareer .career:first-child {
	width: 100%;
	padding: 1em;
	background: #fff url(/seito_photocon/img/interview/bg_career.gif) no-repeat left top;
	margin-bottom: 1em;
}
/* 各包括 */
#wrapCareer .career:last-child {
	width: 100%;
	padding: 1em;
	background: #fff url(/seito_photocon/img/interview/bg_career.gif) no-repeat right top;
}
/* 名前経歴 */
#wrapCareer .career .wrapName {
	clear: both;
	width: 100%;
}
/* 名前経歴の下四角バー */
*#wrapCareer .career .wrapName:after {
	display: inline-block;
	content: " ";
    width: 100%;
    height: 4px;
	margin: 1.5em 0 1em;
    border: solid #f0f0f0 1px;
    background: #f0f0f0;
    transform: skew(45deg);
    -o-transform: skew(45deg);
    -moz-transform: skew(45deg);
    -webkit-transform: skew(45deg);
}
/* 名前経歴 綾　画像 */
#wrapCareer .career:first-child .wrapName figure {
	width: 40%;
	float: left;
}
/* 名前経歴 綾　経歴 */
#wrapCareer .career:first-child .wrapName dl {
	width: 55%;
	float: right;
}
/* 名前経歴 森　画像 */
#wrapCareer .career:last-child .wrapName figure {
	width: 40%;
	float: right;
}
/* 名前経歴 森　経歴 */
#wrapCareer .career:last-child .wrapName dl {
	float: left;
	width: 55%;
}
/* 名前 */
#wrapCareer .career .wrapName dl dt {
	margin-bottom: 0.5em;
	font-size: 1.6rem;
}
/* フリガナ */
#wrapCareer .career .wrapName dl dd.furigana {
	color: #e7368e;
	font-size: 1.2rem;
	font-style: italic;
}
/* 経歴 */
#wrapCareer .career .wrapName dl dd {
	font-size: 1.2rem;
}
#wrapCareer .career .txt {
	font-size: 1.2rem;
}


/* コンテンツ部
----------------------------- */
/* 包括 */
.articleInner {
	width: 100%;
	margin: 0 auto;
	padding: 3%;
	background: #fff;
}

/* 各voice群包括
----------------------------- */
/* 包括 */
.wrapCol {
	clear: both;
	width: 100%;
}
/* 見出し */
.wrapCol .hn02 {
	font-size: 1.8rem;
}
/* voice包括 */
.voice {
	display: table;
	width: 100%;
	margin-bottom: 2em;
}
.voice:last-child {
	margin-bottom: 0;
}
/* voice 名前 */
.voice dt {
	display: table-cell;
	width: 2em;
	vertical-align: top;
	color: #e7368e;
}
/* voice コメント */
.voice dd {
	display: table-cell;
	vertical-align: top;
	font-size: 1.4rem;
	line-height: 1.8;
}
/* voice間見出し
----------------------------- */
/* 包括 */
.wrapCol .wrapHn03 {
	width: 100%;
	margin-bottom: 1em;
	margin-top: 2em;
	padding: 1.5em;
    background-image: url(/seito_photocon/img/interview/bg_left_coner.png),url(/seito_photocon/img/interview/bg_right_coner.png);
    background-repeat: no-repeat,no-repeat;
    background-position: top left,bottom right;
	text-align: left;
}
/* 見出し */
.wrapCol .wrapHn03 .hn03 {
	font-size: 1.7rem;
	color: #333;
	text-align: center;
}
/* 見出し名前 */
.wrapCol .wrapHn03 .hn03 .nameTxt {
	color: #e7368e;
	display: block;
	text-align: center;
}

/* 注釈　本紹介
----------------------------- */
/* 包括 */
.wrapNote {
	display: table;
	width: 100%;
	margin-bottom: 2em;
	margin-top: 2em;
	padding: 1em;
	background: #f5f5f5;
}
.wrapNote:last-child {
	margin-bottom: 0;
}

/* テキスト包括 */
.wrapNote .txt {
	display: table-cell;
	line-height: 1.8;
	vertical-align: top;
	font-size: 1.2rem;
	padding-left: 0.5em;
}

/* テキストの下四角バー */
.wrapNote .txt:after {
	display: inline-block;
	content: " ";
    width: 100%;
    height: 8px;
    border: solid #e5e5e5 1px;
    background: #e5e5e5;
    transform: skew(45deg);
    -o-transform: skew(45deg);
    -moz-transform: skew(45deg);
    -webkit-transform: skew(45deg);
}


/* ページャー
----------------------------- */
/* 包括（下部用） */
#wrapPagerBottom {
	margin-top: 2em;
}
/* 包括（上部用） */
#wrapPagerTop {
	margin-bottom: 2em;
}

/* 包括 */
.wrapPager {
	text-align: center;
}
.wrapPager ul {
	margin: 0 auto;
	text-align: center;
}
/* 各 */
.wrapPager ul li {
	display: inline-block;
	width: 40px;
	height: 40px;
	vertical-align: middle;
	text-align: center;
	border-collapse: separate;
	border-spacing: 0 5px;
}
/* 各リンク */
.wrapPager ul li a {
	display: inline-block;
 	width: 40px;
 	height: 40px;
	border: #f5f5f5 1px solid;
	background: #333;
	line-height: 40px;
	color: #e7368e;
	text-decoration: none;
}
/* 各リンク　現在地 */
.wrapPager ul li.current a {
	background: #999;
}
}
/* tb // -- */