@charset "UTF-8";


/* archive-interview
---------------------------------------------------------------------------*/
#archive-interviewContents {
	padding-top: 90px;
	font-feature-settings: 'palt' 1;
}

#archive-interviewContents .interview-lead {
	text-align: center;
	margin-bottom: 75px;	
}

#archive-interviewContents .interview-lead h1 {
	font-size: 26px;
	color: #E95516;
	letter-spacing: 0.1em;
	margin-bottom: 24px;
}

#archive-interviewContents .interview-lead p {
	letter-spacing: 0.12em;
}

.archive-wrap {
	margin-bottom: 100px;
}

.interview-list {
	display: flex;
	flex-wrap: wrap;
	padding-left: 27px;
} 
.interview-list li {
	display: inline-block;
	margin-right: 60px;
	margin-bottom: 55px;
}
.interview-list li:nth-of-type(3n) {
	margin-right: 0;
}

.interview-list article {
	display: inline-block;
}

.interview-list article a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.interview-list article a:hover {
	opacity: .5;
}

.interview-list article figure {
	margin-bottom: 25px;
}

.interview-list article h2 {
	display: inline-block;
	padding-left: 60px;
	position: relative;
	line-height: 1.1;
}

.interview-list article h2 i {
	position: absolute;
	left: 0;
	top: -5px;
}

.interview-list article h2 strong {
	color: #EA5514;
	font-size: 15px;
	letter-spacing: 0.08em;
}

.interview-list article h2 strong em {
	display: block;
	font-size: 14px;
	color: #804F21;
	letter-spacing: 0.09em;
	margin-bottom: 6px;
}


/* .interview_single
---------------------------------------------------------------------------*/
/* .page-title
------------------------------------*/
#interview_singleContents {
	font-feature-settings: 'palt' 1;
}

#interview_singleContents .page-title {
	position: relative;
	overflow: hidden;
}

#interview_singleContents .page-title h1 {
	display: inline-block;
	line-height: 1.1;
	position: absolute;
	left: 111px;
	bottom: 60px;
	opacity: 0;
}

#interview_singleContents .page-title h1 > div {
	position: relative;
	background: #fff;
	border-radius: 63px;
	padding: 34px 68px 32px 98px;
}

#interview_singleContents .page-title h1 i {
	position: absolute;
	left: 33px;
	top: 30px;
}

#interview_singleContents .page-title h1 strong {
	color: #EA5514;
	font-size: 26px;
	letter-spacing: 0.03em;
	position: relative;
}

#interview_singleContents .page-title h1 strong.size-l {
	font-size: 30px;
}

#interview_singleContents .page-title h1 strong em {
	display: block;
	font-size: 16px;
	color: #804F21;
	margin-bottom: 12px;
	letter-spacing: 0.06em;
	padding-left: 1px;
}

#interview_singleContents .page-title h1 strong::after {
	content: "";
	position: absolute;
	display: block;
	background: url(../img/share/logo-foot4.png) no-repeat;
	width: 35px;
	height: 26px;
	z-index: 9999;
	right: -26px;
	top: -10px;
}


/* #interview-01
----------------*/
/*
#interview-01 #interview_singleContents .page-title h1 strong::after {
	right: -8px;
	top: -1px;
}
*/

/* #interview-02
----------------*/
#interview-02 #interview_singleContents .page-title h1 strong::after {
	right: -100px;
	top: -2px;
}

/* #interview-04
----------------*/
#interview-04 #interview_singleContents .page-title h1 strong::after {
	right: -90px;
	top: -2px;
}

/* #interview-05
----------------*/
#interview-05 #interview_singleContents .page-title h1 strong::after {
	right: -140px;
	top: -2px;
}

/* #interview-06
----------------*/
#interview-06 #interview_singleContents .page-title h1 strong::after {
	right: -112px;
	top: -2px;
}

/* #interview-07
----------------*/
#interview-07 #interview_singleContents .page-title h1 strong::after {
	right: -128px;
	top: -2px;
}

/* #interview-08
----------------*/
/*
#interview-08 #interview_singleContents .page-title h1 strong::after {
	right: -19px;
	top: 0px;
}
*/

