@charset "UTF-8";

/* ==========================================================

  BLD Group Our Interview SP Styles

========================================================== */

/* Page Header
--------------------------------------------------------- */
.page-header {
  margin: 0 0 16%; /* 120/750 */
  padding: 0 0 0 4.666666%;
}
.page-header .heading {
  left: 4.666666%;
  width: 64%;
  padding: 4% 0 0; /* 30/750 */
}
.page-header .heading h2 {
  font-size: 6.1333333vw; /* 46/750 */
  line-height: 1.0;
  white-space: nowrap;
}
.page-header .heading h2 small {
  font-size: 0.326086956em;
  color: #d8d8d8;
  display: block;
  margin: 0 0 10px;
}
.page-header > div:last-of-type { padding: 0 0 0 15.333333%; }
.page-header > div:last-of-type figure { height: auto; }
.page-header > div:last-of-type figure img { height: auto; }

/* ---------------------------------------------------------

  Interview Content

--------------------------------------------------------- */
.section h3 {
  font-size: 4.8vw; /* 36/750 */
  margin: 0 0 5.333333%; /* 40/750 */
}
.fs16 {
  font-size: 3.2vw; /* 24/750 */
  line-height: 1.6666666;
}

/* sec01
--------------------------------------------------------- */
.sec01 {
  padding: 0;
  margin: 0 0 16%; /* 120/750 */
}
.sec01 > div { align-items: flex-end; }
.sec01 img { width: 38%; /* 285/750 */ }
.sec01 dl {
  position: relative;
  margin: 0 0 0 4.3%;
}
.sec01 dl::before { content: none; }
.sec01 dl dt {
  margin: 0;
  padding: 0;
}
.sec01 dl dd { display: none; }
.sec01 p {
  display: block;
  padding: 0 10%;
  margin: 10% 0 0; /* 75/750 */
}

/* sec02
--------------------------------------------------------- */
.sec02 { padding: 0 0 26.666666%; /* 200/750 */ }
.sec02 img { margin: 0 0 6.666666%; /* 50/750 */ }
.sec02 dl { padding: 0 10%; }
.sec02 dl dd { margin: 2.6666666% 0 12%; /* 20px 0 90px */ }

/* sec03
--------------------------------------------------------- */
.sec03 {
  padding: 0 10%;
  margin: 0 0 21.333333%; /* 160/750 */
}
.sec03 > div { flex-direction: column-reverse; }
.sec03 > div dl { margin: 0; }
.sec03 > div dl dd { margin: 2.666666% 0 12%; /* 20px 0 90px */ }
.sec03 img {
  width: 50.666666%; /* 380/750 */
  margin: 0 auto 6%; /* 45/750 */
}

/* sec04
--------------------------------------------------------- */
.sec04 { padding: 0 0 21.333333%; /* 160/750 */ }
.sec04 h3 { padding: 0 10%; }
.sec04 img { margin: 0 0 6.666666%; /* 50/750 */ }
.sec04 dl { padding: 0 10%; }
.sec04 dl dd { margin: 2.666666% 0 12%; /* 20px 0 90px */ }

/* sec05
--------------------------------------------------------- */
.sec05 {
  padding: 0 10%;
  margin: 0 0 21.333333%; /* 160/750 */
}
.sec05 > div { flex-direction: column; }
.sec05 > div dl { margin: 0; }
.sec05 > div dl dd { margin: 2.666666% 0 12%; /* 20px 0 90px */ }
.sec05 img {
  width: 50.666666%; /* 380/750 */
  margin: 0 auto 6%; /* 45/750 */
}

/* sec06
--------------------------------------------------------- */
.sec06 {
  padding: 0 10%;
  margin: 0 0 21.333333%; /* 160/750 */
}
.sec06 > div { flex-direction: column-reverse; }
.sec06 > div dl { margin: 0; }
.sec06 > div dl dd { margin: 2.666666% 0 12%; /* 20px 0 90px */ }
.sec06 img {
  width: 50.666666%; /* 380/750 */
  margin: 0 auto 6%; /* 45/750 */
}

/* sec07
--------------------------------------------------------- */
.sec07 { padding: 0 0 16%; /* 120/750 */ }
.sec07 img { margin: 0 0 6.666666%; /* 50/750 */ }
.sec07 dl { padding: 0 10%; }
.sec07 dl dd { margin: 2.666666% 0 12%; /* 20px 0 90px */ }

/* sec08
--------------------------------------------------------- */
.sec08 {
  padding: 0 4.666666%;
  margin: 0 0 4%; /* 30/750 */
}
.seki .sec08 { margin: 0 0 10.666666%; /* 80/750 */ }
.profile {
  padding: 6% 5.333333%;
  display: block;
}
.profile > img {
  width: 50.666666%; /* 380/750 */
  margin: 0 auto 4%; /* 30/750 */
  display: block;
}
.profile p {
  position: absolute;
  top: 5.333333%;
  right: 5.333333%;
}
.profile dl {
  font-size: 2.9333333vw; /* 22/750 */
  margin: 0;
  padding: 0;
}
.profile dl dt {
  font-size: 2.6666666vw; /* 20/750 */
  text-align: center;
  line-height: 2.0;
  margin: 0 0 5.333333%; /* 40/750 */
}
.profile dl dt span { font-size: 1.2em; }
.profile dl dd { line-height: 1.63636363; }

/* sec09
--------------------------------------------------------- */
.sec09 {
  padding: 0 4.666666%;
  margin: 0 0 10.666666%; /* 80/750 */
}
.shop-info {
  padding: 6% 5.333333%;
  display: block;
}
.shop-info > img {
  width: 50.666666%; /* 380/750 */
  margin: 0 auto 4%; /* 30/750 */
  display: block;
}
.shop-info p {
  position: absolute;
  top: 5.333333%;
  right: 5.333333%;
}
.shop-info dl {
  font-size: 2.666666vw; /* 20/750 */
  margin: 0;
  padding: 0;
}
.shop-info dl dt {
  font-size: 1.2em;
  margin: 0 0 6%; /* 45/750 */
  text-align: center;
}
.shop-info dl dd {
  line-height: 1.7;
  padding: 0 0 0 10%; /* 75/750 */
}
.shop-info dl dd span {
  display: inline-block;
  vertical-align: top;
}

/* sec10
--------------------------------------------------------- */
.sec10 {
  padding: 10.666666% 10% 9.333333%; /* 80px 75px 70px */
  margin: 0 0 120px;
}
.sec10 h3 {
  font-size: 4.8vw; /* 36/750 */
  margin: 0 0 4%;  /* 30/750 */
}

/* Anchor Link
---------------------------------------------------------- */
.anchor-unit { margin: 0 auto 16%; /* 120/750 */ }
.anchor-unit a.link-next {
  white-space: nowrap;
  margin: 0 5.333333%; /* 40/750 */
}