インタビューページのスタイル修正

@@ -3433,69 +3433,85 @@ body.itemid-132 table {
 /* -------------------------------------------------------------------------
 　OB・OGインタビューページに対するスタイル指定
 ------------------------------------------------------------------------- */
-.interview div.items-leading > div {
+.interview .items-leading > div {
 	border-top: 5px solid #003894;
 	display: flex;
 	flex-direction: row-reverse;
 	justify-content: space-between;
 	align-items: center;
+	position: relative;
 }
 
 /* イントロテキストを表示しない設定ができないので、以下の設定で、一旦全てを非表示にする */
-.interview div.items-leading > div > * {
+.interview .items-leading > div > * {
 	display: none;
 }
 
-.interview div.items-leading > div > div {
+.interview .items-leading div .page-header {
+	display: block;
+}
+
+.interview .items-leading div .item-image {
 	display: block;
 }
 
-.interview div.items-leading div div.page-header {
-  width: 100%;
+.interview .items-leading div .article-info {
+	display: flex;
+	position: absolute;
+	bottom: -45px;
+	right: 0;
+}
+
+.interview .items-leading div .page-header {
+	width: 100%;
+	max-width: 800px;
+	padding: 0;
+	margin: 32px 0;
 }
 
-.interview div.items-leading div div.page-header h2 {
+.interview .items-leading div .page-header h2 {
 	/* .blogに対して指定されているスタイルを取り消し */
 	border-top: none;
 	border-bottom: none;
+	margin: 0;
+	padding: 0;
 }
 
-.interview div.items-leading div div.item-image {
-	width: 100px;
+.interview .items-leading div .item-image {
+	width: 160px;
 	float: none;
 }
 
-.interview div.items-leading div div.item-image img {
+.interview .items-leading div .item-image img {
 	/* 画像ごとによって縦横幅が自動設定。最大値以上にはならないように指定 */
 	width: 100%;
 }
 
-.interview div.items-leading div div.item-image {
-	margin: 20px 20px 20px 0;
+.interview .items-leading div .item-image {
+	margin: 24px 24px 24px 0;
 }
 
 /* レスポンシブ */
 @media (max-width: 500px) {
-	.interview div.items-leading > div {
+	.interview .items-leading > div {
 		flex-direction: column-reverse;
 	}
-
-	.interview div.items-leading div div.page-header h2 {
-		font-size: 90%;
+	.interview .items-leading div .page-header {
+		margin: 16px 0 32px;
 	}
-	.interview div.items-leading div dl.article-info {
+	.interview .items-leading div .article-info {
 		font-size: 90%;
 	}
 
-	.interview div.items-leading div div.item-image {
+	.interview .items-leading div .item-image {
 		max-width: 500px;
 		width: 100%;
 	}
-	.interview div.items-leading div div.item-image img {
+	.interview .items-leading div .item-image img {
 		max-width: 500px;
 		width: 100%;
 	}
-	.interview div.items-leading div div.item-image {
+	.interview .items-leading div .item-image {
 		margin: 20px 0 0;
 	}