@charset "UTF-8";
html,
body {
  height: 100%;
  min-width: 1200px; }
  @media (max-width: 1200px) {
    html,
    body {
      min-width: 0; } }

.wrap {
  width: 100%;
  overflow: hidden; }
  .wrap section {
    width: 1100px;
    margin: auto; }
    @media (max-width: 1200px) {
      .wrap section {
        width: 100%;
        padding: 0 4%; } }

h2 {
  text-align: center;
  padding: 80px 0 60px; }
  @media (max-width: 1200px) {
    h2 {
      padding: 30px 0; } }

p {
  line-height: 3rem; }

a {
  cursor: pointer; }

body.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0; }

#page_top {
  position: fixed;
  bottom: 30px;
  right: 50px;
  z-index: 100; }
  @media (max-width: 1200px) {
    #page_top {
      right: 10px;
      bottom: 10px; } }
header{position: relative;}
header #header_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100px;
  padding: 0 5%; }
  @media (max-width: 768px) {
    header #header_top {
      padding: 0 2%; } }
  header #header_top h1 img {
    width: 525px;
    height: 44px; }
    @media (max-width: 768px) {
      header #header_top h1 img {
        width: 251px;
        height: auto; } }
@media (max-width: 1200px) {
  header .slick-dots {
    display: none !important; } }
header #interview_main {
  position: relative;
  margin: auto; }
  @media (max-width: 1000px) {
    header #interview_main {
      width: 100%; } }
header #interview_main img:nth-child(1) {
  width: 100%;
  height: auto; }
  @media (max-width: 768px) {
    header #interview_main img:nth-child(1) {
      width: auto; } }
header .person_description {
  display: none; }
  @media (max-width: 768px) {
    header .person_description {
      max-height: 100%;
      margin: 20px auto 0;
      display: block; } }
header .m_fixed {
  position: fixed;
  top: 0; }
header #entry_btn {
  width: 110px;
  display: flex;
  position: fixed;
  align-items: center;
  top: 20px;
  right: 10px;
  z-index: 200; }
  @media (max-width: 768px) {
    header #entry_btn {
      flex-direction: column; }
      header #entry_btn img {
        position: absolute;
        top: 50px;
        right: 0; } }

/*  ハンバーガーメニュー  */
#sp_menu {
  width: 45px;
  display: block;
  position: absolute;
  right: 0; }

#panel-btn {
  display: block;
  position: relative;
  background: #fff;
  padding: 28px 39px 11px 0px;
  cursor: pointer;
  border-radius: 3px;
  color: #666;
  font-size: 1rem;
  line-height: 1;
  border: none;
  box-shadow: 0 0 6px gray; }

#panel-btn-icon {
  display: block;
  position: absolute;
  top: 49%;
  left: 31%;
  width: 26px;
  height: 3px;
  margin: -1px 0 0 -6px;
  background: #666;
  transition: .2s;
  text-indent: -9999em; }

#panel-btn-icon:before,
#panel-btn-icon:after {
  display: block;
  content: "";
  position: absolute;
  top: 43%;
  left: 0;
  width: 26px;
  height: 3px;
  background: #666;
  transition: .3s; }

#panel-btn-icon:before {
  margin-top: -11px; }

#panel-btn-icon:after {
  margin-top: 9px; }

.navbar-toggle.active #panel-btn-icon {
  background: transparent; }
  .navbar-toggle.active #panel-btn-icon::before {
    margin-top: 0;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg); }
  .navbar-toggle.active #panel-btn-icon::after {
    margin-top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

nav.globalMenuSp {
  display: none;
  z-index: 10;
  color: #000;
  text-align: center;
  width: 100%;
  position: fixed;
  background: #fff; }

nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 0;
  width: 100%; }

nav.globalMenuSp ul li {
  font-size: 1.1em;
  list-style-type: none;
  padding: 0;
  width: 100%;
  border-bottom: 1px dotted #333; }

nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
  border-bottom: none; }

nav.globalMenuSp ul li a {
  display: block;
  color: #000;
  text-decoration: none;
  padding: 1em 0; }

footer img {
  display: block;
  margin: 30px auto; }

