@charset "UTF-8";
/* ===================================

  初期設定
  
=================================== */
html {
  font-size: 18px; }

body {
  font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  color: #222;
  overflow-x: hidden;
background: url(../images/BG.png)}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  font-weight: normal; }

ul, ol {
  list-style-type: none;
  padding: 0;
  margin: 0; }

b {
  color: #1d417b; }

img {
  max-width: 100%;
  height: auto; }

p {
  color: #363636;
  line-height: 1.8;
  margin-bottom: 0; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.clearfix {
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }

.pc {
  display: block !important; }

.sp {
  display: none !important; }

/*  リンク設定
------------------------*/
a {
  color: #1d417b;
  -webkit-transition: .2s;
  transition: .2s; }

a,
a:hover,
a:focus {
  outline: none;
  text-decoration: none; }

a:hover,
a:focus {
  color: #e61b24; }

a img {
  -webkit-transition: .2s;
  transition: .2s; }

a:hover img {
  opacity: 0.8; }

.wrapper {
  overflow-x: hidden; }

/* ===================================

  header
  
=================================== */
.header {
  background-image: url(../img/cover_bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }

.header.home {
  height: 100vh;
  background-image: url(../img/cover_bg.jpg); }

.header.interview1 {
  height: 648px;
  background-image: url(../img/interview/interview1_bg.jpg); }

.header.interview2 {
  height: 648px;
  background-image: url(../img/interview/interview2_bg.jpg); }

@media (max-width: 767.98px) {
  .header.interview1,
  .header.interview2 {
    height: 100vh; } }

/* 
  グローバルナビ
--------------------------- */
.globalNav {
  height: 135px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center; }
  .globalNav__logo {
    width: 25%; }
  .globalNav__btn {
    width: 75%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.66);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; }
    .globalNav__btn a {
      width: 100%;
      height: 100%;
      display: block;
      color: #fff;
      text-align: center;
      line-height: 1;
      padding-bottom: 5px;
      display: -webkit-box;
      display: flex;
      -webkit-box-align: center;
              align-items: center;
      -webkit-box-pack: center;
              justify-content: center; }
      .globalNav__btn a:hover {
        background-color: rgba(0, 0, 0, 0.55); }
    .globalNav__btn-entry {
      background-color: #6a9532; }
      .globalNav__btn-entry:hover {
        background-color: #7bae36 !important; }
    .globalNav__btn-en {
      display: block;
      font-size: 28px;
      font-weight: bold; }
    .globalNav__btn-ja {
      display: block;
      font-size: 14px;
      font-weight: bold;
      margin-top: 8px; }
  @media (max-width: 767.98px) {
    .globalNav {
      display: block;
      margin-left: -15px;
      margin-right: -15px;
      height: 70px; }
      .globalNav__logo {
        background-color: #fff;
        width: 100%;
        text-align: center;
        padding: 5px 0; }
        .globalNav__logo img {
          width: 160px; }
      .globalNav__btn {
        width: 100%;
        height: 100%; }
        .globalNav__btn a {
          padding: 10px 5px;
          height: 100%; }
          .globalNav__btn a:not(:last-child) {
            border-right: dotted 1px rgba(255, 255, 255, 0.2); }
        .globalNav__btn-en {
          display: block;
          font-size: 14px;
          font-weight: bold; }
        .globalNav__btn-ja {
          display: block;
          font-size: 10px;
          font-weight: normal;
          margin-top: 8px; } }

/* 
  キャッチコピー
--------------------------- */
.coverCatch {
  position: absolute;
  width: 90%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center; }

/* 
  MISSION
--------------------------- */
.s_mission {
  position: relative;
  padding: 80px 0 80px 70px; }
  .s_mission-ttl {
    font-size: 36px;
    font-weight: 900;
    margin-bottom: 8px; }
  .s_mission-dec {
    position: absolute;
    top: 120px;
    left: 0; }
  .s_mission-lead {
    margin-bottom: 50px; }
  .s_mission-1st {
    margin-top: 50px;
    margin-bottom: 1.5em; }
  .s_mission-2nd {
    margin-top: 10px; }
  .s_mission-1st p, .s_mission-2nd p {
    padding-left: 1em;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.4; }
  @media (max-width: 767.98px) {
    .s_mission {
      padding: 40px 0 0 40px; }
      .s_mission-ttl {
        font-size: 24px; }
      .s_mission-dec {
        left: -16px; }
      .s_mission-lead {
        margin-bottom: 30px; }
      .s_mission-photo {
        margin-bottom: 15px; }
      .s_mission-1st p, .s_mission-2nd p {
        font-size: 18px; }
      .s_mission-1st {
        margin-top: 0;
        margin-bottom: 2em;
        padding-top: 26px;
        padding-bottom: 26px;
        border-bottom: dotted 1px #fff; }
      .s_mission-box {
        margin-top: 30px;
        background: #EDEDED;
        margin-left: -55px;
        margin-right: -15px;
        padding: 0 15px 26px; } }

/* 
  MESSAGE
--------------------------- */
.s_message {
  background-color: #19427c;
  background-image: url(../img/message_bg.png);
  background-position: center center;
  background-repeat: repeat-y; }
  .s_message__inner1 {
    position: relative;
    padding: 80px 0 10px 70px;
    background-color: #cfd9e7; }
  .s_message-ttl {
    font-size: 36px;
    font-weight: 900;
    line-height: 1; }
  .s_message-dec {
    position: absolute;
    top: 120px;
    left: 0; }
  .s_message-lead {
    color: #4d4d4d;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 50px; }
  .s_message__inner2 {
    position: relative;
    background-image: url(../img/message_bg.png);
    background-position: center center;
    background-repeat: repeat-y;
    background-color: #cfd9e7; }
  .s_message-boxArea {
    position: absolute;
    top: 5px;
    left: 0;
    right: 56%;
    z-index: 1; }
    .s_message-boxArea img {
      width: 100%;
      height: auto; }
  .s_message p {
    margin-bottom: 1em;
    text-align: justify; }
  .s_message-name {
    margin-top: 30px;
    text-align: right !important;
    padding-bottom: 80px; }
  @media (max-width: 767.98px) {
    .s_message {
      background-color: #cfd9e7;
      background-image: none; }
      .s_message__inner1 {
        padding: 40px 0 0 40px; }
      .s_message-dec {
        left: -16px; }
      .s_message-ttl {
        font-size: 24px; }
      .s_message-lead {
        font-size: 16px; }
      .s_message__inner2 {
        background-image: none; }
        .s_message__inner2-text p {
          padding-left: 40px; }
      .s_message-boxArea {
        display: none; } }

@media (min-width: 576px) {
  .row-message {
    margin-left: 0; } }

/* 
  INTERVIEW
--------------------------- */
.s_interview {
  padding: 80px 0; }
  @media (max-width: 767.98px) {
    .s_interview {
      padding: 40px 0; } }
  .s_interview-ttl {
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    font-style: italic;
    text-align: center; }
    @media (max-width: 767.98px) {
      .s_interview-ttl {
        font-size: 32px; } }
  .s_interview-ttl-ja {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 70px; }
    @media (max-width: 767.98px) {
      .s_interview-ttl-ja {
        margin-bottom: 35px;
        font-size: 15px; } }
  .s_interview__inner {
    position: relative; }
  .s_interview__inner:not(:last-child) {
    padding-bottom: 180px; }
  .s_interview-photo-l, .s_interview-photo-r {
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 45%;
    height: 740px; }
    .s_interview-photo-l img, .s_interview-photo-r img {
      width: 100%;
      height: auto; }
  .s_interview-photo-l {
    left: 0; }
  .s_interview-photo-r {
    right: 0; }
  .s_interview-text-l, .s_interview-text-r {
    position: relative;
    z-index: 2;
    width: 580px; }
  .s_interview-text-l {
    margin-left: 18%; }
  .s_interview-text-r {
    margin-left: 48%; }
  .s_interview-sttl {
    font-size: 36px;
    font-weight: 900;
    line-height: 1.3;
    margin-bottom: 4px; }
  .s_interview-name {
    font-size: 24px;
    color: #797979;
    font-weight: 700;
    margin-bottom: 24px; }
  .s_interview-body {
    background-color: #fff; }
  .s_interview-btn {
    margin-top: 30px;
    text-align: center; }
    .s_interview-btn a {
      color: #fff;
      font-size: 22px;
      display: inline-block;
      min-width: 400px;
      padding: 20px 3em;
      background-color: #6ebb2f;
      border-radius: 40px; }
      .s_interview-btn a:hover {
        background-color: #7ed438; }
      @media (max-width: 767.98px) {
        .s_interview-btn a {
          padding: 10px 3em;
          font-size: 18px;
          min-width: auto;
          margin-bottom: 40px; } }
  @media (min-width: 1700px) {
    .s_interview__inner:not(:last-child) {
      padding-bottom: 300px; } }
  @media (max-width: 1600px) {
    .s_interview-text-l {
      margin-left: 15%; } }
  @media (max-width: 1300px) {
    .s_interview__inner:not(:last-child) {
      padding-bottom: 120px; }
    .s_interview-text-l {
      margin-left: 5%; }
    .s_interview-sttl {
      font-size: 30px; } }
  @media (max-width: 880px) {
    .s_interview__inner:not(:last-child) {
      padding-bottom: 40px; }
    .s_interview-sttl {
      font-size: 22px; }
    .s_interview-name {
      font-size: 18px;
      margin-bottom: 18px; }
    .s_interview-text-l, .s_interview-text-r {
      width: 100%;
      margin-left: 0;
      padding: 0 15px; }
    .s_interview-photo-l, .s_interview-photo-r {
      position: relative;
      width: 100%;
      height: auto;
      margin-bottom: 20px; } }

/* 
  ENTRY
--------------------------- */
.s_entry {
  padding: 80px 0;
  background-color: #fdffd3; }
  @media (max-width: 991.98px) {
    .s_entry {
      padding: 40px 0; } }
  .s_entry__header {
    margin-bottom: 48px; }
  .s_entry-ttl {
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    font-style: italic;
    text-align: center; }
  .s_entry-ttl2 {
    color: #000;
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    margin-top: 12px;
    text-align: center; }
  .s_entry-lead {
    margin-bottom: 36px; }
  .s_entry-flow {
    margin-bottom: 36px;
    text-align: center; }
  @media (max-width: 767.98px) {
    .s_entry__header {
      margin-bottom: 24px; }
    .s_entry-ttl {
      font-size: 36px; }
    .s_entry-ttl2 {
      font-size: 26px; } }

/* ===================================

  表組み関連
  
=================================== */
.table {
  min-width: 100%;
  margin-bottom: 2em; }
  .table thead th,
  .table th, .table td {
    padding: 16px 10px;
    border: 1px solid #9fa09b;
    line-height: 1.7; }
  .table th {
    text-align: center;
    background: #c6c7ba;
    font-weight: normal;
    white-space: nowrap;
    width: 12em; }
  .table td {
    background-color: #fff; }
  .table thead th {
    vertical-align: middle; }
  .table th.center,
  .table td.center {
    text-align: center !important; }
  .table th.vcenter,
  .table td.vcenter {
    vertical-align: middle !important; }
  .table.table-k th {
    text-align: left; }
  @media (max-width: 767.98px) {
    .table.table-k th, .table.table-k td {
      width: 100%;
      display: block;
      border-top: none; }
    .table.table-k tr:first-child th {
      border-top: 1px solid #bdbdbd; } }

.formBox {
  padding: 50px 30px;
  margin-top: 65px;
  background-color: #fff; }
  @media (max-width: 991.98px) {
    .formBox {
      padding: 30px 15px; } }
  .formBox-ttl {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 40px; }
    @media (max-width: 991.98px) {
      .formBox-ttl {
        font-size: 20px;
        margin-bottom: 20px; } }
  .formBox .badge-danger {
    font-weight: normal;
    font-size: 70%;
    margin-left: 5px; }
  .formBox .btn {
    background-color: #1f81db;
    padding: 24px 3em;
    margin-top: 36px;
    color: #fff;
    font-size: 24px;
    border-bottom: 3px solid #1967ae;
    min-width: 300px; }
    @media (max-width: 767.98px) {
      .formBox .btn {
        min-width: auto;
        padding: 16px 3em;
        font-size: 20px; } }

.form-group label {
  text-align: right;
  font-size: 90%; }
  @media (max-width: 991.98px) {
    .form-group label {
      text-align: left; } }

.form-control::-webkit-input-placeholder {
  color: #bcbcbc; }

.form-control::-moz-placeholder {
  color: #bcbcbc; }

.form-control:-ms-input-placeholder {
  color: #bcbcbc; }

.form-control::-ms-input-placeholder {
  color: #bcbcbc; }

.form-control::placeholder {
  color: #bcbcbc; }

.form-control {
  border-radius: 0; }

/* ===================================

  content
  
=================================== */
.pageCatch {
  position: absolute;
  width: 90%;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  color: #fff;
  font-size: 36px;
  font-weight: 900;
  text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.4); }
  @media (max-width: 767.98px) {
    .pageCatch {
      font-size: 24px;
      top: 55%;
      width: 95%; } }

.contentsPage {
  padding: 80px 0; }
  @media (max-width: 767.98px) {
    .contentsPage {
      padding: 40px 0; } }
  .contentsPage-ttl {
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    font-style: italic;
    text-align: center; }
    @media (max-width: 767.98px) {
      .contentsPage-ttl {
        font-size: 32px; } }
  .contentsPage-ttl-ja {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px; }
    @media (max-width: 767.98px) {
      .contentsPage-ttl-ja {
        margin-bottom: 15px;
        font-size: 15px; } }
  .contentsPage-name {
    font-size: 24px;
    text-align: center;
    color: #4d4d4d;
    font-weight: 700;
    margin-bottom: 70px; }
    @media (max-width: 767.98px) {
      .contentsPage-name {
        margin-bottom: 35px;
        font-size: 18px; } }

.qaBox:not(:last-child) {
  margin-bottom: 80px; }
  @media (max-width: 767.98px) {
    .qaBox:not(:last-child) {
      margin-bottom: 40px; } }

.qaIcon {
  position: relative;
  margin-top: 60px;
  padding-left: 65px;
  font-size: 20px;
  font-weight: 700; }
  .qaIcon:before {
    position: absolute;
    left: 0;
    top: -6px;
    content: "";
    width: 58px;
    height: 42px;
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 58px 42px; }

.qaIcon.q1:before {
  background-image: url(../img/interview/icon_q1.png); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .qaIcon.q1:before {
      background-image: url(../img/interview/icon_q1@2x.png); } }

.qaIcon.q2:before {
  background-image: url(../img/interview/icon_q2.png); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .qaIcon.q2:before {
      background-image: url(../img/interview/icon_q2@2x.png); } }

.qaIcon.q3:before {
  background-image: url(../img/interview/icon_q3.png); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .qaIcon.q3:before {
      background-image: url(../img/interview/icon_q3@2x.png); } }

.qaIcon.q4:before {
  background-image: url(../img/interview/icon_q4.png); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .qaIcon.q4:before {
      background-image: url(../img/interview/icon_q4@2x.png); } }

.qaIcon.q5:before {
  background-image: url(../img/interview/icon_q5.png); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .qaIcon.q5:before {
      background-image: url(../img/interview/icon_q5@2x.png); } }

.qaIcon.q6:before {
  background-image: url(../img/interview/icon_q6.png); }
  @media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .qaIcon.q6:before {
      background-image: url(../img/interview/icon_q6@2x.png); } }

.qaAnser {
  color: #185f8d;
  font-size: 24px;
  font-family: "Noto Serif JP";
  margin: 20px 0 10px; }
  @media (max-width: 767.98px) {
    .qaAnser {
      font-size: 20px;
      margin: 18px 0 10px;
      line-height: 1.4; } }

.profileBox {
  display: -webkit-box;
  display: flex; }
  .profileBox-ttl {
    margin-bottom: 15px; }
  .profileBox-text {
    width: 55%;
    background-color: #efefef;
    padding: 30px 25px; }
    .profileBox-text ul {
      list-style: disc;
      margin-left: 1.5em; }
      .profileBox-text ul li {
        padding-left: .4em;
        margin-bottom: 2px;
        font-size: 16px;
        line-height: 1.4; }
  .profileBox-photo {
    width: 45%;
    margin-left: 20px; }
  @media (max-width: 767.98px) {
    .profileBox {
      display: block; }
      .profileBox-text, .profileBox-photo {
        width: 100%;
        margin: 0; } }

/* ===================================

  フッター
  
=================================== */
.footer {
  padding: 30px 0;
  background-color: #F0E1D2;
  color: #fff; }
  @media (max-width: 991.98px) {
    .footer__info {
      display: none; } }
  .footer__logo {
    text-align: right; }
    @media (max-width: 991.98px) {
      .footer__logo {
        text-align: center; } }
  .footer p {
    color: #fff; }
  .footer a {
    text-decoration: underline;
    color: #6ebb2f; }

/* ===================================

  スマホ
  
=================================== */
@media (max-width: 767.98px) {
  html {
    font-size: 15px; }
  .pc {
    display: none !important; }
  .sp {
    display: block !important; } }
/*# sourceMappingURL=content.css.map */