:root {
  --font-normal: "helvetica-neue-lt-pro", "Arial", sans-serif;
  --font-main: "kings-caslon", "Times New Roman", "Georgia", serif;
  --font-jp: "noto-sans-cjk-jp", "Noto Sans JP", "Noto Sans", sans-serif;
  --color-main: #7F8C73;
  --color-text: #21201A;
  --color-bg1: #E3E3D6;
  --color-bg2: #F8F7F1;
}

img {
  max-width: 100%;
}

#frame_260730 {
  color: var(--color-text);
  letter-spacing: normal;
  line-height: 1.1;
  font-weight: 400;
  opacity: 0;
  -webkit-transition: opacity 0.8s ease;
  transition: opacity 0.8s ease;
}
#frame_260730.is-show {
  opacity: 1;
}
#frame_260730 h2, #frame_260730 h3, #frame_260730 h4, #frame_260730 p {
  margin: 0;
}
#frame_260730 a {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
@media (hover: hover) {
  #frame_260730 a:where(:-webkit-any-link, :enabled, summary):hover {
    text-decoration: none;
    opacity: 0.8;
  }
  #frame_260730 a:where(:-moz-any-link, :enabled, summary):hover {
    text-decoration: none;
    opacity: 0.8;
  }
  #frame_260730 a:where(:any-link, :enabled, summary):hover {
    text-decoration: none;
    opacity: 0.8;
  }
}
#frame_260730 .fadeIn {
  opacity: 0;
  -webkit-transition: opacity 0.8s ease;
  transition: opacity 0.8s ease;
}
#frame_260730 .fadeIn.is-show {
  opacity: 1;
}
@media screen and (min-width: 1001px) {
  #frame_260730 .pc {
    display: block;
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .pc {
    display: none;
  }
}
@media screen and (min-width: 1001px) {
  #frame_260730 .sp {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .sp {
    display: block;
  }
}
@media screen and (min-width: 1001px) {
  #frame_260730 .l-2col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .l-2col {
    display: block;
  }
}
@media screen and (min-width: 1001px) {
  #frame_260730 .l-left {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 100vh;
    height: 100vh;
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .l-left {
    position: static;
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 1001px) {
  #frame_260730 .l-right {
    width: calc(100% - 100vh);
    container-type: inline-size;
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .l-right {
    width: 100%;
  }
}
#frame_260730 .mainVisual {
  position: relative;
  width: 100%;
  height: 100%;
  background: var(--color-main);
}
#frame_260730 .mainVisual__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto auto;
  width: 100%;
  height: 100%;
}
#frame_260730 .mainVisual__image {
  opacity: 0;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}