#INTERVIEW {
  background-image: url("../images/interview_bg01.png"), url("../images/interview_bg02.png");
  background-position: top right, bottom left;
  background-repeat: no-repeat, no-repeat; }
  @media (max-width: 1000px) {
    #INTERVIEW {
      background-size: 50%, 50%; } }
  #INTERVIEW div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: auto;
    width: 100%; }
    #INTERVIEW div #interview01 {
      background: center right no-repeat url("../images/interview01_pc.png");
      background-size: cover; }
      #INTERVIEW div #interview01:hover {
        background: center right no-repeat url("../images/interview_hover01.png");
        background-size: cover; }
      @media (max-width: 1200px) {
        #INTERVIEW div #interview01 {
          background: none; }
          #INTERVIEW div #interview01:hover {
            background: none; } }
    #INTERVIEW div #interview02 {
      background: center right no-repeat url("../images/interview02_pc.png");
      background-size: cover; }
      #INTERVIEW div #interview02:hover {
        background: center right no-repeat url("../images/interview_hover02.png");
        background-size: cover; }
      @media (max-width: 1200px) {
        #INTERVIEW div #interview02 {
          background: none; }
          #INTERVIEW div #interview02:hover {
            background: none; } }
    #INTERVIEW div #interview03 {
      background: center right no-repeat url("../images/interview03_pc.png");
      background-size: cover; }
      #INTERVIEW div #interview03:hover {
        background: center right no-repeat url("../images/interview_hover03.png");
        background-size: cover; }
      @media (max-width: 1200px) {
        #INTERVIEW div #interview03 {
          background: none; }
          #INTERVIEW div #interview03:hover {
            background: none; } }
    #INTERVIEW div #interview04 {
      background: center right no-repeat url("../images/interview04_pc.png");
      background-size: cover; }
      #INTERVIEW div #interview04:hover {
        background: center right no-repeat url("../images/interview_hover04.png");
        background-size: cover; }
      @media (max-width: 1200px) {
        #INTERVIEW div #interview04 {
          background: none; }
          #INTERVIEW div #interview04:hover {
            background: none; } }
    #INTERVIEW div #interview05 {
      background: center right no-repeat url("../images/interview05_pc.png");
      background-size: cover; }
      #INTERVIEW div #interview05:hover {
        background: center right no-repeat url("../images/interview_hover05.png");
        background-size: cover; }
      @media (max-width: 1200px) {
        #INTERVIEW div #interview05 {
          background: none; }
          #INTERVIEW div #interview05:hover {
            background: none; } }
    #INTERVIEW div #interview06 {
      background: center right no-repeat url("../images/interview06_pc.png");
      background-size: cover; }
      #INTERVIEW div #interview06:hover {
        background: center right no-repeat url("../images/interview_hover06.png");
        background-size: cover; }
      @media (max-width: 1200px) {
        #INTERVIEW div #interview06 {
          background: none; }
          #INTERVIEW div #interview06:hover {
            background: none; } }
    #INTERVIEW div #interview07 {
      background: center right no-repeat url("../images/interview07_pc.png");
      background-size: cover; }
      #INTERVIEW div #interview07:hover {
        background: center right no-repeat url("../images/interview_hover07.png");
        background-size: cover; }
      @media (max-width: 1200px) {
        #INTERVIEW div #interview07 {
          background: none; }
          #INTERVIEW div #interview07:hover {
            background: none; } }
    #INTERVIEW div #interview08 {
      background: center right no-repeat url("../images/interview08_pc.png");
      background-size: cover; }
      #INTERVIEW div #interview08:hover {
        background: center right no-repeat url("../images/interview_hover08.png");
        background-size: cover; }
      @media (max-width: 1200px) {
        #INTERVIEW div #interview08 {
          background: none; }
          #INTERVIEW div #interview08:hover {
            background: none; } }
    #INTERVIEW div #interview09 {
      background: center right no-repeat url("../images/interview09_pc.png");
      background-size: cover; }
      #INTERVIEW div #interview09:hover {
        background: center right no-repeat url("../images/interview_hover09.png");
        background-size: cover; }
      @media (max-width: 1200px) {
        #INTERVIEW div #interview09 {
          background: none; }
          #INTERVIEW div #interview09:hover {
            background: none; } }
    #INTERVIEW div a {
      display: block;
      width: 440px;
      height: 360px;
      margin: 0 -37px 30px;
      position: relative;
      text-decoration: none; }
      #INTERVIEW div a img:first-child {
        display: none; }
        #INTERVIEW div a img:first-child + img {
          position: absolute;
          bottom: -30px;
          right: 0px;
          left: 0;
          margin: 0 auto; }
          @media (max-width: 1200px) {
            #INTERVIEW div a img:first-child + img {
              display: none; } }
        @media (max-width: 1200px) {
          #INTERVIEW div a img:first-child {
            display: block; } }
      #INTERVIEW div a p {
        display: none; }
        @media (max-width: 1200px) {
          #INTERVIEW div a p {
            display: block;
            color: #4d4d4d;
            font-weight: bold;
            text-align: center;
            position: absolute;
            bottom: -80px;
            right: 0;
            left: 0;
            line-height: 2.5rem;
            font-size: 1.5rem; }
            #INTERVIEW div a p span {
              font-size: 130%;
              border-bottom: 2px solid; } }
      @media (max-width: 1200px) {
        #INTERVIEW div a {
          width: 50%;
          max-width: 268px;
          height: auto;
          margin: 0 0 110px; } }

