@charset "UTF-8";
/*======================================================================
 * ConradAnker レイアウト
======================================================================*/
body {
  background: #c90703;
}

/* --- component module g-container hook --- */
.g-container {
  position: relative;
}
.g-container:before {
  display: block;
  content: "";
  width: 708px;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 1199px) {
  .g-container:before {
    width: 59vw;
  }
}

/* --- component module main-head-block hook --- */
@media screen and (min-width: 1200px) {
  .main-head-block {
    margin-bottom: 84px;
  }
}
.main-head-block .__title {
  z-index: 10;
}
.main-head-block .__title .__site-title svg {
  fill: #000;
  opacity: 0.3;
}
.main-head-block .__title .__page-title {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: absolute;
  top: 105px;
  right: calc(387px / 2);
}
@media screen and (max-width: 1199px) {
  .main-head-block .__title .__page-title {
    display: block;
    top: 0;
    right: 0;
    padding-left: calc(29.58vw - 6vw);
  }
}
.main-head-block .__title .__page-title .__svg {
  width: calc(1208px / 2);
}
@media screen and (max-width: 1199px) {
  .main-head-block .__title .__page-title .__svg {
    width: 50.33vw;
  }
}
.main-head-block .__title .__page-title .__svg svg {
  fill: #fff;
}
.main-head-block .__read-copy {
  color: #fff;
  z-index: 10;
}
.main-head-block .__read-copy h2:after {
  background: #fff;
}
@media screen and (max-width: 1199px) {
  .main-head-block .__read-copy h2:after {
    background: #fff;
  }
}
.main-head-block .__visual {
  min-height: calc(66.5vw - 30px);
}
@media screen and (max-width: 1199px) {
  .main-head-block .__visual {
    min-height: 66.5vw;
  }
}
.main-head-block .logoset-pc-parts svg {
  fill: #fff;
}
.main-head-block .logoset-sp-parts svg {
  fill: #fff;
}

/*------------------------------------------------------------
 * block
------------------------------------------------------------*/
.interview-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 80px;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .interview-block {
    display: block;
    margin: 0;
  }
}
.interview-block .__item {
  width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1199px) {
  .interview-block .__item {
    width: auto;
    display: block;
    background: #000;
  }
}
@media screen and (max-width: 1199px) {
  .interview-block .__item:nth-child(even) {
    background: #c90703;
  }
}
.interview-block .__item:nth-child(even) .__text {
  background: #c90703;
}
@media screen and (max-width: 1199px) {
  .interview-block .__item:nth-child(even) .__text {
    background: transparent;
  }
}
.interview-block .__item .__image {
  width: 850px;
}
@media screen and (max-width: 1199px) {
  .interview-block .__item .__image {
    width: auto;
  }
}
.interview-block .__item .__text {
  width: calc(100% - 850px);
  padding: 60px 45px 0 40px;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.75;
}
@media screen and (max-width: 1199px) {
  .interview-block .__item .__text {
    width: auto;
    padding: min(10vw, 60px) 5vw min(20vw, 120px) 29.58vw;
    font-size: min(3vw, 1.8rem);
  }
}
.interview-block .__item .__text .__notes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 1.2rem;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 1199px) {
  .interview-block .__item .__text .__notes {
    font-size: min(2vw, 1.2rem);
  }
}
.interview-block .__item .__text .__notes .__label {
  white-space: nowrap;
  margin-right: 0.5em;
}
.interview-block .logoset-pc-parts {
  position: absolute;
  left: 7.5vw;
  bottom: -24px;
  display: none;
}
@media screen and (min-width: 1600px) {
  .interview-block .logoset-pc-parts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.interview-block .logoset-pc-parts svg {
  fill: #fff;
}

.interview-profile-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 116px;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .interview-profile-block {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: min(15vw, 90px) 0 min(20vw, 120px);
  }
}
.interview-profile-block .__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 785px;
}
@media screen and (max-width: 1199px) {
  .interview-profile-block .__item {
    display: block;
    width: 42.66vw;
  }
}
.interview-profile-block .__item .__image {
  width: 435px;
}
@media screen and (max-width: 1199px) {
  .interview-profile-block .__item .__image {
    width: auto;
    margin-bottom: min(8.33vw, 50px);
  }
}
.interview-profile-block .__item .__text {
  width: calc(100% - 435px);
  padding: 60px 45px 0 40px;
  font-size: 1.2rem;
  line-height: 1.75;
  color: #fff;
}
@media screen and (max-width: 1199px) {
  .interview-profile-block .__item .__text {
    width: 38.33vw;
    padding: 0;
    font-size: clamp(1.1rem, 2.33vw, 1.4rem);
  }
}
.interview-profile-block .__item .__text h2 {
  font-size: inherit;
  font-weight: inherit;
}
.interview-profile-block .__item .__text a {
  color: inherit;
  text-decoration: none;
}
@media screen and (min-width: 1200px) {
  .interview-profile-block .__item .__text a:hover {
    text-decoration: underline;
  }
}
.interview-profile-block .logoset-pc-parts {
  position: absolute;
  left: 5.83vw;
  bottom: 0;
}
@media screen and (min-width: 1600px) {
  .interview-profile-block .logoset-pc-parts {
    display: none;
  }
}
.interview-profile-block .logoset-pc-parts svg {
  fill: #fff;
}