#frame_260730 .mainVisual__image:nth-child(1), #frame_260730 .mainVisual__image:nth-child(7) {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
#frame_260730 .mainVisual__image:nth-child(3), #frame_260730 .mainVisual__image:nth-child(6) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
#frame_260730 .mainVisual__image:nth-child(2), #frame_260730 .mainVisual__image:nth-child(8) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
#frame_260730 .mainVisual__image:nth-child(4), #frame_260730 .mainVisual__image:nth-child(5) {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
#frame_260730 .mainVisual__title, #frame_260730 .mainVisual__logo {
  opacity: 0;
  -webkit-transition: opacity 0.8s ease;
  transition: opacity 0.8s ease;
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}
#frame_260730 .mainVisual.is-loaded .mainVisual__image,
#frame_260730 .mainVisual.is-loaded .mainVisual__title,
#frame_260730 .mainVisual.is-loaded .mainVisual__logo {
  opacity: 1;
}
#frame_260730 .mainVisual__title {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  color: #fff;
}
@media screen and (min-width: 1001px) {
  #frame_260730 .mainVisual__title {
    gap: calc(30 / 1440 * 100vw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .mainVisual__title {
    gap: calc(15 / 390 * 100vw);
  }
}
#frame_260730 .mainVisual__title h2 {
  font-family: var(--font-main);
  text-align: center;
  letter-spacing: -0.03em;
  line-height: 110%;
}
@media screen and (min-width: 1001px) {
  #frame_260730 .mainVisual__title h2 {
    font-size: calc(56 / 750 * 100vh);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .mainVisual__title h2 {
    font-size: calc(32 / 390 * 100vw);
  }
}
#frame_260730 .mainVisual__title h3 {
  font-family: var(--font-normal);
}
@media screen and (min-width: 1001px) {
  #frame_260730 .mainVisual__title h3 {
    font-size: calc(30 / 750 * 100vh);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .mainVisual__title h3 {
    font-size: calc(16 / 390 * 100vw);
  }
}
#frame_260730 .mainVisual__logo {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 1001px) {
  #frame_260730 .mainVisual__logo {
    height: calc(53 / 750 * 100vh);
    width: auto;
    margin-bottom: calc(40 / 750 * 100vh);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .mainVisual__logo {
    width: calc(68 / 390 * 100vw);
    height: auto;
    margin-bottom: calc(30 / 390 * 100vw);
  }
}
#frame_260730 .mainVisual__logo img {
  width: 100%;
  height: 100%;
}
#frame_260730 .contents .leadBlock {
  background: var(--color-main);
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .leadBlock {
    gap: calc(50 / 690 * 100cqw);
    padding: calc(70 / 690 * 100cqw) 0;
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .leadBlock {
    gap: calc(50 / 390 * 100vw);
    padding: calc(70 / 390 * 100vw) 0;
  }
}
#frame_260730 .contents .leadBlock__inner {
  text-align: center;
  font-family: var(--font-jp);
  line-height: 200%;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .leadBlock__inner {
    font-size: calc(12 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .leadBlock__inner {
    font-size: calc(12 / 390 * 100vw);
  }
}
#frame_260730 .contents .leadBlock__lineUp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .leadBlock__lineUp {
    gap: calc(20 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .leadBlock__lineUp {
    gap: calc(20 / 390 * 100vw);
  }
}
#frame_260730 .contents .leadBlock__lineUp > h3 {
  font-family: var(--font-main);
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .leadBlock__lineUp > h3 {
    font-size: calc(20 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .leadBlock__lineUp > h3 {
    font-size: calc(20 / 390 * 100vw);
  }
}
#frame_260730 .contents .leadBlock__image {
  display: grid;
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .leadBlock__image {
    grid-template-columns: repeat(3, calc(150 / 690 * 100cqw));
    gap: calc(20 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .leadBlock__image {
    grid-template-columns: repeat(3, calc(100 / 390 * 100vw));
    gap: calc(10 / 390 * 100vw);
  }
}
#frame_260730 .contents .leadBlock__detail {
  font-family: var(--font-normal);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .leadBlock__detail {
    gap: calc(10 / 690 * 100cqw);
    font-size: calc(12 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .leadBlock__detail {
    gap: calc(10 / 390 * 100vw);
    font-size: calc(12 / 390 * 100vw);
  }
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .leadBlock__detail > p:last-of-type {
    margin-bottom: calc(10 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .leadBlock__detail > p:last-of-type {
    margin-bottom: calc(20 / 390 * 100vw);
  }
}
#frame_260730 .contents .leadBlock__btn a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #5A684E;
  font-weight: 700;
  background: #fff;
  padding: 0.2em 0.8em;
  line-height: 100%;
  border-radius: 0.15em;
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .leadBlock__btn a {
    font-size: calc(12 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .leadBlock__btn a {
    font-size: calc(12 / 390 * 100vw);
  }
}
#frame_260730 .contents .leadBlock .item-d-none {
  display: none;
}
#frame_260730 .contents .mainBlock {
  margin: 0 auto;
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .mainBlock {
    max-width: calc(500 / 690 * 100cqw);
    padding: calc(50 / 690 * 100cqw) 0 calc(80 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .mainBlock {
    max-width: calc(350 / 390 * 100vw);
    padding: calc(50 / 390 * 100vw) 0 calc(70 / 390 * 100vw);
  }
}
#frame_260730 .contents .mainBlock__head {
  font-family: var(--font-jp);
  letter-spacing: 0.03em;
  line-height: 100%;
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .mainBlock__head {
    margin-bottom: calc(30 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .mainBlock__head {
    margin-bottom: calc(20 / 390 * 100vw);
  }
}
#frame_260730 .contents .mainBlock__head > h4 {
  font-weight: 400;
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .mainBlock__head > h4 {
    font-size: calc(12 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .mainBlock__head > h4 {
    font-size: calc(12 / 390 * 100vw);
  }
}
#frame_260730 .contents .mainBlock__line {
  display: block;
  width: 100%;
  height: 1px;
  background: currentColor;
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .mainBlock__line {
    margin: calc(10 / 690 * 100cqw) 0;
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .mainBlock__line {
    margin: calc(10 / 390 * 100vw) 0;
  }
}
#frame_260730 .contents .mainBlock__name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#frame_260730 .contents .mainBlock__name > h3 {
  font-weight: 700;
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .mainBlock__name > h3 {
    font-size: calc(20 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .mainBlock__name > h3 {
    font-size: calc(20 / 390 * 100vw);
  }
}
#frame_260730 .contents .mainBlock__name a {
  display: block;
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .mainBlock__name a img {
    width: calc(16 / 690 * 100cqw);
    height: calc(16 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .mainBlock__name a img {
    width: calc(16 / 390 * 100vw);
    height: calc(16 / 390 * 100vw);
  }
}
#frame_260730 .contents .mainBlock__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: var(--font-normal);
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .mainBlock__link {
    gap: calc(20 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .mainBlock__link {
    gap: calc(20 / 390 * 100vw);
  }
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .mainBlock__link a {
    font-size: calc(10 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .mainBlock__link a {
    font-size: calc(9 / 390 * 100vw);
  }
}
#frame_260730 .contents .mainBlock__link a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
}
#frame_260730 .contents .mainBlock .imageArea__main {
  width: 100%;
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .mainBlock .imageArea__main {
    margin-bottom: calc(30 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .mainBlock .imageArea__main {
    margin-bottom: calc(30 / 390 * 100vw);
  }
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .mainBlock .imageArea__left {
    width: calc(300 / 690 * 100cqw);
    margin: 0 auto calc(30 / 690 * 100cqw) 0;
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .mainBlock .imageArea__left {
    width: calc(240 / 390 * 100vw);
    margin: 0 auto calc(30 / 390 * 100vw) 0;
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .mainBlock .imageArea__left--small {
    width: calc(210 / 390 * 100vw);
  }
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .mainBlock .imageArea__right {
    width: calc(300 / 690 * 100cqw);
    margin: 0 0 calc(30 / 690 * 100cqw) auto;
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .mainBlock .imageArea__right {
    width: calc(240 / 390 * 100vw);
    margin: 0 0 calc(30 / 390 * 100vw) auto;
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .mainBlock .imageArea__right--small {
    width: calc(210 / 390 * 100vw);
  }
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .mainBlock .imageArea__center {
    width: calc(400 / 690 * 100cqw);
    margin: 0 auto calc(50 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .mainBlock .imageArea__center {
    width: calc(240 / 390 * 100vw);
    margin: 0 auto calc(30 / 390 * 100vw);
  }
}
#frame_260730 .contents .mainBlock .creditArea {
  border: solid 1px currentColor;
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .mainBlock .creditArea {
    padding: calc(20 / 690 * 100cqw);
    margin-bottom: calc(50 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .mainBlock .creditArea {
    padding: calc(20 / 390 * 100vw);
    margin-bottom: calc(30 / 390 * 100vw);
  }
}
#frame_260730 .contents .mainBlock .creditArea__title {
  font-family: var(--font-main);
  font-weight: 400;
  margin-bottom: 0.75em;
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .mainBlock .creditArea__title {
    font-size: calc(18 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .mainBlock .creditArea__title {
    font-size: calc(18 / 390 * 100vw);
  }
}
#frame_260730 .contents .mainBlock .creditArea .creditArea__item + .creditArea__item {
  padding-top: 0.75em;
}
#frame_260730 .contents .mainBlock .creditArea__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: var(--font-normal);
  font-weight: 400;
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .mainBlock .creditArea__item {
    font-size: calc(12 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .mainBlock .creditArea__item {
    font-size: calc(11 / 390 * 100vw);
  }
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .mainBlock .creditArea__item p + p {
    padding-left: calc(10 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .mainBlock .creditArea__item p + p {
    padding-left: calc(7 / 390 * 100vw);
  }
}
#frame_260730 .contents .mainBlock .creditArea__item--own {
  font-family: var(--font-jp);
  font-size: 65%;
}
#frame_260730 .contents .mainBlock .creditArea__name {
  font-weight: 700;
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .mainBlock .creditArea__brand {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
#frame_260730 .contents .mainBlock .creditArea__btn a {
  font-weight: 700;
  background: var(--color-text);
  padding: 0.1em 0.8em;
  line-height: 100%;
  border-radius: 0.15em;
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .mainBlock .creditArea__btn a {
    font-size: calc(10 / 690 * 100cqw);
    margin-left: calc(20 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .mainBlock .creditArea__btn a {
    font-size: calc(10 / 390 * 100vw);
    margin-left: calc(15 / 390 * 100vw);
  }
}
#frame_260730 .contents .mainBlock .creditArea .item-d-none {
  display: none;
}
#frame_260730 .contents .mainBlock .creditArea__line {
  width: 100%;
  height: 1px;
  display: block;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--color-text)), color-stop(0%, transparent));
  background-image: -webkit-linear-gradient(left, var(--color-text) 50%, transparent 0%);
  background-image: linear-gradient(to right, var(--color-text) 50%, transparent 0%);
  background-size: 4px 1px;
  background-repeat: repeat-x;
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .mainBlock .creditArea__line {
    margin: calc(18 / 690 * 100cqw) 0;
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .mainBlock .creditArea__line {
    margin: calc(18 / 390 * 100vw) 0;
  }
}
#frame_260730 .contents .mainBlock .interviewArea {
  font-family: var(--font-jp);
  letter-spacing: 0.03em;
}
#frame_260730 .contents .mainBlock .interviewArea p {
  line-height: 1.75;
}
#frame_260730 .contents .mainBlock .interviewArea__question {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.25em;
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .mainBlock .interviewArea__question {
    margin-bottom: calc(12 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .mainBlock .interviewArea__question {
    margin-bottom: calc(12 / 390 * 100vw);
  }
}
#frame_260730 .contents .mainBlock .interviewArea__question > span {
  font-family: var(--font-main);
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .mainBlock .interviewArea__question > span {
    font-size: calc(20 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .mainBlock .interviewArea__question > span {
    font-size: calc(20 / 390 * 100vw);
  }
}
#frame_260730 .contents .mainBlock .interviewArea__question > p {
  font-weight: 700;
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .mainBlock .interviewArea__question > p {
    font-size: calc(13 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .mainBlock .interviewArea__question > p {
    font-size: calc(13 / 390 * 100vw);
  }
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .mainBlock .interviewArea__answer {
    font-size: calc(11 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .mainBlock .interviewArea__answer {
    font-size: calc(11 / 390 * 100vw);
  }
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .mainBlock .interviewArea__list li + li {
    padding-top: calc(30 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .mainBlock .interviewArea__list li + li {
    padding-top: calc(20 / 390 * 100vw);
  }
}
#frame_260730 .contents #snap01, #frame_260730 .contents #snap03, #frame_260730 .contents #snap05, #frame_260730 .contents #snap07 {
  background: var(--color-bg1);
}
#frame_260730 .contents #snap01 .creditArea, #frame_260730 .contents #snap03 .creditArea, #frame_260730 .contents #snap05 .creditArea, #frame_260730 .contents #snap07 .creditArea {
  background: var(--color-bg2);
}
#frame_260730 .contents #snap01 .creditArea__btn a, #frame_260730 .contents #snap03 .creditArea__btn a, #frame_260730 .contents #snap05 .creditArea__btn a, #frame_260730 .contents #snap07 .creditArea__btn a {
  color: var(--color-bg2);
}
#frame_260730 .contents #snap02, #frame_260730 .contents #snap04, #frame_260730 .contents #snap06, #frame_260730 .contents #snap08 {
  background: var(--color-bg2);
}
#frame_260730 .contents #snap02 .creditArea, #frame_260730 .contents #snap04 .creditArea, #frame_260730 .contents #snap06 .creditArea, #frame_260730 .contents #snap08 .creditArea {
  background: var(--color-bg1);
}
#frame_260730 .contents #snap02 .creditArea__btn a, #frame_260730 .contents #snap04 .creditArea__btn a, #frame_260730 .contents #snap06 .creditArea__btn a, #frame_260730 .contents #snap08 .creditArea__btn a {
  color: var(--color-bg2);
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents #snap02 .imageArea__center {
    margin: 0 0 calc(50 / 690 * 100cqw) auto;
  }
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents #snap08 .imageArea__right {
    width: calc(400 / 690 * 100cqw);
    margin-bottom: calc(50 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents #snap08 .imageArea__right {
    width: calc(315 / 390 * 100vw);
    margin-bottom: calc(50 / 390 * 100vw);
  }
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents #snap08 .mainBlock {
    padding-bottom: calc(100 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents #snap08 .mainBlock {
    padding-bottom: calc(100 / 390 * 100vw);
  }
}
#frame_260730 .contents .creditBlock {
  background: var(--color-bg2);
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .creditBlock {
    padding-bottom: calc(30 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .creditBlock {
    padding-bottom: calc(20 / 390 * 100vw);
  }
}
#frame_260730 .contents .creditBlock p {
  text-align: right;
  margin-inline: auto;
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .creditBlock p {
    font-size: calc(11 / 690 * 100cqw);
    width: calc(500 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .creditBlock p {
    font-size: calc(10 / 390 * 100vw);
    width: calc(350 / 390 * 100vw);
  }
}
#frame_260730 .contents .footerBlock {
  background: var(--color-main);
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: var(--font-normal);
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .footerBlock {
    padding: calc(50 / 690 * 100cqw) 0 calc(30 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .footerBlock {
    padding: calc(50 / 390 * 100vw) 0 calc(20 / 390 * 100vw);
  }
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .footerBlock__logo {
    width: calc(180 / 690 * 100cqw);
    margin-bottom: calc(30 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .footerBlock__logo {
    width: calc(180 / 390 * 100vw);
    margin-bottom: calc(30 / 390 * 100vw);
  }
}
#frame_260730 .contents .footerBlock__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .footerBlock__link {
    margin-bottom: calc(50 / 690 * 100cqw);
    font-size: calc(12 / 690 * 100cqw);
    gap: calc(50 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .footerBlock__link {
    margin-bottom: calc(50 / 390 * 100vw);
    font-size: calc(12 / 390 * 100vw);
    gap: calc(30 / 390 * 100vw);
  }
}
#frame_260730 .contents .footerBlock__copy {
  font-weight: 400;
}
@media screen and (min-width: 1001px) {
  #frame_260730 .contents .footerBlock__copy {
    font-size: calc(10 / 690 * 100cqw);
  }
}
@media screen and (max-width: 1000px) {
  #frame_260730 .contents .footerBlock__copy {
    font-size: calc(9 / 390 * 100vw);
  }
}/*# sourceMappingURL=style.css.map */