/* h1.h1-2line h1が2行のとき
------------------------------------*/
#interview_singleContents .page-title h1.h1-2line {
	line-height: 0;
	border-radius: 67px;
}

#interview_singleContents .page-title h1.h1-2line > div {
	padding: 25px 60px 24px 102px;
	border-radius: 70px;
}

/* #interview-06
----------------*/
/*
#interview-06 #interview_singleContents .page-title h1.h1-2line > div {
	padding-right: 60px;
}
*/

/* #interview-05,
   #interview-07
----------------*/
/*
#interview-05 #interview_singleContents .page-title h1.h1-2line > div,
#interview-07 #interview_singleContents .page-title h1.h1-2line > div {
	padding-right: 53px;
}
*/

#interview_singleContents .page-title h1.h1-2line i {
	left: 39px;
	top: 27px;
}

#interview_singleContents .page-title h1.h1-2line strong {
	font-size: 24px;
	letter-spacing: 0.025em;
	line-height: 1.4;
}

#interview_singleContents .page-title h1.h1-2line strong em {
	font-size: 15px;
	margin-bottom: 6px;
	letter-spacing: 0.06em;
	padding-left: 2px;
}

.parts-chicken {
	position: absolute;
	bottom: 0;
	left: 39px;
	width: 159px;
}

.parts-inner {
	position: absolute;
}

.chicken-s1 {
	right: 119px;
	bottom: 0;
}

.chicken-s2 {
	right: 78px;
	bottom: 0;
	z-index: 3;
}

.chicken-l {
	bottom: 0;
	right: 0;
}

.parts-head {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
}

.parts-head img,
.parts-chicken img {
	width: 100%;
	height: auto;
	transform-origin: center bottom;
	opacity: 0;
}

/* #interview-01
----------------*/
#interview-01 .crest1 {
	left: 29.4%;
	top: 27.5%;
	width: 5.6%;
	transform: rotate(-38deg);
}
#interview-01 .crest2 {
	left: 47.4%;
	top: 14.8%;
	width: 6.4%;
	transform: rotate(-23deg);
}
#interview-01 .crest3 {
	left: 69.3%;
	top: 14.2%;
	width: 5.4%;
	transform: rotate(12deg);
}

/* #interview-02
----------------*/
#interview-02 .crest1 {
	left: 35.3%;
	top: 33.8%;
	width: 5%;
	transform: rotate(-53deg);
}
#interview-02 .crest2 {
	left: 49.7%;
	top: 22.4%;
	width: 6%;
	transform: rotate(-32deg);
}
#interview-02 .crest3 {
	left: 67%;
	top: 23.6%;
	width: 5%;
	transform: rotate(2deg);
}

/* #interview-03
----------------*/
#interview-03 .crest1 {
	left: 30.7%;
	top: 26.1%;
	width: 3.8%;
	transform: rotate(-16deg);
}
#interview-03 .crest2 {
	left: 39.3%;
	top: 24%;
	width: 4.62%;
	transform: rotate(-19deg);
}
#interview-03 .crest3 {
	left: 48.6%;
	top: 23.3%;
	width: 3.7%;
	transform: rotate(12deg);
}
#interview-03 .crest4 {
	left: 57.6%;
	top: 20.1%;
	width: 4.2%;
	transform: rotate(13deg);
}

/* #interview-04
----------------*/
#interview-04 .crest1 {
	left: 35.5%;
	top: 30.4%;
	width: 3.9%;
	transform: rotate(-53deg);
}
#interview-04 .crest2 {
	left: 47.4%;
	top: 19.7%;
	width: 4.6%;
	transform: rotate(-34deg);
}
#interview-04 .crest3 {
	left: 64.5%;
	top: 22.1%;
	width: 4.5%;
	transform: rotate(-4deg);
}

/* #interview-05
----------------*/
#interview-05 .crest1 {
	left: 34%;
	top: 11.3%;
	width: 6.5%;
	transform: rotate(-40deg);
}
#interview-05 .crest2 {
	left: 53.5%;
	top: 9%;
	width: 7%;
	transform: rotate(-24deg);
}
#interview-05 .crest3 {
	left: 73.3%;
	top: 25.6%;
	width: 6.5%;
	transform: rotate(-25deg);
}

