.topPage .header .logo02 {
  background-image: url("../cmn_img/logo_group_wh.svg");
  transition: all .3s ease-in-out; }
  .topPage .header .logo02.active {
    background-image: url("../cmn_img/logo_group.svg"); }
.topPage .header .logo a {
  color: #fff; }
  .topPage .header .logo a span {
    background-image: url("../cmn_img/logo_wh.svg");
    transition: all .3s ease-in-out; }
.topPage .header .logo.active a {
  color: #111; }
  .topPage .header .logo.active a span {
    background-image: url("../cmn_img/logo.svg"); }
.topPage .header .drawer-open .logo02 {
  background-image: url("../cmn_img/logo_group.svg"); }
.topPage .header .drawer-open .logo a {
  color: #111; }
  .topPage .header .drawer-open .logo a span {
    background-image: url("../cmn_img/logo.svg"); }
.topPage .cmn_bdSec .secTtl {
  padding-top: 25px; }
  @media screen and (max-width: 768px) {
    .topPage .cmn_bdSec .secTtl {
      padding-top: 15px; } }
  .topPage .cmn_bdSec .secTtl span {
    display: inline-block;
    margin-right: 10px; }
.topPage .cmn_bdSec .cmn_copy {
  font-size: 4.8rem; }
  @media screen and (max-width: 1199px) {
    .topPage .cmn_bdSec .cmn_copy {
      font-size: 4.2rem; } }
  @media screen and (max-width: 768px) {
    .topPage .cmn_bdSec .cmn_copy {
      font-size: 2.4rem; } }
.topPage .secTtl {
  font-size: 1.1rem;
  line-height: 1.65;
  margin-bottom: 80px; }
  @media screen and (max-width: 768px) {
    .topPage .secTtl {
      font-size: 1.0rem;
      margin-bottom: 30px; } }
  .topPage .secTtl span {
    display: block;
    font-size: 2.0rem;
    font-family: "Inter", sans-serif;
    font-weight: 600; }
    @media screen and (max-width: 768px) {
      .topPage .secTtl span {
        font-size: 1.5rem; } }
.topPage .mv {
  height: 100vh;
  width: 100%;
  overflow: hidden;
  background: url("../cmn_img/top/mv_bg.jpg") no-repeat center center/cover; }
  @media screen and (max-width: 768px) {
    .topPage .mv {
      background-image: url("../cmn_img/top/mv_bg_sp.jpg"); } }
  .topPage .mv .sliderWrap {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative; }
    .topPage .mv .sliderWrap .mvSlider {
      width: 85%;
      height: 100%;
      margin: 0 auto;
      padding: 0;
      list-style: none; }
      @media screen and (max-width: 768px) {
        .topPage .mv .sliderWrap .mvSlider {
          width: 110%;
          margin-left: -5%; } }
      .topPage .mv .sliderWrap .mvSlider .slick-list, .topPage .mv .sliderWrap .mvSlider .slick-track, .topPage .mv .sliderWrap .mvSlider .slick-slide, .topPage .mv .sliderWrap .mvSlider .slick-slide > div {
        height: 100%; }
      .topPage .mv .sliderWrap .mvSlider .slick-slide {
        position: relative; }
        .topPage .mv .sliderWrap .mvSlider .slick-slide .cmn_ofi {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          overflow: hidden;
          border-radius: 90%;
          width: 100%;
          height: auto; }
          .topPage .mv .sliderWrap .mvSlider .slick-slide .cmn_ofi::before {
            padding-top: 100%; }
        .topPage .mv .sliderWrap .mvSlider .slick-slide picture, .topPage .mv .sliderWrap .mvSlider .slick-slide img {
          width: 100%;
          height: 100%; }
        .topPage .mv .sliderWrap .mvSlider .slick-slide img {
          object-fit: cover;
          object-position: center;
          display: block; }
  .topPage .mv .txBox01 {
    position: absolute;
    bottom: 70px;
    left: 5%;
    z-index: 11;
    text-shadow: rgba(0, 0, 0, 0.2) 1px 0 20px; }
    @media screen and (max-width: 1299px) {
      .topPage .mv .txBox01 {
        left: 5%;
        bottom: 65px; } }
    @media screen and (max-width: 768px) {
      .topPage .mv .txBox01 {
        bottom: auto;
        top: 80px;
        left: 0;
        text-align: center;
        width: 100%; } }
    .topPage .mv .txBox01 .copy {
      color: #fff;
      font-weight: 500;
      font-size: 8.2rem;
      line-height: 1.1;
      display: block;
      font-family: "Inter", sans-serif;
      font-weight: 600; }
      @media screen and (max-width: 768px) {
        .topPage .mv .txBox01 .copy {
          font-size: 3.4rem;
          line-height: 1.25; } }
  .topPage .mv .txBox02 {
    position: absolute;
    top: 22%;
    right: 4%;
    z-index: 11;
    color: #fff;
    width: 280px;
    text-shadow: rgba(0, 0, 0, 0.6) 1px 0 20px; }
    @media screen and (max-width: 1299px) {
      .topPage .mv .txBox02 {
        left: auto;
        right: 2%; } }
    @media screen and (max-width: 768px) {
      .topPage .mv .txBox02 {
        width: auto;
        right: auto;
        left: 20px;
        top: auto;
        bottom: 80px; } }
    .topPage .mv .txBox02 .copy {
      font-size: 3.0rem;
      line-height: 1.65; }
      @media screen and (max-width: 768px) {
        .topPage .mv .txBox02 .copy {
          font-size: 2.0rem; } }
      .topPage .mv .txBox02 .copy span {
        display: inline;
        position: relative;
        font-weight: 600; }
        .topPage .mv .txBox02 .copy span::before {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 0;
          height: 1px;
          background: #fff;
          transition: all .3s ease-in-out;
          transition-delay: 2s; }
          @media screen and (max-width: 768px) {
            .topPage .mv .txBox02 .copy span::before {
              bottom: 1px; } }
    .topPage .mv .txBox02 .tx {
      font-size: 1.3rem;
      margin-top: 15px; }
      @media screen and (max-width: 768px) {
        .topPage .mv .txBox02 .tx {
          font-size: 1.1rem;
          margin-top: 5px; } }
    .topPage .mv .txBox02.animated .copy span::before {
      width: 100%; }
.topPage .sec01 {
  background: url("../cmn_img/bg01.jpg") no-repeat center center/100% 100%;
  font-size: 0;
  padding: 180px 0 320px; }
  @media screen and (max-width: 768px) {
    .topPage .sec01 {
      padding: 80px 0 150px;
      text-align: center; } }
  .topPage .sec01 .secTtl {
    margin-bottom: 35px; }
    @media screen and (max-width: 768px) {
      .topPage .sec01 .secTtl {
        margin-bottom: 20px; } }
  .topPage .sec01 .btn {
    margin-top: 50px;
    margin-left: 0; }
    @media screen and (max-width: 768px) {
      .topPage .sec01 .btn {
        margin: 35px auto 0 auto; } }
  .topPage .sec01 .boxL, .topPage .sec01 .boxR {
    width: 55%;
    display: inline-block;
    vertical-align: middle; }
    @media screen and (max-width: 768px) {
      .topPage .sec01 .boxL, .topPage .sec01 .boxR {
        width: 100%;
        display: block; } }
  .topPage .sec01 .boxL .tx {
    font-size: 1.6rem;
    margin-top: 25px; }
    @media screen and (max-width: 768px) {
      .topPage .sec01 .boxL .tx {
        font-size: 1.2rem;
        text-align: left;
        margin-top: 10px; } }
  .topPage .sec01 .boxR {
    text-align: right;
    width: 45%; }
    @media screen and (max-width: 768px) {
      .topPage .sec01 .boxR {
        width: 100%;
        text-align: center; } }
    .topPage .sec01 .boxR picture {
      max-width: 525px;
      width: 100%;
      display: block;
      margin: 0 -20px 0 auto; }
      @media screen and (max-width: 768px) {
        .topPage .sec01 .boxR picture {
          width: 100%;
          max-width: 320px;
          margin: 25px auto 0; } }
.topPage .sec02 {
  position: relative;
  margin-top: -140px;
  border-radius: 2px;
  overflow: hidden; }
  @media screen and (max-width: 768px) {
    .topPage .sec02 {
      margin-top: -80px; } }
  .topPage .sec02::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #111;
    opacity: .5;
    z-index: 1;
    transition: all .3s ease-in-out; }
  .topPage .sec02 .bg::before {
    padding-top: 56.25%; }
    @media screen and (max-width: 768px) {
      .topPage .sec02 .bg::before {
        padding-top: 100%; } }
  .topPage .sec02 .circleWrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 400px;
    z-index: 9; }
    @media screen and (max-width: 768px) {
      .topPage .sec02 .circleWrap {
        width: 240px;
        height: 240px; } }
    .topPage .sec02 .circleWrap::before {
      content: "";
      position: absolute;
      top: 13px;
      left: 13px;
      width: calc(100% -  26px);
      height: calc(100% - 26px);
      border-radius: 50%;
      border: 1px solid #fff; }
      @media screen and (max-width: 768px) {
        .topPage .sec02 .circleWrap::before {
          width: calc(100% -  12px);
          height: calc(100% - 12px);
          top: 6px;
          left: 6px; } }
    .topPage .sec02 .circleWrap .circleFrame {
      position: relative;
      width: 100%;
      height: 100%; }
      .topPage .sec02 .circleWrap .circleFrame .circle {
        position: absolute;
        inset: 0;
        border-radius: 50%; }
        .topPage .sec02 .circleWrap .circleFrame .circle::before {
          content: "";
          position: absolute;
          inset: 0;
          border-radius: 50%;
          background: conic-gradient(#fff 0deg 74deg, transparent 74deg 90deg, #fff 90deg 164deg, transparent 164deg 180deg, #fff 180deg 254deg, transparent 254deg 270deg, #fff 270deg 344deg, transparent 344deg 360deg);
          -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 1px), #000 0);
          mask: radial-gradient(farthest-side, transparent calc(100% - 1px), #000 0);
          transform: rotate(-180deg);
          opacity: 0; }
      .topPage .sec02 .circleWrap .circleFrame.active .circle::before {
        animation: circleDraw 1.5s ease forwards,circleRotate 20s linear infinite 1.5s; }
    .topPage .sec02 .circleWrap .txWrap {
      width: 100%;
      text-align: center;
      position: absolute;
      top: 54%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff; }
      .topPage .sec02 .circleWrap .txWrap .secTtl {
        margin-bottom: 20px; }
        @media screen and (max-width: 768px) {
          .topPage .sec02 .circleWrap .txWrap .secTtl {
            margin-bottom: 10px; } }
        .topPage .sec02 .circleWrap .txWrap .secTtl span {
          display: block;
          line-height: 1.15;
          margin-bottom: 8px;
          font-size: 2.6rem; }
          @media screen and (max-width: 768px) {
            .topPage .sec02 .circleWrap .txWrap .secTtl span {
              font-size: 1.8rem;
              margin-bottom: 2px; } }
      .topPage .sec02 .circleWrap .txWrap .btnWrap {
        cursor: pointer;
        display: inline-block;
        color: #fff; }
        .topPage .sec02 .circleWrap .txWrap .btnWrap .tx {
          font-family: "Inter", sans-serif;
          font-weight: 600;
          font-size: 1.0rem;
          font-weight: 400; }
          @media screen and (max-width: 768px) {
            .topPage .sec02 .circleWrap .txWrap .btnWrap .tx {
              transform: scale(0.8); } }
        .topPage .sec02 .circleWrap .txWrap .btnWrap .btn {
          width: 80px;
          height: 80px;
          border-radius: 90%;
          position: relative;
          display: block;
          margin: 10px auto 0;
          overflow: hidden;
          transition: all .3s ease-in-out; }
          @media screen and (max-width: 768px) {
            .topPage .sec02 .circleWrap .txWrap .btnWrap .btn {
              width: 50px;
              height: 50px;
              margin-top: 2px; } }
          .topPage .sec02 .circleWrap .txWrap .btnWrap .btn::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(42deg, #1560a8 0%, #1f82c6 30%, #2eb0da 50%, #a7dbb0 70%, #f3ec9a 85%, #f0e66a 100%);
            transition: all .3s ease-in-out; }
          .topPage .sec02 .circleWrap .txWrap .btnWrap .btn::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 53%;
            transform: translate(-50%, -50%);
            display: inline-block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 8.5px 0px 8.5px 15px;
            border-color: transparent transparent transparent #fff; }
            @media screen and (max-width: 768px) {
              .topPage .sec02 .circleWrap .txWrap .btnWrap .btn::after {
                border-width: 4px 0px 4px 8px;
                left: 54%; } }
        @media (hover: hover) and (pointer: fine) {
          .topPage .sec02 .circleWrap .txWrap .btnWrap:hover .btn {
            transform: scale(0.98); }
            .topPage .sec02 .circleWrap .txWrap .btnWrap:hover .btn::before {
              width: 175%; } }
        @media (-ms-high-contrast: none), (-ms-high-contrast: active) {
          .topPage .sec02 .circleWrap .txWrap .btnWrap:hover .btn {
            transform: scale(0.98); }
            .topPage .sec02 .circleWrap .txWrap .btnWrap:hover .btn::before {
              width: 175%; } }
  .topPage .sec02.active::before {
    opacity: .2; }
.topPage .sec03 {
  font-size: 0; }
  .topPage .sec03 .boxL, .topPage .sec03 .boxR {
    width: 47%;
    display: inline-block;
    vertical-align: middle; }
    @media screen and (max-width: 768px) {
      .topPage .sec03 .boxL, .topPage .sec03 .boxR {
        width: 100%; } }
  .topPage .sec03 .boxL {
    margin-right: 6%; }
    @media screen and (max-width: 768px) {
      .topPage .sec03 .boxL {
        margin: 0 0 25px; } }
    .topPage .sec03 .boxL .tx {
      font-size: 1.4rem;
      margin-top: 30px; }
      @media screen and (max-width: 768px) {
        .topPage .sec03 .boxL .tx {
          font-size: 1.2rem;
          text-align: left;
          margin-top: 15px; } }
  .topPage .sec03 .btn {
    margin-left: 0;
    margin-top: 45px; }
    @media screen and (max-width: 768px) {
      .topPage .sec03 .btn {
        margin-top: 30px;
        margin-left: auto; } }
.topPage .sec04 .interviewList {
  margin-top: 80px; }
  @media screen and (max-width: 768px) {
    .topPage .sec04 .interviewList {
      margin-top: 30px; } }
  .topPage .sec04 .interviewList > li {
    margin-bottom: 80px; }
    @media screen and (max-width: 768px) {
      .topPage .sec04 .interviewList > li {
        margin-bottom: 40px; } }
    .topPage .sec04 .interviewList > li a {
      display: block; }
      @media (hover: hover) and (pointer: fine) {
        .topPage .sec04 .interviewList > li a:hover .copy {
          background-size: 100% 1px,100% 1px;
          transition: background-size .4s ease,background-size .4s ease .25s; } }
      @media (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .topPage .sec04 .interviewList > li a:hover .copy {
          background-size: 100% 1px,100% 1px;
          transition: background-size .4s ease,background-size .4s ease .25s; } }
    .topPage .sec04 .interviewList > li .img::before {
      padding-top: 56.25%; }
    .topPage .sec04 .interviewList > li .copyWrap {
      display: block;
      margin: 30px auto 15px; }
      @media screen and (max-width: 768px) {
        .topPage .sec04 .interviewList > li .copyWrap {
          margin: 18px auto 8px; } }
      .topPage .sec04 .interviewList > li .copyWrap .copy {
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 1.85;
        position: relative;
        display: inline;
        line-height: 1.8;
        background-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
        background-repeat: no-repeat;
        background-size: 0% 1px,0% 1px;
        background-position: left calc(1.8em + 2px), left calc(3.6em + 2px);
        transition: background-size .4s ease; }
        @media screen and (max-width: 768px) {
          .topPage .sec04 .interviewList > li .copyWrap .copy {
            font-size: 1.4rem; } }
    .topPage .sec04 .interviewList > li .name {
      font-size: 1.3rem;
      display: inline-block;
      vertical-align: middle; }
      @media screen and (max-width: 768px) {
        .topPage .sec04 .interviewList > li .name {
          font-size: 1.1rem; } }
    .topPage .sec04 .interviewList > li.last {
      margin-bottom: 0 !important; }
.topPage .sec05 {
  background: #f8f8f8;
  font-size: 0; }
  .topPage .sec05 .boxL {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    position: sticky;
    left: 0;
    top: 160px; }
    @media screen and (max-width: 768px) {
      .topPage .sec05 .boxL {
        top: 60px;
        width: 140px; } }
    .topPage .sec05 .boxL .secTtl span {
      line-height: 1.4;
      margin-bottom: 5px; }
  .topPage .sec05 .boxR {
    width: 70%;
    display: inline-block;
    vertical-align: top; }
    @media screen and (max-width: 768px) {
      .topPage .sec05 .boxR {
        width: calc(100% - 140px); } }
    .topPage .sec05 .boxR .linkList > li {
      border-top: 1px solid #111;
      font-size: 0; }
      @media screen and (max-width: 768px) {
        .topPage .sec05 .boxR .linkList > li:nth-child(1) {
          border-top: none; } }
      @media screen and (max-width: 768px) {
        .topPage .sec05 .boxR .linkList > li:nth-child(1) a {
          padding-top: 0; } }
      .topPage .sec05 .boxR .linkList > li a {
        display: block;
        padding: 40px 60px 40px 0; }
        @media screen and (max-width: 768px) {
          .topPage .sec05 .boxR .linkList > li a {
            padding: 25px 0 20px; } }
        .topPage .sec05 .boxR .linkList > li a .img {
          width: 30%;
          margin-right: 5%;
          display: inline-block;
          vertical-align: middle; }
          @media screen and (max-width: 768px) {
            .topPage .sec05 .boxR .linkList > li a .img {
              width: 100%;
              margin: 0 auto 15px; } }
        .topPage .sec05 .boxR .linkList > li a .txWrap {
          width: 65%;
          display: inline-block;
          vertical-align: middle;
          font-size: 1.3rem;
          position: relative; }
          @media screen and (max-width: 768px) {
            .topPage .sec05 .boxR .linkList > li a .txWrap {
              width: 100%;
              font-size: 1.2rem; } }
          .topPage .sec05 .boxR .linkList > li a .txWrap .enTx {
            font-family: "Inter", sans-serif;
            font-weight: 600;
            font-size: 1.0rem;
            font-weight: 400; }
          .topPage .sec05 .boxR .linkList > li a .txWrap .ttl {
            font-weight: 500;
            font-size: 2.0rem;
            margin-bottom: 5px; }
            @media screen and (max-width: 768px) {
              .topPage .sec05 .boxR .linkList > li a .txWrap .ttl {
                font-size: 1.4rem;
                margin-bottom: 3px; } }
        .topPage .sec05 .boxR .linkList > li a .cmn_arw {
          position: absolute;
          top: 50%;
          right: -60px;
          transform: translateY(-50%); }
          @media screen and (max-width: 768px) {
            .topPage .sec05 .boxR .linkList > li a .cmn_arw {
              transform: translateY(0);
              top: 24px;
              right: 0; } }
      .topPage .sec05 .boxR .linkList > li.last {
        border-bottom: 1px solid #111; }
        @media screen and (max-width: 768px) {
          .topPage .sec05 .boxR .linkList > li.last {
            border: none;
            padding-bottom: 0; } }

.bgSlider .add-animation .bg {
  animation: zoomBg 6000ms linear both; }

.frontSlider .add-animation .bg {
  animation: zoomFront 6000ms linear both; }

@keyframes zoomBg {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.4); } }
@keyframes zoomFront {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.07); } }
@keyframes circleDraw {
  from {
    transform: rotate(-180deg);
    opacity: 0; }
  to {
    transform: rotate(0);
    opacity: 1; } }
@keyframes circleRotate {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } }
.messagePage .mvStyle_01 .imgArea {
  position: relative; }
  .messagePage .mvStyle_01 .imgArea .bg {
    position: relative; }
    .messagePage .mvStyle_01 .imgArea .bg::before {
      height: 640px; }
      @media screen and (max-width: 768px) {
        .messagePage .mvStyle_01 .imgArea .bg::before {
          height: 0;
          padding-top: 120%; } }
    .messagePage .mvStyle_01 .imgArea .bg::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 75%;
      height: 100%;
      background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
      z-index: 1; }
      @media screen and (max-width: 768px) {
        .messagePage .mvStyle_01 .imgArea .bg::after {
          width: 100%; } }
    .messagePage .mvStyle_01 .imgArea .bg img {
      object-position: center 8%; }
      @media screen and (max-width: 768px) {
        .messagePage .mvStyle_01 .imgArea .bg img {
          object-position: 52% center; } }
  .messagePage .mvStyle_01 .imgArea .txBox {
    position: absolute;
    top: 50%;
    left: 7%;
    transform: translateY(-50%);
    color: #fff;
    width: 37%;
    z-index: 9; }
    @media screen and (max-width: 768px) {
      .messagePage .mvStyle_01 .imgArea .txBox {
        width: 60%;
        left: 20px; } }
    .messagePage .mvStyle_01 .imgArea .txBox .cmn_copy {
      font-size: 4.8rem;
      color: #111;
      color: #fff; }
      @media screen and (max-width: 768px) {
        .messagePage .mvStyle_01 .imgArea .txBox .cmn_copy {
          font-size: 2.0rem; } }
    .messagePage .mvStyle_01 .imgArea .txBox .name {
      font-size: 2.0rem;
      font-weight: 500;
      margin-top: 30px; }
      @media screen and (max-width: 768px) {
        .messagePage .mvStyle_01 .imgArea .txBox .name {
          font-size: 1.5rem;
          margin-top: 15px;
          line-height: 1.7; } }
      .messagePage .mvStyle_01 .imgArea .txBox .name span {
        display: inline-block;
        margin-left: 10px;
        font-size: 1.1rem; }
        @media screen and (max-width: 768px) {
          .messagePage .mvStyle_01 .imgArea .txBox .name span {
            font-size: 1.0rem;
            display: block;
            margin: 0; } }
    .messagePage .mvStyle_01 .imgArea .txBox .tx {
      margin-top: 5px; }
      @media screen and (max-width: 768px) {
        .messagePage .mvStyle_01 .imgArea .txBox .tx {
          line-height: 1.7;
          margin-top: 8px; } }
.messagePage .sec01 .tx01 {
  margin-top: 10px; }
  @media screen and (max-width: 768px) {
    .messagePage .sec01 .tx01 {
      margin-top: 6px; } }
.messagePage .sec01 .mt {
  margin-top: 100px; }
  @media screen and (max-width: 768px) {
    .messagePage .sec01 .mt {
      margin-top: 50px; } }
@media screen and (max-width: 768px) {
  .messagePage .sec01 .imgArea {
    width: 100%;
    border-radius: 0; } }
.messagePage .sec01 .imgArea .cmn_ofi::before {
  padding-top: 40.625%; }
  @media screen and (max-width: 768px) {
    .messagePage .sec01 .imgArea .cmn_ofi::before {
      padding-top: 50%; } }

.interviewPage_detail .mv .txArea {
  padding: 160px 0 100px;
  background: url("../cmn_img/bg01.jpg") no-repeat center center/cover; }
  @media screen and (max-width: 768px) {
    .interviewPage_detail .mv .txArea {
      padding: 110px 0 12px; } }
  .interviewPage_detail .mv .txArea .inr {
    position: relative; }
  .interviewPage_detail .mv .txArea .pageTtl {
    font-size: 1.1rem; }
    @media screen and (max-width: 768px) {
      .interviewPage_detail .mv .txArea .pageTtl {
        font-size: 1.0rem; } }
    .interviewPage_detail .mv .txArea .pageTtl span {
      font-size: 2.2rem;
      font-weight: 600;
      display: inline-block;
      margin-right: 10px; }
      @media screen and (max-width: 768px) {
        .interviewPage_detail .mv .txArea .pageTtl span {
          font-size: 1.4rem; } }
  .interviewPage_detail .mv .txArea .copyWrap {
    margin: 30px auto 25px; }
    @media screen and (max-width: 768px) {
      .interviewPage_detail .mv .txArea .copyWrap {
        margin: 15px auto 12px; } }
    .interviewPage_detail .mv .txArea .copyWrap .copy {
      font-size: 5.6rem; }
      @media screen and (max-width: 768px) {
        .interviewPage_detail .mv .txArea .copyWrap .copy {
          font-size: 2.4rem; } }
  .interviewPage_detail .mv .txArea .name {
    font-size: 1.2rem;
    display: inline-block;
    vertical-align: middle; }
  .interviewPage_detail .mv .txArea .breadcrumb {
    position: absolute;
    right: 0;
    bottom: -5px;
    text-align: right;
    width: 50%; }
    @media screen and (max-width: 768px) {
      .interviewPage_detail .mv .txArea .breadcrumb {
        position: static;
        width: 100%;
        text-align: left;
        margin-top: 45px; } }
.interviewPage_detail .mv .imgArea .bg::before {
  padding-top: 0;
  height: 660px; }
  @media screen and (max-width: 768px) {
    .interviewPage_detail .mv .imgArea .bg::before {
      height: auto;
      padding-top: 66%; } }
.interviewPage_detail .mv .imgArea .bg img {
  object-position: center 25%; }
.interviewPage_detail .sec01 .secList > li {
  padding-top: 30px;
  border-top: 1px solid #111;
  font-size: 1.4rem; }
  @media screen and (max-width: 768px) {
    .interviewPage_detail .sec01 .secList > li {
      font-size: 1.2rem;
      padding-top: 20px; } }
.interviewPage_detail .sec01 .ttlArea {
  padding-left: 100px;
  position: relative;
  margin-bottom: 50px;
  line-height: 1.7; }
  @media screen and (max-width: 768px) {
    .interviewPage_detail .sec01 .ttlArea {
      margin-bottom: 25px;
      padding-left: 65px; } }
  .interviewPage_detail .sec01 .ttlArea::before {
    content: "Q";
    position: absolute;
    top: 0px;
    left: 0;
    width: 75px;
    height: 45px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    border-radius: 90px;
    font-size: 1.9rem;
    background: linear-gradient(42deg, #1560a8 0%, #1f82c6 30%, #2eb0da 50%, #a7dbb0 70%, #f3ec9a 85%, #f0e66a 100%);
    padding: 7px; }
    @media screen and (max-width: 768px) {
      .interviewPage_detail .sec01 .ttlArea::before {
        width: 50px;
        height: 34px;
        font-size: 1.4rem;
        top: 5px;
        padding: 5px; } }
  .interviewPage_detail .sec01 .ttlArea .enTx {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    font-size: 1.1rem;
    font-weight: 400; }
    @media screen and (max-width: 768px) {
      .interviewPage_detail .sec01 .ttlArea .enTx {
        font-size: 1.0rem; } }
  .interviewPage_detail .sec01 .ttlArea .ttl {
    font-size: 1.6rem;
    font-weight: 500; }
    @media screen and (max-width: 768px) {
      .interviewPage_detail .sec01 .ttlArea .ttl {
        font-size: 1.3rem; } }
.interviewPage_detail .sec01 .tx {
  margin-top: 10px; }
  @media screen and (max-width: 768px) {
    .interviewPage_detail .sec01 .tx {
      margin-top: 10px; } }
.interviewPage_detail .sec01 .img {
  margin-top: 50px; }
  @media screen and (max-width: 768px) {
    .interviewPage_detail .sec01 .img {
      margin-top: 30px; } }
  .interviewPage_detail .sec01 .img::before {
    padding-top: 56.25%; }
.interviewPage_detail .linkSec {
  background: #f8f8f8;
  text-align: center; }
  .interviewPage_detail .linkSec .interviewList > li {
    text-align: center; }
    @media screen and (max-width: 768px) {
      .interviewPage_detail .linkSec .interviewList > li {
        width: 100%;
        margin: 0 0 10px; } }
    .interviewPage_detail .linkSec .interviewList > li a {
      display: block;
      background: #fff;
      font-size: 0;
      border-radius: 2px;
      overflow: hidden; }
      .interviewPage_detail .linkSec .interviewList > li a .img, .interviewPage_detail .linkSec .interviewList > li a .txWrap {
        width: 50%;
        display: inline-block;
        vertical-align: middle; }
      .interviewPage_detail .linkSec .interviewList > li a .img {
        border-radius: 0; }
        @media screen and (max-width: 768px) {
          .interviewPage_detail .linkSec .interviewList > li a .img::before {
            padding-top: 66%; } }
      .interviewPage_detail .linkSec .interviewList > li a .txWrap {
        padding: 15px 25px; }
        @media screen and (max-width: 768px) {
          .interviewPage_detail .linkSec .interviewList > li a .txWrap {
            padding: 5px 10px; } }
        .interviewPage_detail .linkSec .interviewList > li a .txWrap .name {
          font-size: 1.2rem;
          line-height: 1.7; }
          @media screen and (max-width: 768px) {
            .interviewPage_detail .linkSec .interviewList > li a .txWrap .name {
              font-size: 1.0rem; } }
          .interviewPage_detail .linkSec .interviewList > li a .txWrap .name span {
            font-weight: 500;
            font-size: 1.8rem;
            display: block;
            margin-bottom: 2px; }
            @media screen and (max-width: 768px) {
              .interviewPage_detail .linkSec .interviewList > li a .txWrap .name span {
                font-size: 1.2rem;
                margin-bottom: 0; } }
        .interviewPage_detail .linkSec .interviewList > li a .txWrap .cmn_arw {
          position: relative;
          margin: 12px auto 0; }
          @media screen and (max-width: 768px) {
            .interviewPage_detail .linkSec .interviewList > li a .txWrap .cmn_arw {
              margin-top: 4px;
              transform: scale(0.8); } }

.culturePage .img01, .culturePage .img02, .culturePage .img03 {
  display: inline-block;
  width: 100%; }
.culturePage .sec01 .group01 .courseBox {
  margin-top: 35px;
  background: url("../cmn_img/ptn02.png") repeat;
  padding: 25px 30px 30px 30px; }
  @media screen and (max-width: 768px) {
    .culturePage .sec01 .group01 .courseBox {
      padding: 20px 15px 15px; } }
  .culturePage .sec01 .group01 .courseBox .boxTtl {
    font-weight: 500;
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 15px; }
    @media screen and (max-width: 768px) {
      .culturePage .sec01 .group01 .courseBox .boxTtl {
        font-size: 1.3rem; } }
.culturePage .sec01 .group01 .img01 {
  max-width: 492px; }
.culturePage .sec01 .group01 .img02 {
  max-width: 408px; }
.culturePage .sec01 .group02 .img01 {
  max-width: 880px; }
@media screen and (max-width: 768px) {
  .culturePage .sec01 .group02 .tbl01 tr th {
    width: 110px !important; } }
.culturePage .sec01 .group03 .img01 {
  max-width: 599px; }
.culturePage .sec01 .group04 .pointList {
  font-size: 0; }
  .culturePage .sec01 .group04 .pointList > li {
    font-size: 0;
    margin-bottom: 35px; }
    @media screen and (max-width: 768px) {
      .culturePage .sec01 .group04 .pointList > li {
        width: 48.5%;
        display: inline-block;
        vertical-align: top;
        margin-right: 3%;
        text-align: center; } }
    @media screen and (max-width: 768px) {
      .culturePage .sec01 .group04 .pointList > li:nth-child(2n) {
        margin-right: 0; } }
    .culturePage .sec01 .group04 .pointList > li p {
      font-size: 1.3rem; }
      @media screen and (max-width: 768px) {
        .culturePage .sec01 .group04 .pointList > li p {
          font-size: 1.2rem; } }
    .culturePage .sec01 .group04 .pointList > li .img {
      width: 35%;
      margin-right: 5%;
      display: inline-block;
      vertical-align: middle;
      border-radius: 2px;
      overflow: hidden; }
      @media screen and (max-width: 768px) {
        .culturePage .sec01 .group04 .pointList > li .img {
          width: 100%;
          margin: 0 0 10px; } }
    .culturePage .sec01 .group04 .pointList > li .txBox {
      width: 60%;
      display: inline-block;
      vertical-align: middle; }
      @media screen and (max-width: 768px) {
        .culturePage .sec01 .group04 .pointList > li .txBox {
          width: 100%; } }
      .culturePage .sec01 .group04 .pointList > li .txBox .numTx {
        font-size: 1.1rem;
        font-weight: 500;
        margin-bottom: 6px; }
        @media screen and (max-width: 768px) {
          .culturePage .sec01 .group04 .pointList > li .txBox .numTx {
            font-size: 1.0rem;
            transform: scale(0.85);
            margin-bottom: 2px; } }
      @media screen and (max-width: 768px) {
        .culturePage .sec01 .group04 .pointList > li .txBox .cmn_copy02 {
          font-size: 1.5rem; } }
      .culturePage .sec01 .group04 .pointList > li .txBox .subTx {
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 1.7;
        margin-bottom: 15px; }
        @media screen and (max-width: 768px) {
          .culturePage .sec01 .group04 .pointList > li .txBox .subTx {
            font-size: 1.2rem;
            margin-bottom: 4px;
            margin-top: 5px; } }
      @media screen and (max-width: 768px) {
        .culturePage .sec01 .group04 .pointList > li .txBox .tx {
          text-align: left; } }
    .culturePage .sec01 .group04 .pointList > li.last {
      margin-bottom: 0; }

.workstylePage .sec01 .img01, .workstylePage .sec01 .img02, .workstylePage .sec01 .img03 {
  display: inline-block;
  width: 100%; }
.workstylePage .sec01 .group01 .img01 {
  max-width: 623px; }
@media screen and (max-width: 768px) {
  .workstylePage .sec01 .group01 .tbl01 tr th {
    width: 90px !important; } }
.workstylePage .sec01 .group02 .img01 {
  max-width: 869px; }
.workstylePage .sec01 .group02 .logo01 {
  display: block;
  max-width: 174px;
  width: 100%;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .workstylePage .sec01 .group02 .logo01 {
      max-width: 130px; } }
@media screen and (max-width: 768px) {
  .workstylePage .sec01 .group02 .tbl01 tr th {
    width: 90px !important; } }
@media screen and (max-width: 768px) {
  .workstylePage .sec01 .group03 .tbl01 tr th {
    width: 90px !important; } }
.workstylePage .sec01 .group02 .wrap01, .workstylePage .sec01 .group02 .wrap02, .workstylePage .sec01 .group03 .wrap01, .workstylePage .sec01 .group03 .wrap02 {
  font-size: 0; }
  .workstylePage .sec01 .group02 .wrap01 .boxL, .workstylePage .sec01 .group02 .wrap01 .boxR, .workstylePage .sec01 .group02 .wrap02 .boxL, .workstylePage .sec01 .group02 .wrap02 .boxR, .workstylePage .sec01 .group03 .wrap01 .boxL, .workstylePage .sec01 .group03 .wrap01 .boxR, .workstylePage .sec01 .group03 .wrap02 .boxL, .workstylePage .sec01 .group03 .wrap02 .boxR {
    width: 47.5%;
    font-size: 1.4rem;
    display: inline-block;
    vertical-align: middle; }
    @media screen and (max-width: 768px) {
      .workstylePage .sec01 .group02 .wrap01 .boxL, .workstylePage .sec01 .group02 .wrap01 .boxR, .workstylePage .sec01 .group02 .wrap02 .boxL, .workstylePage .sec01 .group02 .wrap02 .boxR, .workstylePage .sec01 .group03 .wrap01 .boxL, .workstylePage .sec01 .group03 .wrap01 .boxR, .workstylePage .sec01 .group03 .wrap02 .boxL, .workstylePage .sec01 .group03 .wrap02 .boxR {
        font-size: 1.2rem;
        width: 100%; } }
  .workstylePage .sec01 .group02 .wrap01 .boxL, .workstylePage .sec01 .group02 .wrap02 .boxL, .workstylePage .sec01 .group03 .wrap01 .boxL, .workstylePage .sec01 .group03 .wrap02 .boxL {
    margin-right: 5%; }
    @media screen and (max-width: 768px) {
      .workstylePage .sec01 .group02 .wrap01 .boxL, .workstylePage .sec01 .group02 .wrap02 .boxL, .workstylePage .sec01 .group03 .wrap01 .boxL, .workstylePage .sec01 .group03 .wrap02 .boxL {
        margin: 0 0 15px; } }
  .workstylePage .sec01 .group02 .wrap01 .boxR, .workstylePage .sec01 .group02 .wrap02 .boxR, .workstylePage .sec01 .group03 .wrap01 .boxR, .workstylePage .sec01 .group03 .wrap02 .boxR {
    text-align: center; }
.workstylePage .sec01 .group02 .wrap02 .boxL, .workstylePage .sec01 .group03 .wrap02 .boxL {
  width: 75%; }
  @media screen and (max-width: 768px) {
    .workstylePage .sec01 .group02 .wrap02 .boxL, .workstylePage .sec01 .group03 .wrap02 .boxL {
      width: 100%; } }
.workstylePage .sec01 .group02 .wrap02 .boxR, .workstylePage .sec01 .group03 .wrap02 .boxR {
  width: 20%; }
  @media screen and (max-width: 768px) {
    .workstylePage .sec01 .group02 .wrap02 .boxR, .workstylePage .sec01 .group03 .wrap02 .boxR {
      width: 100%; } }

.aboutPage img {
  border-radius: 2px;
  overflow: hidden; }
.aboutPage .mt {
  margin-top: 12px; }
  @media screen and (max-width: 768px) {
    .aboutPage .mt {
      margin-top: 8px; } }
.aboutPage .ttl01 {
  font-weight: 500;
  font-size: 1.5rem;
  margin-bottom: 2px; }
  @media screen and (max-width: 768px) {
    .aboutPage .ttl01 {
      font-size: 1.3rem; } }
.aboutPage .cmnList01, .aboutPage .cmnList02 {
  font-size: 0; }
  .aboutPage .cmnList01 > li, .aboutPage .cmnList02 > li {
    display: inline-block;
    vertical-align: middle; }
    @media screen and (max-width: 768px) {
      .aboutPage .cmnList01 > li, .aboutPage .cmnList02 > li {
        width: 100% !important;
        display: block; } }
    .aboutPage .cmnList01 > li:nth-child(1), .aboutPage .cmnList02 > li:nth-child(1) {
      width: 47.5%;
      margin-right: 5%; }
      @media screen and (max-width: 768px) {
        .aboutPage .cmnList01 > li:nth-child(1), .aboutPage .cmnList02 > li:nth-child(1) {
          margin: 0 0 25px; } }
    .aboutPage .cmnList01 > li:nth-child(2), .aboutPage .cmnList02 > li:nth-child(2) {
      width: 47.5%; }
.aboutPage .cmnList02 > li {
  vertical-align: middle; }
  .aboutPage .cmnList02 > li:nth-child(1) {
    width: 60%;
    margin-right: 0; }
  .aboutPage .cmnList02 > li:nth-child(2) {
    width: 35%;
    margin-left: 5%; }
    @media screen and (max-width: 768px) {
      .aboutPage .cmnList02 > li:nth-child(2) {
        margin-left: auto; } }
.aboutPage .sec03 .courseBox {
  margin-top: 20px; }
  .aboutPage .sec03 .courseBox .cmn_courseList > li {
    border: 1px solid #eee; }
.aboutPage .sec04 .copy {
  font-size: 1.5rem; }
  @media screen and (max-width: 768px) {
    .aboutPage .sec04 .copy {
      font-size: 1.3rem; } }
.aboutPage .sec04 .ttlWrap .num {
  display: inline-block;
  vertical-align: middle;
  margin-right: 25px;
  font-size: 7.0rem;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  line-height: 1;
  color: #ddd; }
  @media screen and (max-width: 768px) {
    .aboutPage .sec04 .ttlWrap .num {
      font-size: 1.6rem;
      display: block;
      text-align: center;
      margin-bottom: 7px;
      color: #bbb; } }
.aboutPage .sec04 .ttlWrap .txWrap {
  display: inline-block;
  vertical-align: middle; }
  @media screen and (max-width: 768px) {
    .aboutPage .sec04 .ttlWrap .txWrap {
      display: block;
      text-align: center; } }
.aboutPage .sec04 .jireiList > li {
  border-radius: 2px;
  overflow: hidden;
  background: #fff;
  padding: 25px 30px; }
  @media screen and (max-width: 768px) {
    .aboutPage .sec04 .jireiList > li {
      padding: 15px 20px; } }