#WORKPLACE {
  background: url("../images/workplace_bg.png");
  background-size: 19px;
  padding-bottom: 1px; }
  @media (max-width: 1000px) {
    #WORKPLACE {
      padding-bottom: 30px; }
      #WORKPLACE h2 {
        margin: 0 2%; } }
  #WORKPLACE div.door {
    border-bottom: 25px solid #ffef4f;
    display: flex;
    justify-content: center;
    margin: 0 0 120px -55px; }
    @media (max-width: 1000px) {
      #WORKPLACE div.door {
        border-bottom: none;
        margin: 0 0 0 -3px;
        flex-wrap: wrap;
        max-width: 875px; }
        #WORKPLACE div.door.sp {
          display: none; }
        #WORKPLACE div.door::after {
          content: "";
          display: block;
          width: calc(42% + 3px); } }
    #WORKPLACE div.door a {
      margin: 0 20px -18px;
      width: 203px;
      height: 240px; }
      @media (max-width: 1000px) {
        #WORKPLACE div.door a {
          margin: 0 2% 20px 0;
          width: 40%;
          height: auto;
          max-width: 203px;
          max-height: 240px;
          text-align: center; } }
      #WORKPLACE div.door a img {
        display: none; }
        @media (max-width: 1000px) {
          #WORKPLACE div.door a img {
            display: block;
            margin: auto; } }
    #WORKPLACE div.door .sp {
      display: none; }
      @media (max-width: 1000px) {
        #WORKPLACE div.door .sp {
          display: block; } }
  #WORKPLACE .door1 {
    background: url(../images/door01.png) no-repeat;
    background-size: contain; }
    @media (max-width: 1000px) {
      #WORKPLACE .door1 {
        background: none; } }
  #WORKPLACE .door1:hover {
    background: url(../images/door01_op.png) no-repeat;
    background-size: contain; }
    @media (max-width: 1000px) {
      #WORKPLACE .door1:hover {
        background: none; } }
  #WORKPLACE .door2 {
    background: url(../images/door02.png) no-repeat;
    background-size: contain; }
    @media (max-width: 1000px) {
      #WORKPLACE .door2 {
        background: none; } }
  #WORKPLACE .door2:hover {
    background: url(../images/door02_op.png) no-repeat;
    background-size: contain; }
    @media (max-width: 1000px) {
      #WORKPLACE .door2:hover {
        background: none; } }
  #WORKPLACE .door3 {
    background: url(../images/door03.png) no-repeat;
    background-size: contain; }
    @media (max-width: 1000px) {
      #WORKPLACE .door3 {
        background: none; } }
  #WORKPLACE .door3:hover {
    background: url(../images/door03_op.png) no-repeat;
    background-size: contain; }
    @media (max-width: 1000px) {
      #WORKPLACE .door3:hover {
        background: none; } }
  #WORKPLACE .door4 {
    background: url(../images/door04.png) no-repeat;
    background-size: contain; }
    @media (max-width: 1000px) {
      #WORKPLACE .door4 {
        background: none; } }
  #WORKPLACE .door4:hover {
    background: url(../images/door04_op.png) no-repeat;
    background-size: contain; }
    @media (max-width: 1000px) {
      #WORKPLACE .door4:hover {
        background: none; } }
  #WORKPLACE .door5 {
    background: url(../images/door05.png) no-repeat;
    background-size: contain; }
    @media (max-width: 1000px) {
      #WORKPLACE .door5 {
        background: none; } }
  #WORKPLACE .door5:hover {
    background: url(../images/door05_op.png) no-repeat;
    background-size: contain; }
    @media (max-width: 1000px) {
      #WORKPLACE .door5:hover {
        background: none; } }
  #WORKPLACE .door6 {
    background: url(../images/door06.png) no-repeat;
    background-size: contain; }
    @media (max-width: 1000px) {
      #WORKPLACE .door6 {
        background: none; } }
  #WORKPLACE .door6:hover {
    background: url(../images/door06_op.png) no-repeat;
    background-size: contain; }
    @media (max-width: 1000px) {
      #WORKPLACE .door6:hover {
        background: none; } }
  #WORKPLACE .door7 {
    background: url(../images/door07.png) no-repeat;
    background-size: contain; }
    @media (max-width: 1000px) {
      #WORKPLACE .door7 {
        background: none; } }
  #WORKPLACE .door7:hover {
    background: url(../images/door07_op.png) no-repeat;
    background-size: contain; }
    @media (max-width: 1000px) {
      #WORKPLACE .door7:hover {
        background: none; } }
  #WORKPLACE .door8 {
    background: url(../images/door08.png) no-repeat;
    background-size: contain; }
    @media (max-width: 1000px) {
      #WORKPLACE .door8 {
        background: none; } }
  #WORKPLACE .door8:hover {
    background: url(../images/door08_op.png) no-repeat;
    background-size: contain; }
    @media (max-width: 1000px) {
      #WORKPLACE .door8:hover {
        background: none; } }
  #WORKPLACE .modal {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 300; }
  #WORKPLACE .modal__bg {
    background: rgba(0, 0, 0, 0.3);
    height: 100vh;
    position: absolute;
    width: 100%; }
  #WORKPLACE .modal__content {
    background: #fff;
    left: 50%;
    padding: 30px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    border: 1px solid #00979f;
    border-radius: 10px;
    z-index: 1;
    color: #666;
    max-height: 80%;
    overflow: auto; }
    @media (max-width: 768px) {
      #WORKPLACE .modal__content {
        width: 90%; } }
    #WORKPLACE .modal__content #modal_discription {
      display: flex;
      align-items: flex-start; }
      @media (max-width: 768px) {
        #WORKPLACE .modal__content #modal_discription {
          flex-direction: column; } }
    #WORKPLACE .modal__content h3 {
      font-size: 2.8rem;
      text-align: center;
      font-weight: bold; }
    #WORKPLACE .modal__content h4 {
      font-weight: bold;
      font-size: 2rem; }
      #WORKPLACE .modal__content h4 span {
        color: #00979f;
        font-size: 3rem;
        margin-right: 10px;
        vertical-align: middle; }
    @media (max-width: 768px) {
      #WORKPLACE .modal__content p {
        font-size: 90%;
        line-height: 2.5rem;
        margin: 10px 0; } }
    #WORKPLACE .modal__content img.modal_img {
      margin: 0 15px 0 0;
      width: 203px; }
      @media (max-width: 768px) {
        #WORKPLACE .modal__content img.modal_img {
          margin: auto;
          max-width: 157px;
          width: 40%; } }
    #WORKPLACE .modal__content dl {
      display: flex;
      color: #000;
      margin: 1rem 0; }
      @media (max-width: 768px) {
        #WORKPLACE .modal__content dl {
          flex-wrap: wrap;
          font-size: 90%; }
          #WORKPLACE .modal__content dl dt {
            width: 30%;
            margin-bottom: 5px; }
          #WORKPLACE .modal__content dl dd {
            width: 70%; } }
    #WORKPLACE .modal__content dt {
      border-left: 1px solid;
      padding: 0 5px;
      font-size: 90%; }
    #WORKPLACE .modal__content dd {
      padding: 0 5px;
      line-height: 2.3rem; }
  #WORKPLACE .js-modal-close img {
    position: absolute;
    top: 20px;
    right: 20px; }