/* #interview-06
----------------*/
#interview-06 .crest1 {
	left: 34.6%;
	top: 18.7%;
	width: 5%;
	transform: rotate(-58deg);
}
#interview-06 .crest2 {
	left: 43.4%;
	top: 29.9%;
	width: 5.4%;
	transform: rotate(-40deg);
}
#interview-06 .crest3 {
	left: 65.7%;
	top: 18.6%;
	width: 6.2%;
	transform: rotate(5deg);
}

/* #interview-07
----------------*/
#interview-07 .crest1 {
	left: 16%;
	top: 12.1%;
	width: 7%;
	transform: rotate(-42deg);
}
#interview-07 .crest2 {
	left: 59.3%;
	top: 16.6%;
	width: 7.5%;
	transform: rotate(-21deg);
}

/* #interview-08
----------------*/
#interview-08 .crest1 {
	left: 24.1%;
	top: 16.7%;
	width: 5.1%;
	transform: rotate(-42deg);
}
#interview-08 .crest2 {
	left: 42.7%;
	top: 15.7%;
	width: 5.8%;
	transform: rotate(-23deg);
}
#interview-08 .crest3 {
	left: 58.5%;
	top: 22.5%;
	width: 5%;
	transform: rotate(-3deg);
}
#interview-08 .crest4 {
	left: 66.8%;
	top: 27.6%;
	width: 4.5%;
	transform: rotate(-38deg);
}



/* .content
------------------------------------*/
#interview_singleContents .contents {
	padding-top: 100px;
}

/* .interview-wrap
------------------------------------*/
.interview-wrap .person {
	margin-bottom: 65px;
}

.interview-wrap .person ul {
	display: flex;
	justify-content: center;
}

.interview-wrap .person.person-3 ul {
	padding-left: 20px;
}

.interview-wrap .person ul li {
	display: inline-flex;
	margin-right: 83px;
	position: relative;
}

.interview-wrap .person ul li::after {
	content: "";
	position: absolute;
	display: block;
	width: 36px;
	height: 36px;
	background: url(../img/share/ico-multipled.svg) no-repeat;
	background-size: 36px 36px;
	right: -61px;
	top: 26px;
}

.interview-wrap .person ul li:last-of-type {
	margin-right: 0;
}

.interview-wrap .person ul li:last-of-type::after {
	display: none;
}

.interview-wrap .person ul li figure {
	position: relative;
	margin-right: 28px;
}

.interview-wrap .person ul li figure .person-crest {
	right: -14px;
	top: -17px;
	width: 59px;
	transform: rotate(12deg);
	opacity: 1;
}

.interview-wrap .person .person-detail {
	padding-top: 13px;
}

.interview-wrap .person ul li em {
	display: block;
	font-size: 14px;
	color: #804F21;
	margin-bottom: 12px;
	letter-spacing: 0.08em;
	padding-left: 1px;
}

.interview-wrap .person ul li strong {
	display: block;
	font-size: 20px;
	color: #EA5514;
	margin-bottom: 12px;
	letter-spacing: 0.08em;
}

.interview-wrap .person ul li .txt-small {
	font-size: 13px;
	padding-left: 1px;
}

.interview-wrap .person ul li i {
	display: block;
	font-size: 12px;
	color: #804F21;
	font-style: normal;
	letter-spacing: 0.1em;
	padding-left: 2px;
}


/* .sec-interview
------------------------------------*/
.sec-interview {
	width: 650px;
	margin: 0 auto 100px;
}


/* #interview-02
----------------*/
#interview-02 .sec-interview:nth-of-type(2) {
	margin-bottom: 90px;
}

.sec-interview h2,
.interview-end h2 {
	text-align: center;
	font-size: 22px;
	line-height: 1.9;
	letter-spacing: 0.14em;
	margin-bottom: 32px;
	color: #EA5514;
}


