/*--------------------------------------------------------------------------
main
--------------------------------------------------------------------------*/
main .section p {
  color: #4c4c4c;
  font-size: 19px;
  font-weight: 300;
  margin: 50px 0 0; }
main .visual {
  height: 500px;
  margin: 100px 0 70px;
  position: relative;
  width: 1000px; }
  main .visual .visual-copy {
    position: absolute;
    left: 0;
    top: 185px;
    width: 100%; }
    main .visual .visual-copy p {
      color: #fff;
      font-size: 30px;
      font-weight: 700;
      line-height: 1;
      margin: 0;
      text-align: center; }
main #crosstalk {
  margin: 100px 0 0; }
  main #crosstalk .visual .visual-copy {
    top: 184px; }
    main #crosstalk .visual .visual-copy p span {
      background: url(../../../assets/images/main/copy-bg.png) 0 0 repeat;
      font-size: 30px;
      font-weight: 700;
      line-height: 60px;
      padding: 3px 15px; }
    main #crosstalk .visual .visual-copy span.name {
      color: #fff;
      font-size: 16px;
      font-weight: 700;
      position: absolute;
      bottom: -100px; }
    main #crosstalk .visual .visual-copy span#name1 {
      left: 22%; }
    main #crosstalk .visual .visual-copy span#name2 {
      left: 42%; }
  main #crosstalk h1 {
    background: url(../../interview/crosstalk/images/h1-crosstalk.png) 0 0 no-repeat;
    background-size: auto 15px; }
  main #crosstalk #visual-crosstalk {
    background: url(../../interview/crosstalk/images/visual-crosstalk.jpg) 50% 50% no-repeat;
    background-size: cover; }
  main #crosstalk .image {
    margin: 100px 0 0; }
main #case {
  margin: 190px 0 0; }
  main #case .visual .visual-copy {
    top: 85px; }
  main #case h1 {
    background: url(../../interview/crosstalk/images/h1-case.png) 0 0 no-repeat;
    background-size: auto 15px; }
  main #case #visual-case {
    background: url(../../interview/crosstalk/images/visual-case.jpg) 50% 50% no-repeat;
    background-size: cover; }
main #member {
  margin: 100px 0 0; }
  main #member .visual .visual-copy {
    top: 85px; }
  main #member h1 {
    background: url(../../interview/member/images/h1-member.png) 0 0 no-repeat;
    background-size: auto 15px; }
  main #member ul {
    margin: 100px 0 0; }
    main #member ul li {
      float: left;
      margin: 0 5% 5% 0;
      width: 30%; }
      main #member ul li:nth-child(2n) {
        margin-right: 5%; }
      main #member ul li:nth-child(3n) {
        margin-right: 0; }
      main #member ul li a {
        display: block;
        position: relative; }
      main #member ul li a h2 {
        color: #fff;
        position: absolute;
        bottom: 18%;
        text-align: center;
        width: 100%; }
      main #member ul li a img {
        height: auto;
        width: 100%; }
      main #member ul li a p {
        position: absolute;
        bottom: 5%;
        text-align: center;
        width: 100%; }
      main #member ul li a p img {
        height: 13px;
        width: auto; }

#is-member main {
  padding: 100px 0 50px; }
#is-member .modal .closebt {
  height: 52px;
  margin: 100px 0;
  width: 52px; }
#is-member .modal .modal-container {
  width: 985px; }
  #is-member .modal .modal-container table {
    letter-spacing: 0.25em;
    margin: 0;
    width: 100%; }
  #is-member .modal .modal-container table th {
    width: 50%; }
  #is-member .modal .modal-container table td {
    background: #fff;
    padding: 70px 0 60px 2%;
    position: relative;
    vertical-align: top;
    width: 50%; }
    #is-member .modal .modal-container table td h3 {
      color: #656565;
      font-size: 19px;
      font-weight: 700; }
    #is-member .modal .modal-container table td p {
      color: #656565;
      font-size: 19px;
      font-weight: 300;
      margin: 70px 0 0 2%; }
  #is-member .modal .modal-container p {
    color: #fff;
    font-size: 19px;
    font-weight: 300;
    letter-spacing: 0.25em;
    margin: 50px 0 0;
    text-align: left; }
#is-member #member1 table th {
  background: url(../../interview/member/images/image-member1.jpg) 50% 0 no-repeat;
  background-size: cover; }
#is-member #member2 table th {
  background: url(../../interview/member/images/image-member2.jpg) 50% 0 no-repeat;
  background-size: cover; }
#is-member #member3 table th {
  background: url(../../interview/member/images/image-member3.jpg) 50% 0 no-repeat;
  background-size: cover; }
#is-member #member3 table td h3 {
  letter-spacing: 0.1em; }
#is-member #member4 table th {
  background: url(../../interview/member/images/image-member4.jpg) 50% 0 no-repeat;
  background-size: cover; }
#is-member #member5 table th {
  background: url(../../interview/member/images/image-member5.jpg) 50% 0 no-repeat;
  background-size: cover; }
#is-member #member6 table th {
  background: url(../../interview/member/images/image-member6.jpg) 50% 0 no-repeat;
  background-size: cover; }
#is-member #member6 table td h3 {
  letter-spacing: 0.1em; }

