.interviewArchive{
  padding:40px 0 90px;
}
.workDetail_disc,
.workprMovie {
  width: min(100%,1320px);
  margin: 0 auto 100px;
  position: relative;
}
.workDetail_catch {
  font-size: 180%;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 0 0 30px;
}
.workprMovie_disc {
  padding: 0 0 30px;
  font-size: 110%;
  font-weight: 500;
}
.movie_grid .disc_txt {
  text-align: center;
  padding: 10px;
  font-weight: 500;
  color: var(--color-green-main);
  font-size: 110%;
}
.workDetail_title,
.interviewArchive_title {
  margin: 0 0 34px;
  font-size: 30px;
  line-height: 1.5;
  color: #3f6f58;
  font-weight: 700;
}
.interviewArchive_title {
  text-align:center;
}
.movie_grid,
.work_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px,1fr));
  gap: 24px;
}
.movie_item {
  position: relative;
}
.movie_item:hover {
  opacity: 0.9;
}
.movie_item img {
  width: 100%;
  height: auto;
  display: block;
  cursor: pointer;
  border: 3px solid var(--color-green-sub);
  border-radius: 18px;
  position:relative;
}
.movie_item .img_bl {
  position: relative;
}
.movie_item .img_bl::before {
  content: "";
  background: url(/wp-content/uploads/2026/03/movie_arrow.svg) center / contain no-repeat;
  position: absolute;
  background-size: contain;
  width: clamp(80px, 15vw, 160px);
  aspect-ratio: 1 / 1;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  z-index: 1;
}
.movie_item:hover .img_bl::before {
  filter: saturate(1.8) contrast(1.2);
}
/* popup */
.movie_popup{
  position:fixed;
  inset:0;
  z-index:3000;
  display:none;
}
.movie_popup.is-open{
  display:block;
}
.movie_popup__overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.75);
}
.movie_popup__content{
  position:absolute;
  inset:0;
  margin:auto;
  width:min(960px, 92vw);
  aspect-ratio:16/9;
  background:#000;
  display:flex;
  align-items:center;
  justify-content:center;
}
.movie_popup__content video{
  width:100%;
  height:100%;
  object-fit:contain;
}
.movie_popup__close{
  position:absolute;
  top:-40px;
  right:0;
  background:none;
  border:none;
  color:#fff;
  font-size:32px;
  cursor:pointer;
}
@media (max-width:768px){
  .movie_popup__close{
    top:8px;
    right:8px;
    font-size:28px;
  }
}