/* #interview-08
----------------*/
#interview-08 .sec-interview h2.nowrap {
	letter-spacing: 0.1em;
	white-space: nowrap;
	transform: translateX(-18px);
}

#interview-08 .sec-interview h2 .h2-small {
	font-size: 19px;
	padding-left: 5px;
}

.interview-end h2{
	margin-bottom: 20px;
}

.sec-interview:first-child h2:first-child {
	margin-top: 85px;
}

.sec-interview .h2-side-lead {
	font-size: 15px;
	text-align: center;
	display: block;
	width: 1000px;
	margin-left: -175px;
	letter-spacing: 0.14em;
	margin-top: -15px;
}

.sec-interview .h2-side-lead.sub-hl {
	font-size: 16px;
}

.sec-interview .h2-side-lead.only-lead {
	margin-top: 0;
	line-height: 1.9;
}

.sec-interview .h2-side-lead.only-lead + .h2-side-lead.only-lead {
	margin-top: 15px;
}

.sec-interview .h2-side-lead + dl {
	margin-top: 55px;
}

.sec-interview dl div {
	display: flex;
	justify-content: space-between;
	font-size: 15px;
	margin-bottom: 26px;
}

.sec-interview dl div:last-of-type {
	margin-bottom: 0;
}

.sec-interview dl div dt {
	width: 95px;
	line-height: 2.01;
	letter-spacing: 0.06em;
	transform: translateY(-1px);
	font-size: 16px;
}

.sec-interview dl div dt.dt-narrow {
	white-space: nowrap;
	letter-spacing: 0.01em !important;
}

.sec-interview dl div dt.crient {
	color: #EA5721;
}

.sec-interview dl div dd {
	width: calc(100% - 95px);
}

/* #interview-05, #interview-07
------------------------------------*/
#interview-05 .sec-interview dl div dt,
#interview-07 .sec-interview dl div dt{
	width: 110px;
	letter-spacing: 0.03em;
}

#interview-05 .sec-interview dl div dt.crient,
#interview-07 .sec-interview dl div dt.crient {
	letter-spacing: 0.05em;
}

#interview-05 .sec-interview dl div dd,
#interview-07 .sec-interview dl div dd {
	width: calc(100% - 110px);
}



.sec-interview dl div dd p {
	letter-spacing: 0.058em;
	text-align: justify;
	line-height: 2.01;
	font-size: 16px;
}

.sec-interview dl div dd p a {
	text-decoration: underline;
}

.sec-interview dl div dd p + p {
	margin-top: 15px;
}

.sec-interview figure {
	margin: 83px -29px 83px -29px;
}

.sec-interview figure:last-child {
	margin-bottom: 0;
}

.sec-interview figure + figure {
	margin-top: -38px;
}

.sec-interview figure img + img {
	margin-top: 5px;
}

.sec-interview figure img + figcaption + img {
	margin-top: 30px;
} 

.sec-interview h2 + figure,
.sec-interview .h2-side-lead + figure,
.sec-interview .dl-short + figure{
	margin-top: 70px;
}

.sec-interview .h2-side-lead.sub-hl + figure {
	margin-top: 50px;
}

.sec-interview .sec-figure-l {
	margin: 88px -175px 88px -175px;
	width: 1000px;
}

.sec-interview:first-of-type h2:first-child + .sec-figure-l {
	margin: 55px -175px 68px -175px;
}

.sec-interview figure.reduct.sec-figure {
	width: 708px;
}

figure.reduct.place-figure {
	width: 397px;	
}

figure.reduct img {
	width: 100%;
	display: inline-block;
	height: auto;
}

.sec-interview figure figcaption {
	font-size: 13px;
	letter-spacing: 0.12em;
	text-align: justify;
	line-height: 1.85;
	margin-top: 15px;
}


/* .bg-box
------------------------------------*/
.sec-interview .bg-box {
	background: #fff;
	display: flex;
	margin: 65px -29px 75px -29px;
	padding: 32px 38px 30px 35px;
	box-sizing: border-box;
	border-radius: 6px;
	width: 708px;
}

.sec-interview .bg-box figure {
	margin: 0 35px 0 0;
}