#WORKPLACE .modal__content #modal_discription2 li {
  padding: 0 10px; }

#WORKPLACE .modal__content #modal_discription2 img {
  display: block;
  margin: 0 auto 15px auto; }

#RECRUITMENT {
  background: #2eb2b3;
  /* ▼チェックが入っているラジオボタンの隣にあるタブの装飾(＝選択状態のタブ) */
  /* ▼タブの中身(共通装飾＋非選択状態の装飾) */ }
  #RECRUITMENT .tabbox {
    padding: 50px 0;
    width: 80%;
    height: 100%;
    position: relative;
    display: block;
    margin: auto; }
    #RECRUITMENT .tabbox::after {
      content: "";
      display: block;
      width: 100%;
      height: calc(100% - 170px);
      background-image: linear-gradient(-45deg, transparent 25%, #ffef4f 25%, #ffef4f 50%, transparent 50%, transparent 75%, #ffef4f 75%, #ffef4f);
      background-image: -webkit-linear-gradient(-45deg, transparent 25%, #ffef4f 25%, #ffef4f 50%, transparent 50%, transparent 75%, #ffef4f 75%, #ffef4f);
      background-image: -moz-linear-gradient(-45deg, transparent 25%, #ffef4f 25%, #ffef4f 50%, transparent 50%, transparent 75%, #ffef4f 75%, #ffef4f);
      background-image: -ms-linear-gradient(-45deg, transparent 25%, #ffef4f 25%, #ffef4f 50%, transparent 50%, transparent 75%, #ffef4f 75%, #ffef4f);
      -webkit-background-size: 8px 8px;
      -moz-background-size: 8px 8px;
      -ms-background-size: 8px 8px;
      background-size: 8px 8px;
      border-radius: 0.75em;
      position: absolute;
      bottom: 43px;
      right: -7px;
      z-index: 0; }
    @media (max-width: 1200px) {
      #RECRUITMENT .tabbox {
        width: 100%; } }
  #RECRUITMENT .tabbox input {
    display: none; }
  #RECRUITMENT #tabbox_tab {
    display: flex;
    justify-content: space-between; }
  #RECRUITMENT .tab {
    border-width: 4px 4px 0px 4px;
    border-style: solid;
    border-color: #ffef4f;
    border-radius: 0.75em 0.75em 0px 0px;
    padding: 0.75em 1em;
    background-color: #cecece;
    font-weight: bold;
    width: 50%;
    text-align: center;
    transform: scale(0.9);
    margin-bottom: -6px;
    font-size: 140%;
    letter-spacing: 0.2em; }
    @media (max-width: 1200px) {
      #RECRUITMENT .tab {
        font-size: 100%; } }
  #RECRUITMENT .tab:hover {
    cursor: pointer; }
  #RECRUITMENT input:checked + .tab {
    background-color: #fff;
    position: relative;
    z-index: 9;
    transform: scale(1);
    margin-bottom: -4px; }
    #RECRUITMENT input:checked + .tab::before {
      content: "";
      display: block;
      width: 40%;
      text-align: center;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      border-bottom: 2px solid; }
    #RECRUITMENT input:checked + .tab::after {
      content: "";
      display: block;
      height: 12px;
      width: 10px;
      position: absolute;
      bottom: -6px;
      background: #fff; }
    #RECRUITMENT input:checked + .tab#tabcontent1::after {
      left: -4px;
      border-left: 4px solid #ffef4f; }
    #RECRUITMENT input:checked + .tab#tabcontent3::after {
      right: -4px;
      border-right: 4px solid #ffef4f; }
  #RECRUITMENT .tabcontent {
    border: 4px solid #ffef4f;
    border-radius: 0.75em;
    height: auto;
    width: 100%;
    display: inline-block;
    position: relative;
    background: #fff;
    z-index: 1;
    padding: 50px; }
    @media (max-width: 1200px) {
      #RECRUITMENT .tabcontent {
        padding: 30px; } }
    #RECRUITMENT .tabcontent dl {
      display: flex;
      flex-wrap: wrap;
      margin: 20px auto 0;
      justify-content: center; }
      @media (max-width: 1200px) {
        #RECRUITMENT .tabcontent dl {
          flex-direction: column; }
          #RECRUITMENT .tabcontent dl dt {
            font-weight: 600; }
          #RECRUITMENT .tabcontent dl dt,
          #RECRUITMENT .tabcontent dl dd {
            width: 100%; } }
    #RECRUITMENT .tabcontent dt {
      width: 15%; }
    #RECRUITMENT .tabcontent dd {
      width: 85%;
      margin-bottom: 20px;
      font-size: 90%; }
    #RECRUITMENT .tabcontent .entryBtn {
      display: flex;
      justify-content: center;
      text-align: center; }
      #RECRUITMENT .tabcontent .entryBtn div {
        margin: 100px 10px 0; }
      #RECRUITMENT .tabcontent .entryBtn a {
        display: inline-block;
        width: 260px;
        height: 75px;
        border-radius: 5px; }
        #RECRUITMENT .tabcontent .entryBtn a#mynavi img {
          width: 100%;
          height: 100%;
          object-fit: contain;
          border-radius: 5px; }
        #RECRUITMENT .tabcontent .entryBtn a:hover {
          opacity: 0.8; }
      #RECRUITMENT .tabcontent .entryBtn a:not(#mynavi) {
        background: #00979f;
        color: #fff;
        font-size: 3rem;
        font-weight: bold;
        vertical-align: middle;
        padding: 17px 0;
        text-decoration: none; }
      @media (max-width: 768px) {
        #RECRUITMENT .tabcontent .entryBtn {
          flex-wrap: wrap; }
          #RECRUITMENT .tabcontent .entryBtn div {
            margin: 10px; } }