/*========================================================================*/
@media screen and (max-width: 1200px) {
  /*--------------------------------------------------------------------------
  main
  --------------------------------------------------------------------------*/
  main .section p {
    font-size: 16px;
    margin: 50px 0 0; }
  main .visual {
    height: 300px;
    width: 100%; }
    main .visual .visual-copy {
      top: 85px;
      width: 100%; }
      main .visual .visual-copy p {
        font-size: 26px; }
  main #crosstalk {
    margin: 100px 0 0; }
    main #crosstalk .visual {
      height: 500px; }
      main #crosstalk .visual .visual-copy {
        height: 132px;
        top: 184px; }
        main #crosstalk .visual .visual-copy p span {
          font-size: 24px;
          line-height: 52px;
          padding: 3px 15px; }
        main #crosstalk .visual .visual-copy span.name {
          font-size: 14px;
          bottom: -100px; }
        main #crosstalk .visual .visual-copy span#name1 {
          left: 20%; }
        main #crosstalk .visual .visual-copy span#name2 {
          left: 42%; }
    main #crosstalk p img {
      height: auto;
      width: 100%; }
  main #case {
    margin: 190px 0 0; }
    main #case .visual .visual-copy {
      height: 110px;
      top: 95px; }
    main #case p img {
      height: auto;
      width: 100%; }
  main #member {
    margin: 100px 0 0; }
    main #member .visual .visual-copy {
      height: 110px;
      top: 95px; }
    main #member p img {
      height: auto;
      width: 100%; }
    main #member ul li a h2 {
      bottom: 21%;
      font-size: 14px; }
    main #member ul li a p {
      bottom: 7%; }
    main #member ul li a p img {
      height: 13px; }

  #is-member .modal .closebt {
    height: 52px;
    margin: 70px 0;
    width: 52px; }
  #is-member .modal .modal-container {
    padding: 0 35px;
    width: 100%; }
    #is-member .modal .modal-container table td h3 {
      font-size: 16px; }
    #is-member .modal .modal-container table td p {
      font-size: 16px;
      margin: 70px 0 0; }
    #is-member .modal .modal-container p {
      font-size: 16px;
      margin: 50px 0 0; } }
/*========================================================================*/
@media screen and (max-width: 768px) {
  /*--------------------------------------------------------------------------
  main
  --------------------------------------------------------------------------*/
  main .section p {
    font-size: 12px;
    margin: 30px 0 0; }
  main #crosstalk {
    margin: 0; }
    main #crosstalk .visual {
      margin: 50px 0 50px;
      height: 300px; }
      main #crosstalk .visual .visual-copy {
        height: 60px;
        top: 120px; }
        main #crosstalk .visual .visual-copy p span {
          font-size: 13px;
          line-height: 28px;
          letter-spacing: 0.18em;
          padding: 3px 6px; }
        main #crosstalk .visual .visual-copy span.name {
          font-size: 10px;
          bottom: -65px; }
        main #crosstalk .visual .visual-copy span#name1 {
          left: 12%; }
        main #crosstalk .visual .visual-copy span#name2 {
          left: 47%; }
    main #crosstalk #visual-crosstalk {
      background: url(../../interview/crosstalk/images/visual-crosstalk.jpg) 38% 50% no-repeat;
      background-size: cover; }
    main #crosstalk h1 {
      background: url(../../interview/crosstalk/images/h1-crosstalk.png) 0 0 no-repeat;
      background-size: auto 12px; }
    main #crosstalk .image {
      margin: 50px 0 0; }
  main #case {
    margin: 100px 0 0; }
    main #case .visual {
      height: 150px;
      margin: 50px 0 30px; }
      main #case .visual .visual-copy {
        height: 50px;
        top: 50px; }
        main #case .visual .visual-copy p {
          font-size: 13px; }
    main #case h1 {
      background: url(../../interview/crosstalk/images/h1-case.png) 0 0 no-repeat;
      background-size: auto 12px; }
  main #member {
    margin: 0; }
    main #member .visual {
      height: 150px;
      margin: 50px 0 30px; }
      main #member .visual .visual-copy {
        height: 50px;
        top: 50px; }
        main #member .visual .visual-copy p {
          font-size: 13px; }
    main #member h1 {
      background: url(../../interview/member/images/h1-member.png) 0 0 no-repeat;
      background-size: auto 12px; }
    main #member ul {
      margin: 50px 0 0; }
      main #member ul li {
        margin: 0 4% 3% 0;
        width: 48%; }
        main #member ul li:nth-child(3n) {
          margin-right: 4%; }
        main #member ul li:nth-child(2n) {
          margin-right: 0; }
        main #member ul li a h2 {
          bottom: 21%;
          font-size: 12px; }
        main #member ul li a img {
          height: auto;
          width: 100%; }
        main #member ul li a p {
          bottom: 7%; }
        main #member ul li a p img {
          height: 10px;
          width: auto; }

  #is-member main {
    padding: 100px 0 40px; }
  #is-member .modal .closebt {
    height: 36px;
    margin: 30px 0;
    width: 36px; }
  #is-member .modal .modal-container {
    padding: 0 12px;
    width: 100%; }
    #is-member .modal .modal-container table th {
      display: block;
      height: 55vw;
      width: 100%; }
    #is-member .modal .modal-container table td {
      display: block;
      height: auto;
      padding: 30px 0 20px 4%;
      width: 100%; }
      #is-member .modal .modal-container table td h3 {
        font-size: 13px; }
      #is-member .modal .modal-container table td p {
        font-size: 13px;
        margin: 20px 0 0; }
    #is-member .modal .modal-container p {
      font-size: 13px;
      margin: 30px 0 10px; } }
/*========================================================================*/

/*# sourceMappingURL=interview.css.map */