@charset "utf-8";

/* interview
---------------------------------------------------------------------------*/
figure {
  margin: 0;
}

.mainContents {
  width: 1026px;
}

.interview-wrap * {
  box-sizing: border-box;
  font-feature-settings: 'palt' 1;
}

.interview-list {
  margin-top: 160px;
}

/* .interview-main
------------------------------------*/
.interview-main {}

/* .interview-plist
------------------------------------*/
.interview-plist {
  margin: 16px 0 70px 22px;
}

.interview-plist li {
  display: inline-block;
  position: relative;
  margin-right: 21px;
  font-size: 13px;
  letter-spacing: 0.07em;
}

.interview-plist li:not(:last-of-type):after {
	display: block;
	content: '';
	position: absolute;
	top: 3px;
	right: -17px;
  background: url(../img/share/ico-arrow-brown-s.svg) no-repeat left top;
	width: 8px;
	height: 8px;
}

.interview-plist li,
.interview-plist li a {
  color: #563317;
}

/* .interview-profile
------------------------------------*/
.interview-profile {
  position: relative;
  display: flex;
	align-items: center;
  width: 960px;
  margin: 0 auto 85px;
}

.interview-profile figure {
  width: 220px;
  min-width: 220px;
  margin-right: 38px;
}

.interview-profile .name {
  position: absolute;
  top: -170px;
  right: 5px;
  background: url(../img/interview/pic-fukidashi@2x.png) no-repeat left top / 100% auto;
  width: 364px;
  height: 220px;
  padding: 58px 0 0 54px;
  color: #563317;
}

.interview-profile .name.profile01 {
  padding: 58px 0 0 70px;
}

.interview-profile .name h1 {
  margin-bottom: 16px;
  white-space: nowrap;
}

.interview-profile .name h1 em {
  display: inline-block;
  margin-left: -4px;
  font-size: 14px;
  letter-spacing: 0.09em;
  transform: translateY(-2px);
}

.interview-profile .name h1 em span {
  padding-right: 4px;
  font-size: 17px;
  letter-spacing: 0.1em;
}

.interview-profile .name dl {
  display: flex;
  margin-bottom: 3px;
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: 0.07em;
}

.interview-profile .name dt {
  align-self: flex-start;
  background-color: #FFFAEA;
  border-radius: 10px;
  margin: 1px 9px 0 0;
  padding: 4px 9px 3px 11px;
  line-height: 1;
  white-space: nowrap;
}

.interview-profile .txt {
  padding-top: 4px;
}

.interview-profile .txt h3 {
  margin: 0 0 24px -4px;
}

.interview-profile .txt h4 {
  margin: 0 0 18px -4px;
}

.interview-profile .txt p {
  color: #563317;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.08em;
}

/* .interview-contents
------------------------------------*/
.interview-contents {
  position: relative;
  background-color: #FFFFFF;
  border-radius: 40px;
  width: 960px;
  margin: 0 auto;
  padding: 0 0 80px;
}

.interview-lead,
.interview-important,
.interview-from {
  padding-right: 80px;
  padding-left: 80px;
}

/* .interview-lead
------------------------------------*/
.interview-lead {
  position: relative;
  margin-bottom: 70px;
  padding-top: 110px;
  padding-bottom: 45px;
}

.interview-lead:after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 60px;
  background: url(../img/share/dwnavi_bar.gif) repeat-x left bottom;
	width: calc(100% - 120px);
	height: 2px;
}

.interview-lead h2 {
  position: absolute;
  top: 36px;
  right: 40px;
  color: #704D29;
  font-family: "Pompiere", cursive;
  font-size: 19px;
  letter-spacing: 0.1em;
  white-space: nowrap;
}

.interview-lead p {
  color: #704D29;
  font-size: 15px;
  line-height: 2.15;
  letter-spacing: 0.15em;
}

/* .interview-important
------------------------------------*/
.interview-important {
  margin-bottom: 85px;
}

.interview-important h2 {
  position: relative;
  margin-bottom: 50px;
  padding: 0 0 0 44px;
  color: #44290D;
}

.interview-important h2 i {
  display: block;
  position: absolute;
  bottom: -6px;
  left: 0;
}

.interview-important h2 span {
  display: inline-block;
  font-size: 16px;
  letter-spacing: 0.12em;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.3em;
}

.interview-important .inner:not(:last-child) {
  margin-bottom: 65px;
}

.interview-important .inner h3 {
  margin: 0 2px 22px;
}

.interview-important .inner p {
  margin: 0 4px 10px;
  color: #563317;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.08em;
  text-align: justify;
}

.interview-important .inner figure {
  margin-top: 30px;
}

/* .interview-from
------------------------------------*/
.interview-from {
  margin-bottom: 85px;
  color: #563317;
}

.interview-from h2 {
  position: relative;
  margin: 0 0 50px -24px;
  color: #44290D;
}

.interview-from h2 strong {
  display: inline-block;
  position: absolute;
  bottom: 2px;
  left: 235px;
  border: 3px solid #44290D;
  padding: 3px 8px 2px 11px;
  font-size: 22px;
  letter-spacing: 0.12em;
  white-space: nowrap;
}

.interview-from h2 strong span {
  padding-left: 1px;
  font-size: 15px;
}

.interview-from .inner {
  background: url(../img/share/line-dot-brown.svg) repeat-x left bottom;
  margin-bottom: 44px;
  padding: 0 0 36px;
}

.interview-from .inner:last-of-type {
  background: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.interview-from .inner dl {
  display: flex;
}

.interview-from .inner dt {
  display: flex;
  width: 225px;
  min-width: 225px;
  padding-left: 20px;
}

.interview-from .inner dt figure {
  margin: 6px 12px 0 -5px;
}

.interview-from .inner dt div {
  padding-top: 2px;
}

.interview-from .inner dt:has(figure) div {
  padding-top: 15px;
}

.interview-from .inner dt h3 {
  margin-bottom: 5px;
}

.interview-from .inner dt strong {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.08em;
}
/* 
.interview-from .inner dt:has(figure) strong {
  letter-spacing: 0.16em;
} */

.interview-from .inner dt span {
  font-size: 13px;
}

.interview-from .inner dt:has(figure) span {
  padding-left: 2px;
}

.interview-from .inner dd p {
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 1.9;
  letter-spacing: 0.02em;
  text-align: justify;
}

/* .interview-slide
------------------------------------*/
.interview-slide {
  width: 100%;
  margin-bottom: 90px;
}

.interview-slide figure {
  margin-right: 5px;
}

/* .interview-message
------------------------------------*/
.interview-message {
  display: flex;
	justify-content: space-between;
  background: #FFFFFF url(../img/interview/bg-line-blue.svg) repeat left top;
  border: 1px solid #B1CCEA;
  box-shadow: 8px 8px 0px rgba(177, 204, 234, 0.3);
  width: 800px;
  margin: 0 auto;
  padding: 58px 60px 44px;
}

.interview-message .txt h2 {
  margin: 0 0 19px;
}

.interview-message .txt h3 {
  margin: 0 0 25px -5px;
}

.interview-message .txt p {
  margin-bottom: 10px;
  color: #563317;
  font-size: 13px;
  line-height: 2.1;
  letter-spacing: 0.03em;
  text-align: justify; 
}

.interview-message figure {
  width: 240px;
  min-width: 240px;
  margin: 42px 0 0 60px;
}