#ENTRY {
  background: #ffef4f;
  text-align: center; }
  #ENTRY a {
    display: inline-block;
    background: #00979f;
    color: #fff;
    font-size: 180%;
    font-weight: bold;
    padding: 25px 40px;
    border-radius: 5px;
    margin: 50px auto 120px;
    text-decoration: none; }
    #ENTRY a:hover {
      opacity: 0.8; }
    @media (max-width: 1200px) {
      #ENTRY a {
        font-size: 100%; } }

#INTERVIEW_under {
  margin: 80px 0;
  max-width: 100%; }
  @media (max-width: 1200px) {
    #INTERVIEW_under {
      margin: 0; } }
  #INTERVIEW_under section {
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    margin-bottom: 100px; }
    @media (max-width: 1200px) {
      #INTERVIEW_under section {
        flex-direction: column;
        margin: 30px 0; } }
    #INTERVIEW_under section img {
      max-width: 402px;
      width: 100%; }
    #INTERVIEW_under section:nth-child(even) {
      flex-direction: row-reverse; }
      @media (max-width: 1200px) {
        #INTERVIEW_under section:nth-child(even) {
          flex-direction: column; } }
      #INTERVIEW_under section:nth-child(even) h2 {
        flex-direction: row-reverse; }
        @media (max-width: 1200px) {
          #INTERVIEW_under section:nth-child(even) h2 {
            flex-direction: row; } }
        #INTERVIEW_under section:nth-child(even) h2 p::after {
          left: 98%;
          border-right: none;
          border-left: 30px solid #ffef4f;
          transform: rotate(10deg); }
          @media (max-width: 1200px) {
            #INTERVIEW_under section:nth-child(even) h2 p::after {
              left: -23px;
              border-left: none;
              border-right: 30px solid #ffef4f;
              transform: rotate(-10deg); } }
      #INTERVIEW_under section:nth-child(even) p.answer::before {
        content: "";
        position: absolute;
        margin: auto 0;
        bottom: 25%;
        right: 100%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 0 0 30px;
        border-color: #00979f transparent transparent transparent; }
        @media (max-width: 1200px) {
          #INTERVIEW_under section:nth-child(even) p.answer::before {
            bottom: -30px;
            right: 80%;
            width: 0;
            height: 0;
            margin-top: 0;
            border-top: 30px solid #00979f;
            border-left: 11px solid transparent;
            border-right: 12px solid transparent;
            transform-origin: left top;
            transform: skewX(40deg); } }
      #INTERVIEW_under section:nth-child(even) p.answer::after {
        content: "";
        position: absolute;
        bottom: 25%;
        right: 99%;
        margin-top: -14px;
        border-style: solid;
        border-width: 14px 0 0px 30px;
        border-color: #fff transparent transparent transparent;
        z-index: 1;
        transform: rotate(1deg); }
        @media (max-width: 1200px) {
          #INTERVIEW_under section:nth-child(even) p.answer::after {
            bottom: -26px;
            right: calc(80% + 3px);
            margin-top: 0;
            border-top: 30px solid #fff;
            border-left: 8px solid transparent;
            border-right: 13px solid transparent;
            transform-origin: left top;
            transform: skewX(41deg); } }
    #INTERVIEW_under section h2 {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      padding: 0;
      margin-bottom: 30px; }
      #INTERVIEW_under section h2 p {
        background: #ffef4f;
        border-radius: 10rem;
        padding: 1rem;
        width: 80%;
        margin: 10px 0 0;
        position: relative; }
        @media (max-width: 1200px) {
          #INTERVIEW_under section h2 p {
            width: calc(90% - 60px); } }
        #INTERVIEW_under section h2 p::after {
          content: "";
          position: absolute;
          margin: auto 0;
          top: 0;
          bottom: -10px;
          left: -23px;
          width: 0;
          height: 0;
          border-top: 8px solid transparent;
          border-right: 30px solid #ffef4f;
          border-bottom: 12px solid transparent;
          transform: rotate(-10deg); }
      #INTERVIEW_under section h2 img {
        width: 60px; }
        @media (max-width: 1200px) {
          #INTERVIEW_under section h2 img {
            margin-top: 1.5em; } }
    #INTERVIEW_under section p.answer {
      width: 500px;
      border: 3px solid #00979f;
      border-radius: 1rem;
      padding: 30px;
      position: relative; }
      @media (max-width: 1200px) {
        #INTERVIEW_under section p.answer {
          width: 100%;
          margin-bottom: 50px; } }
      #INTERVIEW_under section p.answer::before {
        content: "";
        position: absolute;
        margin: auto 0;
        bottom: 25%;
        right: -30px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 30px 0 0;
        border-color: #00979f transparent transparent transparent; }
        @media (max-width: 1200px) {
          #INTERVIEW_under section p.answer::before {
            bottom: -30px;
            right: 80%;
            width: 0;
            height: 0;
            margin-top: 0;
            border-top: 30px solid #00979f;
            border-left: 11px solid transparent;
            border-right: 12px solid transparent;
            transform-origin: left top;
            transform: skewX(40deg); } }
      #INTERVIEW_under section p.answer::after {
        content: "";
        position: absolute;
        bottom: 25%;
        right: -27px;
        margin-top: -14px;
        border-style: solid;
        border-width: 11px 27px 3px 0px;
        border-color: #fff transparent transparent transparent;
        z-index: 1;
        transform: rotate(-2deg); }
        @media (max-width: 1200px) {
          #INTERVIEW_under section p.answer::after {
            bottom: -26px;
            right: calc(80% + 3px);
            margin-top: 0;
            border-top: 30px solid #fff;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            transform-origin: left top;
            transform: skewX(38deg); } }
    #INTERVIEW_under section div + img {
      margin: auto; }

