/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.min.css */
*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0;min-width:0}html{line-height:1;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}button:disabled,[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type="number"]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}

html { font-size: 62.5%; }
body { margin: 0; font-family: 'Noto Sans JP', sans-serif; color: #1a1a1a; position: relative; font-size: 1.6rem;}
img { display: block; width: 100%; height: auto; }
.font-century { font-family: Century, "Century Schoolbook", Georgia, serif; }
a:hover{
	opacity: .85;
	transition: all .3s;
}
:root {
	--c-white: #fff;
	--c-border: #e6e6e6;
	--c-l-gray: #f2f1f6;
	--c-text: #1a1a1a;
	--c-brand: #332a57;
	--c-purple: #6b3cb7;
}

.page-wrap{
	padding-inline: 20px;
	background-color: var(--c-l-gray);
	background-image: url(/application/themes/mmu/images/dialogue/lead-bg.png);
	background-size: 100%;
	background-repeat: no-repeat;
}


.container {
	width: 100%;
	max-width: 1000px;
	margin-inline: auto;
}

.t-center{
	text-align: center !important;
}

@media (max-width: 767px) {

}

@media (max-width: 540px) {

}

/* Header */
.site-header {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.site-header__inner {
	width: 100%;
	max-width: 1470px;
	padding: 25px 35px;
	margin: 0 auto;
}
.site-header__bar{
	position: relative;
	/* display: flex;
	align-items:center;
	justify-content: center; */
}

.site-header__brand{
	/* height: clamp(25px,2.57vw,36px); */
	position: absolute;
	display: block;
	max-width: clamp(150px,19.53vw,200px);
	padding-left: 15px;
}

.site-header__logo{
		max-width: clamp(150px,19.53vw,200px);
}
.site-header__title { text-align: center; }
.site-header__title img{
	display: inline-block;
height: clamp(30px,3.92vw,55px);
	width: auto;
}


.site-header__subtitle { font-size: .85rem; color: #d8d8d8; }


@media (max-width: 768px) {
	.site-header__inner {
		padding: 30px 20px;
	}
	/* .site-header__logo { height: 20px; } */

	.site-header__title { text-align: right; }
	.site-header__brand{
		padding-left: 0;
		max-width: 135px;
	}
.site-header__logo{
		max-width: 135px;
}
}

/* -------------------------------------------------------------
MV（画像のみ・PC/SP出し分け）
------------------------------------------------------------- */
.hero { position: relative; }
.hero--mv { padding: 0; background: #000; }
.hero__image {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	text-align: center;
}



/* -------------------------------------------------------------
ぱんくず
------------------------------------------------------------- */

.breadcrumb {
	display: flex;
	max-width: 1200px;
	width: 100%;
	margin-inline: auto;
	padding-top: 10px;
	font-size: 1.4rem;
	line-height: 1.4;
}
.breadcrumb li + li::before {
	content: ">";
	margin: 0 0.5em;
	color: var(--c-text); /* お好みで調整 */
}
.breadcrumb li:last-child {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
@media (max-width: 768px) {
	.breadcrumb li{
		font-size: 1.2rem;
	}
}
@media (max-width: 540px) {
	.breadcrumb{
		display: none;
	}
}


/* -------------------------------------------------------------
リード文
------------------------------------------------------------- */
.article__lead {
	padding-block: 4rem 3rem;
	text-align: center;
}

.article__label {
	display: inline-block;
	padding: .6rem 3.6rem;
	border: 1px solid var(--c-text);
	font-size: 2.4rem;
	font-weight: bold;
}

.article__lead-text {
	margin-top: 3.6rem;
	font-size: 1.6rem;
	line-height: 2;
	text-align: left;
}

@media (max-width: 768px) {
	.article__lead {
		padding-block: 5rem 3rem;
		text-align: center;
	}
	.article__label {
		font-size: 1.8rem;
	}

	.article__lead-text {
		font-size: 1.4rem;
		margin-top: 2.4rem;
	}


}
.article__first-link{
	text-align: left;
}
.article__first-link a {
	color: #6b3cb7;
	display: inline-block;
	padding-top: 2rem;
	padding-bottom: .5rem;
	border-bottom: 1px solid #6b3cb7;
}


/* -------------------------------------------------------------
IDNEX
------------------------------------------------------------- */

.article__index{
	max-width: 100%;
	width: 100%;
	margin-inline: auto;
	margin-bottom: 7rem;
	padding-block: 3rem;
	background-color: var(--c-white);
	display: flex;
	font-weight: 500;
}

.article__index-label{
	padding-inline: 7rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.4rem;
	border-right: 1px solid var(--c-text);
}

.article__index-list{
	padding: .5rem 4rem;
	line-height: 1.5;
}

.article__index-list li a:hover{
	text-decoration: underline;
}

.article__index-list li+li{
	margin-top: 1.8rem;
}
@media (max-width: 768px) {
	.article__index-label{
		padding-inline: 4rem;
		font-size: 2rem;
	}
	.article__index-list{
		padding-inline: 2rem;
	}
}

@media (max-width: 540px) {
	.article__index{
		display: block;
		text-align: center;
	}
	.article__index-label{
		display: inline-block;
		padding-inline: 4rem;
		padding-bottom: 1.5rem;
		margin-bottom: 2rem;
		font-size: 1.4rem;
		border-bottom: 1px solid var(--c-text);
		border-right: none;
	}
	.article__index-list{
		padding-inline: 2rem;
		text-align: left;
		font-size: 1.4rem;
	}
}


/* -------------------------------------------------------------
記事本文
------------------------------------------------------------- */

.article__body {

}

/* 見出し（h2） */
.article__body h2 {
	display: inline-block;
	font-size: 2.4rem;
	font-weight: bold;
	padding: 0.6rem 1.2rem;
	margin-bottom: 5rem;
	background: var(--c-brand);
	color: var(--c-white);
	scroll-margin-top: 8rem;    /* アンカー飛び時の余白（固定ヘッダー対策） */
	line-height: 1.4;
}
.article__body h2:not(:first-child){
	margin-top: 7rem;
}

.article__body h2+.media{
	margin-top: 0;
}

/* 見出し（h3） */
.article__body .h3_line {
	font-size: 2.4rem;
	font-weight: bold;
	margin-top: 5rem;
	margin-bottom: 2rem;
	line-height: 1.4;
	color: var(--c-brand);
	border-bottom: 3px solid var(--c-brand);
	display: inline-block;
	padding-bottom: 1rem;
}


/* 本文（p） */
.article__body p {

}

/* 発言ひとかたまり */
/* .dialogue {
	margin-bottom: 3rem;
} */
.dialogue > p{
	line-height: 2;
	display: flex;
	margin-bottom: 2.5rem;
	color: #2e2e2e;
		/* color: #16094d; */
	font-weight: 400;
	font-size: 1.6rem;
	/* font-feature-settings: "palt"; */
}

.dialogue p span {
	font-weight: 700;
		color: #2e2e2e;
	/* color: #6a3bb8; */
}
.dialogue p > span{
	margin-right: 1rem;
	flex-shrink: 0;
	min-width: 45px;
	display: block;
}

.dialogue--tone-purple span,span.dialogue--tone-purple{
	/* color: #16094d !important; */
		color: #6a3bb8 !important;
}

span.dialogue--tone-blue,.dialogue--tone-blue span{
		color: #0b8c05 !important;
}

.dialogue p > .dialogue-ruby {
	display: block;
	flex-shrink: 1;
	font-weight: 400;
}



@media (max-width: 768px) {
	.article__body h2:not(:first-child){
		margin-top: 5rem;
	}

	.article__body h2 {
		font-size: 1.8rem;
		padding: 0.7rem 1.4rem;
		margin-bottom: 3rem;
	}
	.dialogue p{
		font-size: 1.4rem;
		line-height: 1.7;
		margin-bottom: 1.5rem;
	}
	.dialogue p span {
		min-width: 38px;
	}
}

/* -------------------------------------------------------------
画像
------------------------------------------------------------- */

/* ============= Media component (figure系) ============= */
/* 基本 */
.media {
  margin: 6rem 0 0;
}

.media+.dialogue{
	margin-top: 6rem;
}

#sec-4+.media {
	margin-top: 0;
}

.media+.article-item{
	margin-top: 6rem;
}

.article-item+.article-item{
	margin-top: 8rem;
}

/* --- 単体（デフォルトは縦積み） --- */
.media--single .media__media {
  /* 画像の角丸/影などは必要ならここで */
}

/* --- 普通キャプション --- */
.media .media__caption {
  margin-top: 1.5rem;
  font-size: 1.4rem;      /* 14px (rootを62.5%にしている前提) */
  line-height: 1.8;
  text-align: left;
  font-weight: 300;
}

/* --- 飾りキャプション（引用風） --- */
.media__quote {
	text-align: center;
	font-size: 2.4rem;
	line-height: 1.7;
	color: var(--c-brand);
	margin-top: 1.2rem;
	quotes: "“" "”";
	font-family: 'Noto Serif JP', serif;
	text-align: center;
	font-weight: bold;
	max-width: 90%;
	width: 100%;
	margin-inline: auto;
	position: relative;
}
.media__quote::before,
.media__quote::after {
  content: "“";
  position: absolute;
  font-size: 4rem;
  line-height: 1;
  font-weight: bold;
}
.media__quote::before {
  left: -2%;
  top: 0;

}
.media__quote::after {
  content: "”";
  right: -2%;
  bottom: -40%;
}

.media--fancy-side .media__quote{
	max-width: 100%;
}
.media--fancy-side .media__quote::before{
	left: 0%;
}
.media--fancy-side .media__quote::after{
	right: 0%;
	bottom: -20%;
}


/* --- 注意書き（任意） --- */
.media__note {
  margin-top: 0.6rem;
  font-size: 1.2rem;
  line-height: 1.6;
  text-align: left;
  opacity: .8;
}

/* ============= 横並び系 ============= */

/* 2カラムの基本（画像2枚／画像+引用など） */
.media--side,
.media--fancy-side,
.media--mix {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem 2rem;                    /* カラム間余白 */
  align-items: center;          /* 画像とテキストの縦位置を揃える */
}

/* 左右反転（必要時に media--reverse を追加） */
.media--reverse {
  direction: rtl;               /* 子の流れを反転 */
}
.media--reverse > * {
  direction: ltr;               /* 子要素の文字方向は元に戻す */
}

/* 横並び中のアイテム */
.media--side .media__item,
.media--mix .media__item {
  display: flex;
  flex-direction: column;
}
.media--side .media__caption,
.media--mix .media__caption {
  margin-top: 0.8rem;
  font-size: 1.4rem;
  line-height: 1.8;
}

/* 画像＋引用の横並び（右が引用の想定。reverseで左右切替） */
.media--fancy-side .media__quote,
.media--mix .media__quote {
  margin: 0;
  text-align: left;
  padding: 1.6rem 2.4rem;
}
.media--fancy-side .media__caption,
.media--mix .media__caption {
  grid-column: 1 / -1;          /* 下に共通キャプションを入れる時は2列ぶち抜き */
  margin-top: 0rem;
  /* text-align: center; */
}
  .media--ver {
	display: flex;
	align-items: center;
	gap: 20px;
  }
    .media--ver .media__media{
		max-width: 500px;
		width: 100%;
		margin-inline: auto;
	}
  .media--ver .media__media img {
	max-width: 500px;
	width: 100%;
	margin-inline: auto;
  }

   .media--ver .media__caption{
	max-width: 500px;
	width: 100%;
	margin-inline: auto;
   }

   .media--fancy-side .media__media {
		max-width: 500px;
		width: 100%;
		margin-inline: auto;
   }
      .media--fancy-side .media__media img {
		max-width: 500px;
		width: 100%;
		margin-inline: auto;
   }

	.media-box{
		display: flex;
		justify-content: space-between;
		gap: 20px;
	}

	.media-box-1{
		width: 35%;
	}
	.media-box-2{
		width: calc( 100% - 20px - 34% );
	}

/* ============= レスポンシブ ============= */
@media (max-width: 768px) {
	.media+.dialogue{
	margin-top: 4rem;
}

	.media+.article-item{
		margin-top: 4rem;
	}

  .media {
    margin: 2.4rem 0;
  }
  .media--side,
  .media--fancy-side,
  .media--mix {
    grid-template-columns: 1fr; /* 縦積み */
    gap: .5rem;
  }

  figure .img-gap{
    gap: 2rem;
  }

  .media__quote {
    text-align: left;
    padding: 1.2rem 1.6rem;
	font-size: 1.6rem;
	max-width: 100%;
  }
  .media__quote::before,
  .media__quote::after {
    font-size: 2rem;

  }
    .media__quote::before{
    top: 0;
}
	.media__quote::after {
	bottom: 0;
	}
	.media--fancy-side .media__quote::after{
		bottom: 0;
	}
  .media .media__caption {
    font-size: 1.2rem;
	margin-top: .5rem;
  }
  .media--fancy-side .media__quote,
	.media--mix .media__quote {
	padding: 1.6rem;
	}

  .media--fancy-side .media__media {
	max-width: 70%;
	width: 100%;
	margin-inline: auto;
  }
  .media--fancy-side .media__caption{
	margin-top: 0;
}

  .media--ver .media__media img {
	max-width: 70%;
	width: 100%;
	margin-inline: auto;
  }

  
   .media--fancy-side .media__media,.media-box-1 .media__media {
	max-width: 70%;
	width: 100%;
	margin-inline: auto;
   }

  .media--ver .media__caption{
	max-width: 100%;
	width: 100%;
  }

  .media--fancy-side .media__quote{
	order: 2;
  }
    .media--ver {
		display: block;
	}

		.media-box{
			display: block;
		}

	.media-box-1{
		width: 100%;
	}
	.media-box-2{
		width: 100%;
	}

}


/* -------------------------------------------------------------
プロフィール
------------------------------------------------------------- */
.profiles {
	margin: 6rem 0;
}

.profile {
	display: flex;
	gap: 2rem;
	align-items: flex-start;
	padding: 4rem;
	background-color: var(--c-white);
}
.profile:last-child {
	border-bottom: none;
}

.profile__media img {
	max-width: 170px;
	width: 100%;
	height: auto;
	display: block;
}

.profile__content {
	flex: 1;
	min-width: 260px;
}

.profile__name {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 1rem;
}

.profile__text {
	font-size: 1.6rem;
	line-height: 2;
}
.profile +.profile{
	margin-top: 3rem;
}

@media (max-width: 768px) {
	.profile {
		padding: 1.5rem;
	}
}


@media (max-width: 540px) {
	.profile__name {
		font-size: 1.4rem;
	}
	.profile__text {
		font-size: 1.2rem;
		line-height: 1.7;
	}
	.profile__content {
		flex: 1;
		min-width: 170px;
	}
	.profile__media img {
		max-width: 80px;
	}
}


/* コラム薄紫ver */
.article-column{
	margin-top: 6rem;
	padding: 4rem;
	background-color: #eae3f7;
	color: var(--c-brand);
	line-height: 2;

}
.article-column h3{
	font-size: 2.4rem;
	font-weight: bold;
	padding-bottom: 1.5rem;
}
.article-column__wrap{
	display: flex;
	gap: 2rem;
}
.article-column__wrap figure{
	max-width: 300px;
	width: 100%;
	flex-shrink: 0;
}

/* コラム白ver */

.article-column-white{
	margin-top: 6rem;
	padding: 4rem;
	background-color: #fff;
	color: var(--c-brand);
	line-height: 2;
}

.article-column-white h3{
	font-size: 2.4rem;
	font-weight: bold;
	padding-bottom: 1.5rem;
}

.article-column-white+.dialogue{
	margin-top: 6rem;
}

@media (max-width: 768px) {
	.article-column{
		padding: 4rem 1.5rem;
	}
	.article-column__wrap{
		display: block;
		font-size: 1.4rem;
	}
	.article-column__wrap figure{
		max-width: 100%;
		margin-bottom: 2rem;
	}
	.article-column h3{
		font-size: 2rem;
	}
		.article-column-white h3{
		font-size: 2rem;
	}
}
/* -------------------------------------------------------------
下部ボタン
------------------------------------------------------------- */

.article__actions{
	margin-top: 8rem;
	display: flex;
	justify-content: center;
	gap: 2rem;
}

.article-link {
	display: block;
	max-width: 370px;
	width: 100%;
	text-align: center;
	gap: 2rem;
	padding: 3rem 1.5rem;
	font-size: 1.8rem;
	font-weight: 700;
	position: relative;
}
.article-link::after {
	content: "";
	display: inline-block;
	width: .5em;
	height: .5em;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: rotate(45deg) translateY(-50%);
	margin-left: .4rem;
	position: absolute;
	top: 50%;
	right: 6%;
}

/* Primary */
.article-link--primary {
	background: linear-gradient(360deg, #6b5bc5, #5975d3);
	color: #fff;
	border: none;
}

/* Series */
.article-link--series {
	background: linear-gradient(360deg, #7a45a2, #6a3bb8);
	color: #fff;
	border: none;
}

/* サイトTOP：さらに控えめ */
.article__footer-actions{
	padding-block: 8rem;
	display: flex;
	justify-content: center;
	gap: 2rem;
}
.article-link--site {
	background:transparent;
	color: var(--c-purple);
	border: 2px solid var(--c-purple);
	max-width: 500px;
	width: 100%;
	border-radius: 200px;
}

@media (max-width: 768px) {
	.article__actions{
		flex-wrap: wrap;
	}
	.article-link {
		padding: 2.5rem 1.5rem;
		font-size: 1.6rem;
	}
}


/* -------------------------------------------------------------
フッター
------------------------------------------------------------- */


.site-footer{
	background:#fff;
	border-top:1px solid #e6e6e6;    /* 必要なければ消してOK */
	padding:8rem 1.5rem 1.5rem;           /* 上下余白 */
}
.site-footer__inner{
	max-width:1200px;                /* 幅リミット（任意） */
	margin-inline:auto;
	text-align:center;
}
.site-footer__logo img{
	max-width:300px;                 /* ロゴの最大幅（調整可） */
	max-height:56px;                 /* 高さ制御（調整可）   */
	width:auto;
	height:auto;
	display:inline-block;
}
.site-footer__copy{
	display:block;
	margin-top:1rem;
	font-size:1.2rem;                /* 12px */
	color: var(--c-text);
	margin-top: 8rem;
}




/* 編集モードの見やすさ改善（dialogue.css に追加可） */
.ccm-edit-mode .article__body { min-height: 140px; position: relative; }
.ccm-edit-mode .article__body .ccm-area { position: relative; z-index: 5; }
.ccm-edit-mode main{
padding-top: 150px; position: relative;
}




/* -------------------------------------------------------------
対談記事一覧ページ
------------------------------------------------------------- */
.hero__image-area{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	display: flex;
	align-items: center;

}
.hero__image-wrap{
	max-width: 1000px;
	max-width: min(71.42vw,1400px);
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: flex-end;
	padding-right: 2.14vw;
}
.hero__image-text {
	color: var(--c-white);
	line-height: 2;
	max-width: clamp(350px,39.3vw,550px);
	/* max-width: 39.3vw; */
	width: 100%;
}
.hero__image-text h2 img{
	max-width: clamp(250px,33.5vw,470px);
	/* max-width: 33.5vw; */
	width: 100%;
}

.hero__image-text p{
	font-size: clamp(12px,1.14vw,16px);
	margin-top: clamp(30px,4.28vw,60px);
}

.hero__image-text span{
	font-size: clamp(10px,calc(1.14vw - 2px),12px);
	display: inline-block;
	padding-top: clamp(20px,2vw,34px);
}

.dialogue-index .article__index{
	margin-top: 8rem;
}
.dialogue-index__list li a{
	display: inline-flex;
	align-items: center;
		border-bottom: 1px solid #fff;
}
.dialogue-index__list li a:hover{
	text-decoration: none;
	border-bottom: 1px solid;
}

.dialogue-index__list .dialogue-index__name{
	font-size: 1.8rem;
	font-weight: bold;
	min-width: 130px;
	display: inline-block;
}

.dialogue-index__role{
	color: #615d70;
	font-size: 1.4rem;
	display: inline-block;

}

.dialogue-list{
	padding-top: 40px;
}
.dialogue-card{
	display: flex;
	gap: 5rem;
	margin-top: 40px;
}

.dialogue-card figure{
	max-width: 300px;
	width: 100%;
}

.dialogue-card__name{
	font-size: 2.6rem;
	font-weight: bold;
}

.dialogue-card__role{
	display: block;
	font-size: 1.6rem;
	font-weight: 400;
	margin-top: 1rem;
}

.dialogue-card__title{
	font-size: 2.4rem;
	padding-block: 20px 30px;
	font-family: 'Noto Serif JP', serif;
	line-height: 1.5;
}

.dialogue-card__actions{
	display: flex;
	gap: 20px;
}

.dialogue-card__actions .article-link{
	padding: 15px;
	width: calc( ( 100% - 20px ) / 2 );
	flex-shrink: 0;

}
.dialogue-card__body{
	flex-grow: 1;
}
.dialogue-card__actions .article-link::after{
	content: none;
}
@media (max-width: 1080px) {
	.dialogue-index__list li a:hover{
		border-bottom: solid #fff 1px;
	}
	.dialogue-card{
		gap: 30px;
		max-width: 700px;
		width: 100%;
		margin-inline: auto;
	}
.dialogue-card__actions .article-link{
	max-width: 200px;
}
.dialogue-card__name{
	font-size: 2.4rem;
}
.dialogue-card__title{
	font-size: 2rem;
}
.dialogue-card__role{
	font-size: 1.4rem;
	line-height: 1.2;
}
}
@media (max-width: 768px) {
	.dialogue-list{
		padding-top: 0;
	}
.dialogue-card figure{
	max-width: 200px;
}

.hero__image-text h2{
	display: none;
}

.hero__image-area{
	align-items: flex-end;
}
.hero__image-wrap{
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
	display: block;
	justify-content: flex-start;
	padding: 0;
}
.hero__image-text{
	max-width: 100%;
}
.hero__image-text p{
	padding: 15px;
	background-color: #18152ad2;
		font-size: 1.4rem;
}
.hero__image-text h2 img{
	max-width: 180px;
	margin: 0;
	margin-left: auto;
	padding-right: 15px;
}
.hero__image-text span{
	font-size: 1.2rem;
}

}
@media (max-width: 540px) {
	.dialogue-index .article__index{
		margin-top: 0;
	}
	.dialogue-list-page .page-wrap{
		padding-top: 6rem;
	}
	.dialogue-card{
	gap: 1rem;
}

.dialogue-card figure{
	max-width: 120px;
	width: 100%;
	height: 150px;
}
.dialogue-card figure img{
	height: 100%;
	object-fit: cover;
}

.dialogue-card__name{
	font-size: 1.8rem;
	font-weight: bold;
}

.dialogue-card__role{
	display: block;
	font-size: 1.2rem;
}

.dialogue-card__title{
	font-size: 1.4rem;
	padding-block: 10px 10px;
}

.dialogue-card__actions{
	gap: 10px;
}

.dialogue-card__actions .article-link{
	padding: 10px;
	max-width: 90px;
	font-size: 1.4rem;

}
.hero__image-text p{
	font-size: 1.2rem;
}

.hero__image-text span{
	font-size: 1rem;
}

.dialogue-index__list .dialogue-index__name{
	font-size: 1.6rem;
}
.dialogue-index__role{
	font-size: 1.2rem;
}
}