.sec-interview .bg-box .inner-sec h3 {
	font-size: 15px;
	letter-spacing: 0.14em;
	margin-bottom: 20px;
	padding-top: 20px;
}

.sec-interview .bg-box .inner-sec p {
	font-size: 12px;
	letter-spacing: 0.1em;
	text-align: justify;
	line-height: 1.8;
}

.sec-interview .bg-box .inner-sec p + p {
	margin-top: 5px;
}

.sec-interview .bg-box .inner-sec p.detail-url {
	font-size: 12px;
	letter-spacing: 0.1em;
	margin-top: 13px;
	padding-left: 2px;
}

/* .interview-end
------------------------------------*/
.interview-end {
	text-align: center;
}
.interview-end p {
	font-size: 15px;
	letter-spacing: 0.14em;
	line-height: 2;
}

.interview-end p + p {
	margin-top: 15px;
}

/* .interview-ps
------------------------------------*/
.interview-ps {
	width: 100%;
	text-align: center;
	margin-top: 55px;
	padding-bottom: 65px;
}

.interview-ps .h2-side-lead {
	font-size: 15px;
	display: block;
	width: 100%;
	letter-spacing: 0.17em;
	margin-bottom: 15px;
	line-height: 1;
}

.interview-ps p {
	letter-spacing: 0.14em;
	line-height: 2;
	margin-bottom: 10px;
}

.interview-ps p:last-of-type {
	margin-bottom: 0;
}

/* .place-intro
------------------------------------*/
.intro-wrap {
	width: 100%;
	display: flex;
	justify-content: center;
}

.place-intro {
	margin: 80px 0 150px 0;
	display: inline-flex;
	padding: 38px 68px 37px 40px;
	background: #fff;
	border-radius: 11px;
	align-items: flex-end;
	width: auto;
	min-width: 854px;
	box-sizing: border-box;
}

section + .intro-wrap .place-intro {
	margin-top: 20px;
}

.place-intro figure {
	margin-right: 54px;
}

.intro-detail {
	padding-bottom: 5px;
}

.intro-detail h2 {
	display: flex;
	flex-direction: column;
}

.intro-detail h2 i {
	margin-bottom: 29px;
	transform: translateX(-2px);
}

.intro-detail h2 strong {
	font-size: 30px;
	color: #EA5514;
	letter-spacing: 0.03em;
	margin-bottom: 17px;
	transform: translateX(-1px);
}

.intro-detail h2 strong em {
	display: block;
	font-size: 16px;
	color: #804F21;
	letter-spacing: 0.06em;
	margin-bottom: 19px;
	padding-left: 1px;
}

.intro-detail address span {
	font-size: 15px;
	letter-spacing: 0.09em;
	line-height: 1.4;
}

.intro-detail address .web {
	display: block;
	font-size: 13px;
	letter-spacing: 0.07em;
	margin-top: 10px;
	line-height: 1;
}

.intro-detail address .web a {
	color: #804F21;
}


/* .place-intro.h2-2line h2が2行の場合
------------------------------------*/
.place-intro.h2-2line {
	padding-right: 50px;
}

.intro-detail h2 i {
	margin-bottom: 26px;
}

.intro-detail h2 figure {
	margin-right: 49px;
}

.place-intro.h2-2line .intro-detail {
	padding-bottom: 3px;
}

.place-intro.h2-2line .intro-detail h2 strong {
	font-size: 22px;
	letter-spacing: 0.05em;
	margin-bottom: 18px;
	line-height: 1.4;
}

.place-intro.h2-2line .intro-detail h2 strong em {
	font-size: 15px;
	letter-spacing: 0.08em;
	margin-bottom: 10px;
}

/* #interview-08
----------------*/
#interview-08 .place-intro.h2-2line {
	padding-right: 45px;
}

#interview-08 .place-intro.h2-2line .intro-detail h2 strong {
	margin-bottom: 12px;
}

#interview-08 .place-intro.h2-2line .intro-detail h2 strong em {
	margin-bottom: 8px;
}
#interview-08 .intro-detail address .web {
	margin-top: 15px;
}