#interview_other {
  background: #2eb2b3; }
  #interview_other div#interview_person {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 900px;
    margin: auto; }
    @media (max-width: 1000px) {
      #interview_other div#interview_person {
        width: 95%; } }
    @media (max-width: 768px) {
      #interview_other div#interview_person {
        justify-content: space-between;
        padding: 0 0 30px; } }
    #interview_other div#interview_person #other01 {
      background: center center no-repeat url("../images/other01.png");
      background-size: contain; }
      #interview_other div#interview_person #other01:hover {
        background: center center no-repeat url("../images/other_hover01.png");
        background-size: contain; }
        @media (max-width: 768px) {
          #interview_other div#interview_person #other01:hover {
            background: center center no-repeat url("../images/other01.png");
            background-size: contain; } }
    #interview_other div#interview_person #other02 {
      background: center center no-repeat url("../images/other02.png");
      background-size: contain; }
      #interview_other div#interview_person #other02:hover {
        background: center center no-repeat url("../images/other_hover02.png");
        background-size: contain; }
        @media (max-width: 768px) {
          #interview_other div#interview_person #other02:hover {
            background: center center no-repeat url("../images/other02.png");
            background-size: contain; } }
    #interview_other div#interview_person #other03 {
      background: center center no-repeat url("../images/other03.png");
      background-size: contain; }
      #interview_other div#interview_person #other03:hover {
        background: center center no-repeat url("../images/other_hover03.png");
        background-size: contain; }
        @media (max-width: 768px) {
          #interview_other div#interview_person #other03:hover {
            background: center center no-repeat url("../images/other03.png");
            background-size: contain; } }
    #interview_other div#interview_person #other04 {
      background: center center no-repeat url("../images/other04.png");
      background-size: contain; }
      #interview_other div#interview_person #other04:hover {
        background: center center no-repeat url("../images/other_hover04.png");
        background-size: contain; }
        @media (max-width: 768px) {
          #interview_other div#interview_person #other04:hover {
            background: center center no-repeat url("../images/other04.png");
            background-size: contain; } }
    #interview_other div#interview_person #other05 {
      background: center center no-repeat url("../images/other05.png");
      background-size: contain; }
      #interview_other div#interview_person #other05:hover {
        background: center center no-repeat url("../images/other_hover05.png");
        background-size: contain; }
        @media (max-width: 768px) {
          #interview_other div#interview_person #other05:hover {
            background: center center no-repeat url("../images/other05.png");
            background-size: contain; } }
    #interview_other div#interview_person #other06 {
      background: center center no-repeat url("../images/other06.png");
      background-size: contain; }
      #interview_other div#interview_person #other06:hover {
        background: center center no-repeat url("../images/other_hover06.png");
        background-size: contain; }
        @media (max-width: 768px) {
          #interview_other div#interview_person #other06:hover {
            background: center center no-repeat url("../images/other06.png");
            background-size: contain; } }
    #interview_other div#interview_person #other07 {
      background: center center no-repeat url("../images/other07.png");
      background-size: contain; }
      #interview_other div#interview_person #other07:hover {
        background: center center no-repeat url("../images/other_hover07.png");
        background-size: contain; }
        @media (max-width: 768px) {
          #interview_other div#interview_person #other07:hover {
            background: center center no-repeat url("../images/other07.png");
            background-size: contain; } }
    #interview_other div#interview_person #other08 {
      background: center center no-repeat url("../images/other08.png");
      background-size: contain; }
      #interview_other div#interview_person #other08:hover {
        background: center center no-repeat url("../images/other_hover08.png");
        background-size: contain; }
        @media (max-width: 768px) {
          #interview_other div#interview_person #other08:hover {
            background: center center no-repeat url("../images/other08.png");
            background-size: contain; } }
    #interview_other div#interview_person #other09 {
      background: center center no-repeat url("../images/other09.png");
      background-size: contain; }
      #interview_other div#interview_person #other09:hover {
        background: center center no-repeat url("../images/other_hover09.png");
        background-size: contain; }
        @media (max-width: 768px) {
          #interview_other div#interview_person #other09:hover {
            background: center center no-repeat url("../images/other09.png");
            background-size: contain; } }
    #interview_other div#interview_person a {
      position: relative;
      display: block;
      width: 129px;
      height: 129px;
      margin: 0 20px 30px; }
      @media (max-width: 768px) {
        #interview_other div#interview_person a {
          transform: scale(0.8);
          margin: 0 0 80px; }
          #interview_other div#interview_person a::before {
            content: url(../images/select.png);
            position: absolute;
            bottom: -30px;
            right: -20px;
            transform: scale(0.7);
            z-index: 2; }
          #interview_other div#interview_person a#other01::after {
            content: url(../images/name01.png);
            position: absolute;
            bottom: -100px;
            left: 20px;
            margin: auto;
            z-index: 2; }
          #interview_other div#interview_person a#other02::after {
            content: url(../images/name02.png);
            position: absolute;
            bottom: -100px;
            left: 20px;
            margin: auto;
            z-index: 2; }
          #interview_other div#interview_person a#other03::after {
            content: url(../images/name03.png);
            position: absolute;
            bottom: -100px;
            left: 20px;
            margin: auto;
            z-index: 2; }
          #interview_other div#interview_person a#other04::after {
            content: url(../images/name04.png);
            position: absolute;
            bottom: -100px;
            left: 20px;
            margin: auto;
            z-index: 2; }
          #interview_other div#interview_person a#other05::after {
            content: url(../images/name05.png);
            position: absolute;
            bottom: -100px;
            left: 20px;
            margin: auto;
            z-index: 2; }
          #interview_other div#interview_person a#other06::after {
            content: url(../images/name06.png);
            position: absolute;
            bottom: -100px;
            left: 20px;
            margin: auto;
            z-index: 2; }
          #interview_other div#interview_person a#other07::after {
            content: url(../images/name07.png);
            position: absolute;
            bottom: -100px;
            left: 20px;
            margin: auto;
            z-index: 2; }
          #interview_other div#interview_person a#other08::after {
            content: url(../images/name08.png);
            position: absolute;
            bottom: -100px;
            left: 20px;
            margin: auto;
            z-index: 2; }
          #interview_other div#interview_person a#other09::after {
            content: url(../images/name09.png);
            position: absolute;
            bottom: -100px;
            left: 20px;
            margin: auto;
            z-index: 2; } }

#president .wrap p {
  max-width: 1000px;
  margin: 30px auto;
  color: #4d4d4d; }
  @media (max-width: 1200px) {
    #president .wrap p {
      margin: 30px 5%; } }




header .youtube_bna {
  position: absolute;
  bottom: 20px;
  right: 20px;
  max-width: 300px;
}
header div.youtube_bna a  {
  width: 100%;
  height: auto;
  margin: 0;
}
header div.youtube_bna a img {
  width: 100%;
  display: block;
  box-shadow: 4px 4px 2px 0px rgba(0,0,0,0.20);
}
@media (min-width:1199px) {
  .sp_only { display: none!important; }
}
@media (max-width:1200px) {
  .pc_only { display: none!important; }
  #INTERVIEW div.youtube_bna { justify-content: center; }
  #INTERVIEW div.youtube_bna a {
    width: 100%;
    margin: 30px auto 0px;
    max-width: 300px;
  }
}