body.single-interview {
  background: #ffff;
}
body.single-interview .sectionWave::before {
  display: none;
}
.interviewArchive_inner{
  width:min(100%,1280px);
  margin:0 auto;
}
.interviewArchive_grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:28px 24px;
}
.interviewArchive_card{
  background:#fff;
  border:3px solid var(--interviewColor,#6ea978);
  border-radius:14px;
  box-shadow:0 8px 0 var(--interviewColor,#6ea978);
  overflow:hidden;
}
.interviewArchive_cardLink{
  display:block;
  height:100%;
  color:inherit;
  text-decoration:none;
}
.interviewArchive_thumb{
  margin:0;
  padding: 10px;
}
.interviewArchive_thumb img{
  display:block;
  width:100%;
  height:auto;
}
.interviewArchive_body{
  padding:16px 14px 18px;
}
.interviewArchive_catch {
  margin: 0 0 18px;
  color: var(--interviewColor,#6ea978);
  font-size: 14px;
  line-height: 1.8;
  font-weight: 700;
  font-size: clamp(16px, 0.8vw + 16px, 18px);
  min-height: calc(1em * 1.8 * 2);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.interviewArchive_nameRow{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:0;
}
.interviewArchive_name{
  color:var(--interviewColor,#6ea978);
  font-size:24px;
  line-height:1.2;
  font-weight:700;
}
.interviewArchive_job{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:5px 12px;
  border-radius:999px;
  background:var(--interviewColor,#6ea978);
  color:#fff;
  font-size:12px;
  line-height:1.2;
  font-weight:700;
}
.interviewArchive_meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:14px 0 0;
}
.interviewArchive_year,
.interviewArchive_type{
  font-size:15px;
  line-height:1.6;
  font-weight:500;
}
@media (max-width:1024px){
  .interviewArchive_grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:767px){
  .interviewArchive{
    padding:24px 10px 60px;
  }
  .interviewArchive_inner{
    width:min(100%,calc(100% - 20px));
  }
  .interviewArchive_grid{
    grid-template-columns:1fr;
    gap:20px;
  }
  .interviewArchive_name{
    font-size:22px;
  }
  .interviewArchive_year{
    font-size:13px;
  }
}


.interviewDetail{
  padding:40px 10px 90px;
	position: relative;
background: color-mix(in srgb, var(--interviewAccent) 3%, transparent);
}
.interviewDetail_careerIcon{
  display:none;
}
.interviewDetail_careerIcon {
  width: 56px;
  min-width: 56px;
  margin: 0 auto 15px;
}
.interviewDetail_careerIcon img{
  width:100%;
  height:auto;
  display:block;
}
.interviewDetail_careerContent{
  flex:1;
}

.interviewDetail::before {
  content: "";
  background: #eef5f0;
  background: url(/wp-content/uploads/2026/03/appleandtomato_back.webp);
  background-repeat: repeat;
  background-size: auto;
  background-size: contain;
  background-repeat: repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: -1;
  opacity: 0.1;
}
.interviewDetail::after {
  -webkit-mask: url("/wp-content/uploads/2026/03/wave-top.svg") center top / 100% 100% no-repeat;
  mask: url("/wp-content/uploads/2026/03/wave-top.svg") center top / 100% 100% no-repeat;
  content: "";
  position: absolute;
  height: 19px;
  width: 100%;
  background: color-mix(in srgb, var(--interviewAccent) 3%, transparent);
  top: -19px;
  right: 0;
  display: block;
}
.interviewDetail_inner{
  width:min(100%,1280px);
  margin:0 auto;
}
.interviewDetail_head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,520px);
  gap:40px;
  align-items:start;
}
.interviewDetail_profile{
  padding-top:20px;
}
.interviewDetail_catch{
  margin:0 0 24px;
  color:var(--interviewAccent,#6ea978);
  font-size:34px;
  line-height:1.5;
  font-weight:700;
}
.interviewDetail_nameRow{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin:0;
}
.interviewDetail_name{
  margin:0;
  color:var(--interviewAccent,#6ea978);
  font-size:44px;
  line-height:1.2;
  font-weight:700;
}
.interviewDetail_job {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 6px 24px;
  border-radius: 999px;
  background: var(--interviewAccent,#6ea978);
  color: #fff;
  line-height: 1.2;
  font-weight: 600;
  font-size: clamp(16px, 0.8vw + 18px, 20px);
}
.interviewDetail_meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 0;
  color:#5c3d1b;
  font-size: clamp(16px, 0.8vw + 18px, 20px);
  line-height:1.6;
  font-weight:700;
}
.interviewDetail_careerBox{
  margin:26px 0 0;
  max-width:520px;
  padding:0 0 18px;
  background:#fff;
  border-radius:8px;
}
.interviewDetail_careerLabel {
  margin: 0;
  font-size: clamp(16px, 0.8vw + 18px, 20px);
  line-height: 1.4;
  font-weight: 700;
  padding: 15px;
  background: color-mix(in srgb, var(--interviewAccent) 5%, transparent);
}
.interviewDetail_careerPath {
  margin: 10px 15px 0;
  font-size: 14px;
  line-height: 1.9;
  font-weight: 500;
}
.interviewDetail_mainImage{
  margin:0;
}
.interviewDetail_mainImage img{
  display:block;
  width:100%;
  height:auto;
  border-radius: 8px;
}
.interviewDetail_section{
  margin:54px 0 0;
}
.interviewDetail_careerList{
	display:grid;
	gap:10px;
	grid-template-columns: repeat(6, 1fr);
}
.interviewDetail_careerItem{
  padding:18px 22px;
  border-radius:8px;
  background:#fff;
}
.interviewDetail_careerPeriod{
  margin:0;
  color:var(--interviewAccent,#6ea978);
  font-size:18px;
  line-height:1.5;
  font-weight:700;
}
.interviewDetail_careerDesc{
	margin:8px 0 0;
	color:#5c3d1b;
	font-size:15px;
	line-height:1.5;
	font-weight:700;
	padding: 0 0 15px;
}
.interviewDetail_careerDuties {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
}
.interviewDetail_careerDuties::before {
  content: "( 主な仕事内容 )";
  opacity: 0.6;
  display: block;
  font-weight: 500;
  font-size: 13px;
  padding: 0 0 2px;
}
.interviewDetail_qa{
  display:grid;
  gap:28px;
}
.interviewDetail_qaBox{
  max-width:840px;
  padding:24px 28px;
  border-radius:8px;
  background:#fff;
}
.interviewDetail_qaBox.is-left{
  margin-right:auto;
}
.interviewDetail_qaBox.is-right{
  margin-left:auto;
}
.interviewDetail_qaBox.is-wide{
  max-width:920px;
}
.interviewDetail_q{
  margin:0;
  font-size:22px;
  line-height:1.5;
  font-weight:700;
  color: var(--interviewAccent,#6ea978);
}
.interviewDetail_a{
  margin:16px 0 0;
  color:#5c3d1b;
  font-size:15px;
  line-height:2;
  font-weight:500;
}
.interviewDetail_a p{
  margin:0;
}
.interviewDetail_a p + p{
  margin-top:12px;
}
.interviewDetail_workImage{
  margin:22px 0 0;
}
.interviewDetail_workImage img {
  display: block;
  width: 100%;
  max-width: 420px;
  height: auto;
  border-radius: 10px;
  margin: 0 auto;
}
.interviewDetail_schedule{
  max-width:680px;
  margin:0 auto;
  padding:26px 30px 34px;
  border-radius:8px;
  background:#fff;
  background-image:
    linear-gradient(to right, rgba(90,140,110,.08) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(90,140,110,.08) 1px, transparent 1px);
  background-size:28px 28px;
}
.interviewDetail_scheduleTitle{
  display:flex;
  align-items:center;
  justify-content:center;
  width:fit-content;
  min-width:220px;
  min-height:42px;
  margin:0 auto 24px;
  padding:0 20px;
  background:var(--interviewAccent,#6ea978);
  color:#fff;
  font-size:20px;
  line-height:1.2;
  font-weight:700;
}
.interviewDetail_scheduleList{
  display:grid;
  gap:14px;
}
.interviewDetail_scheduleRow{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:18px;
}
.interviewDetail_scheduleTime{
  margin:0;
  color:#5c3d1b;
  font-size:18px;
  line-height:1.6;
  font-weight:700;
}
.interviewDetail_scheduleText{
  margin:0;
  color:#5c3d1b;
  font-size:18px;
  line-height:1.6;
  font-weight:700;
}
.interviewDetail_message{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,360px);
  gap:24px;
  align-items:end;
  margin:60px 0 0;
  padding:28px 30px;
  background: #e5ddd0;
  border-radius: 10px;
}
.interviewDetail_messageLabel{
  margin:0 0 24px 15px;
  font-size:18px;
  line-height:1.4;
  font-weight:700;
}
.interviewDetail_messageBody{
  padding:28px 36px;
  border-radius:999px;
  background:#fff;
  color:#5c3d1b;
  font-size:15px;
  line-height:2;
  font-weight:700;
}
.interviewDetail_messageBody p{
  margin:0;
}
.interviewDetail_messageBody p + p{
  margin-top:10px;
}
.interviewDetail_messageImage{
  margin:0;
}
.interviewDetail_messageImage img{
  display:block;
  width:100%;
  height:auto;
  border-radius: 8px;
}
.interviewDetail_related {
  margin: 56px 0 0 -10px;
  overflow: hidden;
  background: #fff;
  padding: 50px 0;
  color: var(--color-green-sub);
}
.interviewDetail_relatedGrid{
  display:flex;
  gap:32px;
  width:max-content;
  padding:0 20px 8px 0;
}
.interviewRelatedCard{
  flex:0 0 clamp(300px,29vw,340px);
}
.interviewDetail_relatedHead{
  width:min(100%,1200px);
  margin:0 auto 26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding: 0 20px;
}
.interviewDetail_relatedSlider{
  width:calc(100vw - max((100vw - 1200px) / 2, 20px));
  margin-left:auto;
  overflow-x:auto;
  overflow-y:visible;
  -ms-overflow-style:none;
  scrollbar-width:none;
  padding:0 0 12px;
}
.interviewDetail_relatedSlider::-webkit-scrollbar{
  display:none;
}
.interviewRelatedCard{
  background:#fff;
  border:3px solid var(--relatedColor,#6ea978);
  border-radius:14px;
  box-shadow:0 8px 0 var(--relatedColor,#6ea978);
  overflow:hidden;
}
.interviewRelatedCard_link{
  display:block;
  height:100%;
  color:inherit;
  text-decoration:none;
}
.interviewRelatedCard_thumb{
  margin:0;
  padding: 10px;
}
.interviewRelatedCard_thumb img{
  display:block;
  width:100%;
  height:auto;
}
.interviewRelatedCard_body{
  padding:16px 14px 18px;
}
.interviewRelatedCard_catch {
  margin: 0 0 18px;
  color: var(--relatedColor,#6ea978);
  line-height: 1.8;
  font-weight: 700;
  min-height: calc(1em * 1.8 * 2);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: clamp(18px, 0.8vw + 18px, 20px);
}
.interviewRelatedCard_nameRow{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:0;
}
.interviewRelatedCard_name{
  color:var(--relatedColor,#6ea978);
  font-size:24px;
  line-height:1.2;
  font-weight:700;
}
.interviewRelatedCard_job{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:5px 12px;
  border-radius:999px;
  background:var(--relatedColor,#6ea978);
  color:#fff;
  font-size:12px;
  line-height:1.2;
  font-weight:700;
}
.interviewRelatedCard_type{
  margin: 18px 0 0;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 700;
  color: var(--relatedColor,#6ea978);
}
.interviewRelatedCard_meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:14px 0 0;
}
.interviewRelatedCard_year{
  margin:18px 0 0;
  font-size:14px;
  line-height:1.6;
  font-weight:700;
  color:var(--relatedColor,#6ea978);
}
.interviewDetail_relatedBtnWrap{
  margin:28px 0 0;
  text-align:center;
}
.interviewDetail_relatedBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:220px;
  min-height:50px;
  padding:0 26px;
  border-radius:6px;
  background:#5f996a;
  color:#fff;
  text-decoration:none;
  font-size:16px;
  line-height:1.2;
  font-weight:700;
}
.interviewArchive_inner small {
  text-align: center;
  display: block;
  padding: 50px 10px 0;
}
.interviewDetail_relatedNav{
  display:flex;
  align-items:center;
  gap:18px;
  flex-shrink:0;
}
.interviewDetail_relatedNav button{
  width:58px;
  height:58px;
  border:none;
  border-radius:50%;
  background:#fff;
  box-shadow:0 4px 0 #d7dfd9;
  position:relative;
  cursor:pointer;
  padding:0;
}
.interviewDetail_relatedNav button span{
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:0;
  transform:translate(-50%,-50%);
}
.related_prev span{
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  border-right:16px solid #7a4b00;
  margin-left:-3px;
}
.related_next span{
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  border-left:16px solid #7a4b00;
  margin-left:3px;
}
@media (max-width:1024px){
  .interviewDetail_head{
    grid-template-columns:1fr;
    gap:24px;
  }
  .interviewDetail_message{
    grid-template-columns:1fr;
  }
  .interviewDetail_relatedGrid{
    gap:20px;
  }
  .interviewRelatedCard{
    flex:0 0 min(420px,78vw);
  }
	.interviewDetail_careerList{
		display:grid;
		gap:10px;
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width:767px){
  .interviewDetail{
    padding:24px 0 60px;
  }
  .interviewDetail_inner{
    width:min(100%,calc(100% - 20px));
  }
  .interviewDetail_catch{
    font-size:24px;
  }
  .interviewDetail_name{
    font-size:32px;
  }
  .interviewDetail_careerBox{
    max-width:none;
  }
  .interviewDetail_qaBox{
    padding:18px 16px;
  }
  .interviewDetail_q{
    font-size:18px;
  }
  .interviewDetail_a{
    font-size:14px;
    line-height:1.9;
  }
  .interviewDetail_schedule{
    padding:18px 16px 22px;
  }
  .interviewDetail_scheduleRow{
    grid-template-columns:88px 1fr;
    gap:12px;
  }
  .interviewDetail_scheduleTime,
  .interviewDetail_scheduleText{
    font-size:15px;
  }
  .interviewDetail_message{
    margin-top:40px;
    padding:20px 16px;
  }
  .interviewDetail_messageBody{
    border-radius:22px;
    padding:18px 16px;
    font-size:14px;
    line-height:1.9;
  }
  .interviewDetail_relatedGrid{
    gap:16px;
    padding-right:10px;
  }
  .interviewRelatedCard{
    flex:0 0 min(320px,82vw);
  }
  .interviewRelatedCard_name{
    font-size:22px;
  }
  .interviewRelatedCard_year{
    font-size:13px;
  }
	.interviewDetail_careerList{
		display:grid;
		gap:10px;
		grid-template-columns: repeat(2, 1fr);
	}
}