@charset "utf-8";

@media print, screen {
  #interview {
    background-color: var(--grayf2-color);
  }
  #interview .title__area02 {
    margin: 30px auto 100px;
    padding: 53px 0 57px;
    width: 100%;
    max-width: 1280px;
    text-align: center;
    background-color: var(--white);
  }
  #interview .title__area02 .title {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--orange-color);
    font-size: 56px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.06em;
    text-indent: 0.06em;
  }
  #interview .title__area02 .copy {
    font-size: 20px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.1em;
    text-indent: 0.1em;
  }
}
@media screen and (max-width: 1300px) {
  #interview .title__area02 {
    margin: 2.3vw auto 7.692vw;
    padding: 4.04vw 0 4.384vw;
    width: 92.3%;
    max-width: 1280px;
  }
  #interview .title__area02 .title {
    margin-bottom: 1.153vw;
    font-size: 4.3vw;
  }
  #interview .title__area02 .copy {
    font-size: 1.538vw;
  }
}
@media screen and (max-width: 768px) {
  #interview .title__area02 {
    margin: 0 auto 12vw;
    padding: 6.642vw 0 6vw;
    width: 94.2%;
    max-width: inherit;
  }
  #interview .title__area02 .title {
    margin-bottom: 2.415vw;
    font-size: 5.797vw;
  }
  #interview .title__area02 .copy {
    font-size: 3.864vw;
  }
}
@media print, screen {
  #interview .wysiwyg {
    margin: 0 auto;
    padding: 0 0 150px;
    width: 100%;
    max-width: 1200px;
  }
  #interview .wysiwyg .inner {
    margin: 0 auto;
    padding: 60px 100px;
    width: 100%;
    background-color: var(--white);
    border-radius: 14px;
    box-sizing: border-box;
  }
  #interview .wysiwyg .inner + .inner {
    margin-top: 120px;
  }
  #interview .wysiwyg .inner .block__head {
    align-items: center;
    width: 100%;
  }
  #interview .wysiwyg .inner .block__img {
    width: 32%;
    max-width: 320px;
  }
  #interview .wysiwyg .inner .block__img img {
    border-radius: 10px;
    width: 100%;
    height: 400px;
  }
  #interview .wysiwyg .inner .block__info {
    width: 64%;
    max-width: 640px;
  }
  #interview .wysiwyg h1 {
    margin-bottom: 20px;
    color: var(--main-color);
    font-size: 28px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.1em;
  }
  #interview .wysiwyg h2 {
    margin-bottom: 40px;
    font-size: 28px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.1em;
  }
  #interview .wysiwyg h3 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.1em;
  }
  #interview .wysiwyg ol {
    justify-content: flex-start;
    gap: 15px 0;
    margin-bottom: 50px;
  }
  #interview .wysiwyg ol li {
    margin-right: 10px;
    line-height: 1;
  }
  #interview .wysiwyg ol li a {
    margin-right: 8px;
    color: var(--grayf1-color);
    font-size: 18px;
    letter-spacing: 0.1em;
    border-bottom: 1px solid var(--grayf1-color);
  }
  #interview .wysiwyg .link {
    line-height: 1;
  }
  #interview .wysiwyg .link a {
    color: var(--grayf1-color);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.1em;
    border-bottom: 1px solid var(--grayf1-color);
  }
  #interview .wysiwyg .inner .block__body {
    margin: 0 auto;
    padding: 60px 0 0;
    width: 100%;
    max-width: 810px;
  }
  #interview .wysiwyg .inner .block__body h4 {
    margin-bottom: 7px;
    color: var(--main-color);
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.1em;
  }
  #interview .wysiwyg .inner .block__body p {
    font-size: 18px;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  #interview .wysiwyg .inner .block__body p + p {
    margin-top: 10px;
  }
  #interview .wysiwyg .inner .block__body p + h4 {
    margin-top: 40px;
  }
  #interview .wysiwyg .inner .block__body p span {
    font-weight: 700;
  }
  #interview .wysiwyg .inner .block__body .img {
    margin: 35px 0;
  }
  #interview .wysiwyg .common__btn {
    margin-top: 150px;
    max-width: 880px;
  }
  #interview .wysiwyg .under__menu {
    padding: 120px 0 0;
  }
}
@media screen and (max-width: 1300px) {
  #interview .wysiwyg {
    padding: 0 0 11.538vw;
    width: 92.3%;
  }
  #interview .wysiwyg .inner {
    padding: 4.615vw 7.692vw;
  }
  #interview .wysiwyg .inner + .inner {
    margin-top: 9.23vw;
  }
  #interview .wysiwyg h1 {
    margin-bottom: 1.538vw;
    font-size: 2.153vw;
  }
  #interview .wysiwyg h2 {
    margin-bottom: 40px;
    font-size: 2.153vw;
  }
  #interview .wysiwyg h3 {
    margin-bottom: 1.538vw;
    font-size: 1.538vw;
  }
  #interview .wysiwyg ol {
    gap: 1.153vw 0;
    margin-bottom: 3.846vw;
  }
  #interview .wysiwyg ol li {
    margin-right: 0.769vw;
  }
  #interview .wysiwyg ol li a {
    margin-right: 0.615vw;
    font-size: 1.384vw;
  }
  #interview .wysiwyg .link a {
    font-size: 1.538vw;
  }
  #interview .wysiwyg .inner .block__body {
    padding: 4.615vw 0 0;
    width: 92.3%;
  }
  #interview .wysiwyg .inner .block__body h4 {
    margin-bottom: 0.538vw;
    font-size: 1.846vw;
  }
  #interview .wysiwyg .inner .block__body p {
    font-size: 1.384vw;
  }
  #interview .wysiwyg .inner .block__body p + p {
    margin-top: 0.769vw;
  }
  #interview .wysiwyg .inner .block__body p + h4 {
    margin-top: 3.07vw;
  }
  #interview .wysiwyg .inner .block__body .img {
    margin: 2.692vw 0;
  }
  #interview .wysiwyg .common__btn {
    margin-top: 11.538vw;
  }
  #interview .wysiwyg .under__menu {
    padding: 9.23vw 0 0;
  }
}
@media screen and (max-width: 768px) {
  #interview .wysiwyg {
    padding: 0 0 16vw;
    width: 100%;
    max-width: inherit;
  }
  #interview .wysiwyg .inner {
    padding: 9.66vw 0;
    width: 94.2%;
  }
  #interview .wysiwyg .inner + .inner {
    margin-top: 12vw;
  }
  #interview .wysiwyg .inner .block__head {
    align-items: center;
    margin: 0 auto;
    width: 87.18%;
  }
  #interview .wysiwyg .inner .block__img {
    margin: 0 auto;
    padding: 0 0 5.434vw;
    width: 70.58%;
    max-width: inherit;
  }
  #interview .wysiwyg .inner .block__img img {
    border-radius: 1.208vw;
    height: 72.4vw;
  }
  #interview .wysiwyg .inner .block__info {
    width: 100%;
    max-width: inherit;
  }
  #interview .wysiwyg h1 {
    margin-bottom: 2vw;
    font-size: 5.794vw;
    text-indent: 0.1em;
    text-align: center;
  }
  #interview .wysiwyg h2 {
    margin-bottom: 5vw;
    font-size: 5.314vw;
    text-indent: 0.1em;
    text-align: center;
  }
  #interview .wysiwyg h3 {
    margin-bottom: 2vw;
    font-size: 4.347vw;
  }
  #interview .wysiwyg ol {
    gap: 3vw 0;
    margin-bottom: 5.555vw;
  }
  #interview .wysiwyg ol li {
    margin-right: 0.5vw;
    font-size: 3.9vw;
    line-height: 1;
  }
  #interview .wysiwyg ol li a {
    margin-right: 0.5vw;
    font-size: 3.9vw;
  }
  #interview .wysiwyg .link {
    line-height: 1;
    text-align: center;
  }
  #interview .wysiwyg .link a {
    font-size: 4.347vw;
  }
  #interview .wysiwyg .inner .block__body {
    margin: 0 auto;
    padding: 60px 0 0;
    width: 87.18%;
    max-width: inherit;
  }
  #interview .wysiwyg .inner .block__body h4 {
    margin-bottom: 2vw;
    font-size: 4.83vw;
  }
  #interview .wysiwyg .inner .block__body p {
    font-size: 3.864vw;
  }
  #interview .wysiwyg .inner .block__body p + p {
    margin-top: 4vw;
  }
  #interview .wysiwyg .inner .block__body p + h4 {
    margin-top: 6vw;
  }
  #interview .wysiwyg .inner .block__body .img {
    margin: 6vw 0;
  }
  #interview .wysiwyg .common__btn {
    margin: 16.9vw auto 0;
    width: 94.2%;
  }
  #interview .wysiwyg .under__menu {
    padding: 16.9vw 0 0;
  }
}