@charset "UTF-8";
* {
  /* border: 1px solid magenta; */
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #000;
}

/* 変数
------------------------------------------ */
.p-interview-detail {
  --army-color: #006413;
  --navy-color: #08287E;
  --air-force-color: #0078A4;
}


/* 共通
------------------------------------------ */
.pc_only {
  display: block;
}
@media only screen and (max-width: 768px) {
  .pc_only {
    display: none;
  }
}
.sp_only {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp_only {
    display: block;
  }
}
a:hover {
  text-decoration: none;
}
.c-interview-lead {
  font-size: 1.25rem;
  line-height: 1.7em;
  letter-spacing: 1px;
  font-weight: 900;
}
.c-interview--army {
  color: var(--army-color);
}
.c-interview--navy {
  color: var(--navy-color);
}
.c-interview--air-force {
  color: var(--air-force-color);
}
.c-interview-text {
  font-size: 1rem;
  line-height: 1.75em;
  letter-spacing: 0.8px;
  font-weight: 500;
}
.c-btn01 {
  font-size: 1rem;
  display: block;
  color: #fff;
  text-align: center;
  font-weight: 900;
  line-height: 2.12em;
  letter-spacing: 0.8px;
  background-color: #000;
  padding: 13px 30px 13px 0;
  border-bottom: 5px solid;
  border-image: linear-gradient(to right, #1EAA39, #08287E, #36BDEF) 1;
  position: relative;
  width: 340px;
}
.c-btn01::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 32.5px;
  width: 12px;
  height: 12px;
  border-top: 4px solid;
  border-right: 4px solid;
  transform: translateY(-50%) rotate(45deg);
}
.c-btn01:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 768px) {
  .c-interview-lead {
    font-size: 1rem;
    line-height: 1.25em;
    letter-spacing: 0.8px;
  }
  .c-interview-text {
    font-size: 0.75rem;
    line-height: 1.83em;
    letter-spacing: 0.6px;
  }
  .c-btn01 {
    font-size: 0.75rem;
    padding-top: 7px;
    padding-bottom: 9px;
    line-height: 2.83em;
  }
  .c-btn01::after {
    right: 16px;
    width: 10px;
    height: 10px;
  }
}


/*共通CSSのリセット
------------------------------------------ */
.lowHeading .h1_ptn1 br:not(.sp_only) {
  display: block;
}
.lowHeadingTxt p {
  margin: 0;
}
#mainContents section.p-interview-contents__section,
#mainContents section.p-interview-contents {
  border-top: 0;
}
/* header
------------------------------------------ */
header {
  margin-bottom: 0;
}
#header {
  /* width: 100vw!important; */
}
.lowHeading {
  height: initial;
}
.lowHeading .inner01 {
  padding-bottom: 0;
}
/* main
------------------------------------------ */
.lowHeading.-noText {
  height: clamp(730px, 46.3vw, 1040px);
}
.lowHeading img {
  height: min(32vw, 1280px);
}

#mainContents .inner {
  padding-top: 75px;
}

.p-interview-detail-heading {
  width: 100%;
  padding: min(calc(32vw - 45px - 90px), 720px) 20px 45px;
}

.p-interview-detail-heading__branch-name, .p-interview-detail-profile {
  margin-left: 66px;
}

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

.p-interview-detail-profile__title {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.7em;
  letter-spacing: 0.7px;
  color: #000;
}

.p-interview-detail-profile__text {
  margin-top: 5px;
  color: #000;
}

.p-interview-detail-heading__text {
  font-size: 1.125rem;
  line-height: 2.05em;
  letter-spacing: 0.9px;
  margin-top: 50px;
}

.p-interview-detail-image img {
  width:100%;
  height:auto;
  margin-top:40px;
}

.p-interview-contents {
  margin-top: 70px;
}

.p-interview-contents:first-of-type {
  margin-top: 0;
}

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

.p-interview-contents__section:first-of-type {
  margin-top: 46px;
}

/*リード文無しパターン*/
.p-interview-contents:not(:has(.p-interview-contents__title)) .p-interview-contents__section:first-of-type {
  margin-top: 0;
}

.p-interview-contents__section {
  margin-top: 50px;
}

.p-interview-section__text {
  margin-top: 23px;
}

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

@media only screen and (max-width: 768px) {
  .lowHeading .h1_ptn1 {
    min-height: initial;
    padding-right: 21px;
  }
  .lowHeading img {
    height: max(85vw, 520px);
  }
  #mainContents .inner {
    padding-top: 47px;
  }
  .lowHeading {
    /*height: 1004px;*/
  }
  .lowHeading.-noText {
    height: clamp(780px,130vw,860px);
  }
  .p-interview-detail-heading__branch-name,
  .p-interview-detail-profile {
    margin-left: 25px;
  }
  .p-interview-detail-heading {
    padding-left: 0;
    bottom: 0;
    padding-top: max(71%,400px);
  }
  .p-interview-detail-heading__text {
    font-size: 0.875rem;
    line-height: 1.85em;
    padding-left: 21px;
    margin-top: 32px;
  }
  .p-interview-detail-heading__branch-name {
    margin-top: 25.5px;
  }
  .p-interview-detail-profile {
    margin-top: 20px;
    padding: 11px 14px;
  }
  .p-interview-detail-profile__title {
    font-size: 0.75rem;
    line-height: 1.83em;
    letter-spacing: 0.6px;
  }
  .p-interview-detail-profile__text {
    margin-top: 3px;
  }
  .p-interview-contents {
    margin-top: 57px;
  }
  .p-interview-contents__title {
    font-size: 1rem;
    line-height: 1.56em;
    letter-spacing: 0.8px;
    font-weight: 900;
  }
  .p-interview-contents__section:first-of-type {
    margin-top: 24px;
  }
  .p-interview-contents__section {
    margin-top: 37px;
  }
  .p-interview-section__title {
    font-size: 0.875rem;
  }
  .p-interview-section__text {
    margin-top: 19px;
  }
  .p-interview-detail-btn {
    margin-top: 43px;
  }
}

/* contentWrapper
------------------------------------------ */
.contentWrapper {
  max-width: 900px;
  margin: 0 auto;
  background: #fff;
  padding: 44px 48px;
}
@media only screen and (max-width: 768px) {
  .contentWrapper {
    padding: 11px 21px 49px;
  }
}