@charset "UTF-8";

/* contentWrapper
------------------------------------------ */
.p-interview-detail {
  --rikuji-color: #006413;
  --kaijo-color: #08287E;
  --koku-color: #0078A4;
}



.p-interview-detail {}

.lowHeading {}

.lowHeading picture {}

.lowHeading picture img {
  height: auto;
}

.inner01 {}

#breadcrumb {}

.p-interview-rikuji-color {
  color: var(--rikuji-color);
}

.p-interview-kaijo-color {
  color: var(--kaijo-color);
}

.p-interview-koku-color {
  color: var(--koku-color);
}

.lowHeadingTxt {}

.h1_ptn1 {}

.p-interview-branch-name {
  font-size: var(--font-size--heading-s);
  line-height: 1.7em;
  letter-spacing: 1px;
  font-weight: 900;
}


.p-interview-profile {
  background-color: #EEE;
  min-width: 320px;
  width: fit-content;
  padding: 15px 17px;
  margin-top: 16px;
}

.p-interview-profile h2 {
  font-size: var(--font-size--body);
  font-weight: 600;
  margin-bottom: 0.5em;
}

.p-interview-profile p {
  font-size: var(--font-size--body);
}

.p-interview-lead {
  font-size: var(--font-size--lead);
  margin-top: 1em;
}

/*============================
#mainContents
============================*/
#mainContents {}

.bg-gray.p-interview-video {}

.inner {}

.h2_ptn1 {}

.p-interview-video-contents {
  text-align: center;
}

.p-interview-video-contents iframe {
  max-width: 900px;
  aspect-ratio: 16/9;
  margin-top: 3em;
}

.bg-gray.p-interview-main {}

.p-interview-section {
  background: var(--color-fff);
  padding: 4em 7%;
  margin-bottom: 4em;
}

.p-interview-catch {
  font-size: var(--font-size--heading-l);
  letter-spacing: 1.5px;
  margin-bottom: 1.0em;
}

.p-interview-img {}

.p-interview-img img {
  max-width: 100%;
}

.p-interview-qa {
  margin-bottom: 2.4em;
}

.p-interview-question {
  font-size: 1.25rem;
  font-size: var(--font-size--heading-m);
  line-height: 1.7em;
  letter-spacing: 1px;
  margin: 1.8em 0 0.9em;
}

.p-interview-answer {
  font-size: var(--font-size--body);
  line-height: 1.75em;
  letter-spacing: 0.8px;
  font-weight: 500;
  text-align: justify;
  margin-bottom: 1.8em;
  margin-top: 1.8em;
}

.p-interview-btn {
  margin: 0 auto;
}



@media only screen and (max-width: 768px) {





  .p-interview-detail {}

  .lowHeading {}

  .lowHeading picture {}

  .lowHeading picture img {
    height: auto;
  }

  .inner01 {}

  /*============================
  #breadcrumb
  ============================*/
  #breadcrumb {}

  .lowHeadingTxt {}

  .h1_ptn1 {}

  .p-interview-branch-name {
    font-size: 1.25rem;
    line-height: 1.7em;
    letter-spacing: 1px;
    font-weight: 900;
  }

  .p-interview-profile {
    background-color: #EEE;
    min-width: 319px;
    width: fit-content;
    padding: 15px 17px;
    margin-top: 16px;
  }

  .p-interview-profile h2 {}

  .p-interview-profile p {}

  .p-interview-lead {}

  /*============================
  #mainContents
  ============================*/
  #mainContents {}

  .bg-gray.p-interview-video {}

  .inner {}

  .h2_ptn1 {}

  .p-interview-video-contents {}

  .bg-gray.p-interview-main {}

  .p-interview-section {}

  .p-interview-catch {
    font-size: 1.875rem;
    font-weight: 700;
    letter-spacing: 1.5px;
  }

  .p-interview-question {
    font-size: 1.25rem;
    line-height: 1.7em;
    letter-spacing: 1px;
    font-weight: 900;
  }

  .p-interview-answer {
    font-size: 1rem;
    line-height: 1.75em;
    letter-spacing: 0.8px;
    font-weight: 500;
  }

  .p-interview-btn {}
}

.p-interview-detail #mainContents .inner {
  max-width: 900px;
}