@charset "utf-8";
@import url("../../css/remedy.css");
@import url("../../css/style.css");
/* 先輩インタビュー */
section {
  background-color: #f7f0e6;
}
.mv {
  position: relative;
}
.mv picture {
  display: block;
  width: 100%;
}
.mv picture img {
  width: 100%;
  max-width: none;
}
.name_box {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
}
.name_box .box_inner {
  display: inline-block;
  background-color: #fff;
}
.name_box .name_en {
  color: #d6a15b;
  font-weight: bold;
  list-style: 0.05em;
  line-height: 1.13;
}
.name_box .name {
  letter-spacing: 0.1em;
  line-height: 1.23;
}
.name_box .memo {
  line-height: 1.5;
}
.interview_box figure img,
.interview_box picture img{
  border: 1px solid #d6a15b;
}
.interview_box .txtbox {
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.interview_box .box_ttl {
  padding-left: 1.73em;
  color: #d6a15b;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
}
p + .box_ttl {
  margin-top: 2em;
}
.interview_box .box_ttl::before {
  content: '';
  display: block;
  width: 1.47em;
  height: 1px;
  margin-top: -1px;
  background-color: #d6a15b;
  position: absolute;
  top: 0.75em;
  left: 0;
}
@media only screen and (max-width: 768px) {
  .page_head {
    background-image: url("../../recruit/img/page_sp.png");
  }
  .mv {
    margin-top: 4.125rem;
    margin-bottom: 9.929rem;
  }
  .mv .inner {
    position: relative;
  }
  .mv .caption {
    top: -1.571rem;
    right: 5.63vw;
  }
  .name_box {
    padding: 0 6.25vw;
    top: 83%;
  }
  .name_box .box_inner {
    padding: 1.429rem;
  }
  .name_box .name_en {
    margin-bottom: 0.714rem;
    font-size: 2.143rem;
  }
  .name_box .name {
    margin-bottom: 0.357rem;
    font-size: 1.071rem;
  }
  .name_box .memo {
    font-size: 0.714rem;
  }
  .interview_wrap {
    padding: 0;
  }
  .interview_box{
	width: 95%;
    margin: 0 auto;
	}
  .interview_box:not(:last-child) {
    margin-bottom: 1.929rem;
  }
  .interview_box figure,
  .interview_box .txtbox {
    width: 88vw;
  }
  .interview_box .txtbox {
    margin-top: -1.643rem;
	margin-bottom: 1rem;
	margin-left: auto;
	margin-right: auto;
    padding: 1.873rem 1.429rem 2.264rem;
  }
  .interview_box .box_ttl {
    margin-bottom: 1.357rem;
    font-size: 1.143rem;
  }
  /*.interview_box:nth-child(odd) figure {
    margin-left: auto;
  }
  .interview_box:nth-child(odd) .txtbox {
    margin-left: 0;
  }
  .interview_box:nth-child(even) figure {
    margin-right: auto;
  }
  .interview_box:nth-child(even) .txtbox {
    margin-left: auto;
  }*/
}
@media only screen and (min-width: 769px) {
  .page_head {
    background-image: url("../../recruit/img/page.png");
  }
  .mv {
    margin-top: 7.094rem;
    margin-bottom: 12.5rem;
  }
  .mv .inner {
    position: relative;
  }
  .mv .caption {
    top: -2.5rem;
    right: 10px;
  }
  .name_box {
    max-width: 1080px;
    margin: 0 auto;
    top: 100%;
    transform: translateY(-50%);
  }
  .name_box .box_inner {
    padding: 2.5rem;
  }
  .name_box .name_en {
    margin-bottom: 1.25rem;
    font-size: 3.75rem;
  }
  .name_box .name {
    margin-bottom: 0.625rem;
    font-size: 1.875rem;
  }
  .interview_box {
    padding-top: 2.5rem;
    position: relative;
  }
  .interview_box:not(:last-child) {
    margin-bottom: 3rem;
  }
  .interview_box figure,
  .interview_box .txtbox {
    width: 100%;
  }
  .interview_box .txtbox {
    padding: 3.75rem 2.5rem;
	width: 93%;
    margin: -4% auto 0;
  }
  .interview_box .box_ttl {
    margin-bottom: 0.625rem;
    font-size: 1.5rem;
  }
  .interview_box figure {
    /*position: absolute;*/
    top: 0;
  }
  .interview_box:nth-child(odd) figure {
    right: 0;
  }
  .interview_box:nth-child(even) figure {
    left: 0;
  }
  .interview_box:nth-child(even) .txtbox {
    margin-left: auto;
  }
}