.clearFix {
  display: block;
  min-height: 1%; }
  .clearFix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden; }

/* mainimg
---------------------------------------------------------- */
#global_mainVisual {
  width: 100%;
  height: auto; }

.bx-wrapper {
  position: relative;
  *zoom: 1; }
  .bx-wrapper img.pic {
    width: 100%;
    height: auto;
    display: block; }
  .bx-wrapper img.txt {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto; }
    @media screen and (max-width: 767px) {
      .bx-wrapper img.txt {
        width: 150px; } }
  .bx-wrapper .bx-pager {
    position: absolute;
    overflow: hidden;
    *zoom: 1;
    bottom: 10px;
    right: 10px;
    z-index: 9998; }
    @media screen and (max-width: 767px) {
      .bx-wrapper .bx-pager {
        display: none; } }
    .bx-wrapper .bx-pager .bx-pager-item {
      float: left;
      margin-left: 6px; }
    .bx-wrapper .bx-pager a {
      display: block;
      overflow: hidden;
      width: 14px;
      height: 14px;
      background: url("/recruit/img/btn_slider_top.gif") no-repeat left -14px;
      text-indent: -9999px; }
      .bx-wrapper .bx-pager a.active {
        background: url("/recruit/img/btn_slider_top.gif") no-repeat left top; }

/* news
---------------------------------------------------------- */
#news_top {
  display: flex;
  justify-content: space-between;
  padding: 0 15px 0 75px;
  background: #56a8de; }
  @media screen and (max-width: 767px) {
    #news_top {
      display: block;
      padding: 0; } }

@media screen and (max-width: 767px) {
  #news_top .box01 {
    float: none;
    padding: 15px 10px; } }

#news_top .box01 .ttl {
  float: left;
  margin-top: 37px;
  font-size: 24px;
  color: #fff; }
#news_top a {
  color: #fff; }

@media screen and (max-width: 767px) {
  #news_top .box01 .ttl {
    float: none;
    margin-top: 0;
    margin-bottom: .5em; } }
#news_top .box01 .list {
  float: left; }

@media screen and (max-width: 767px) {
  #news_top .box01 .list {
    float: none; } }
#news_top .box01 ul {
  margin-top: 25px;
  margin-left: 85px; }

@media screen and (max-width: 767px) {
  #news_top .box01 ul {
    margin-top: 0;
    margin-left: 0; }

  #news_top .box01 ul + ul {
    margin-top: 1em; } }
#news_top .box01 ul li {
  margin-bottom: 25px; }

@media screen and (max-width: 767px) {
  #news_top .box01 ul li {
    margin-bottom: 1em; }

  #news_top .box01 ul li:last-child {
    margin-bottom: 0; } }
#news_top .box01 ul li .day {
  color: #fff; }

@media screen and (max-width: 767px) {
  #news_top .box01 ul li .day {
    clear: both;
    float: left;
    margin-right: 2em; } }
#news_top .box01 ul li .txt {
  margin-left: 30px;
  color: #fff; }

@media screen and (max-width: 767px) {
  #news_top .box01 ul li .txt {
    display: block;
    overflow: hidden; } }
#news_top .box01 .more {
  display: none; }

#news_top .btn_more {
  float: right;
  width: 182px;
  line-height: 120px;
  background: #1f5da3;
  text-align: center;
  color: #fff;
  cursor: pointer; }

@media screen and (max-width: 767px) {
  #news_top .btn_more {
    float: none;
    width: 100%;
    height: 42px;
    line-height: 42px; } }
#news_top .btn_more span {
  padding-right: 20px;
  background: url("/recruit/img/common/ico_arrow_b_01.png") no-repeat right center;
  display: none; }

#news_top .btn_more span.current {
  display: inline; }

#news_top .btn_more .close {
  background: url("/recruit/img/common/ico_arrow_t_01.png") no-repeat right center; }

/* ==========================================================
 cont02
========================================================== */
#cont02 .btn_panel {
  padding-top: 10px;
  background: #1f60ab; }

@media screen and (max-width: 767px) {
  #cont02 .btn_panel {
    margin-top: 0;
    padding-top: 0; } }
#cont02 table {
  width: 100%;
  table-layout: fixed; }

@media screen and (max-width: 767px) {
  #cont02 table,
  #cont02 table tr,
  #cont02 table td {
    display: block; } }
#cont02 table td {
  border: #1f60ab solid 1px; }

@media screen and (max-width: 767px) {
  #cont02 table td {
    float: left;
    width: 25%; }
    #cont02 table td:nth-child(4n+1) {
      clear: left; } }
#cont02 table td a {
  display: block;
  position: relative;
  overflow: hidden; }
  #cont02 table td a img {
    width: 100%; }
    #cont02 table td a img.before {
      position: absolute;
      left: 0;
      top: 0;
      padding: 1px;
      -moz-transition: -moz-opacity 0.2s linear;
      -webkit-transition: -webkit-opacity 0.2s linear;
      -o-transition: -o-opacity 0.2s linear;
      -ms-transition: -ms-opacity 0.2s linear;
      transition: opacity 0.2s linear; }
  #cont02 table td a:hover img.before {
    opacity: 0; }

#cont02 table td a .caption {
  position: absolute;
  bottom: -90px;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 90px;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: .3s;
  transition: .3s;
  text-align: center; }

@media screen and (max-width: 767px) {
  #cont02 table td a .caption {
    display: none; } }
#cont02 table td a:hover .caption {
  bottom: 0; }

#cont02 table td a .caption .txt01 {
  padding: 5px;
  color: #fff;
  background: #56a9de; }

#cont02 table td a .caption .txt02 {
  margin-top: 10px;
  color: #fff; }

#cont02 .btn_bottom {
  text-align: center;
  background: #1f60ab; }

#cont02 .btn_bottom + .btn_bottom {
  border-top: 1px solid #fff; }

#cont02 .btn_bottom a {
  display: block;
  height: 60px;
  color: #fff;
  text-decoration: none; }

@media screen and (max-width: 767px) {
  #cont02 .btn_bottom a {
    height: 42px; } }
#cont02 .btn_bottom a:hover {
  text-decoration: underline; }

#cont02 .btn_bottom a span {
  padding-right: 20px;
  line-height: 60px;
  color: #fff;
  background: url("/recruit/img/common/ico_arrow_r_01.png") no-repeat right center; }

@media screen and (max-width: 767px) {
  #cont02 .btn_bottom a span {
    line-height: 42px; } }
/* ==========================================================
 cont03
========================================================== */
#cont03 .btn_panel {
  padding: 0 17px; }
  @media screen and (max-width: 767px) {
    #cont03 .btn_panel {
      margin-top: 0;
      padding: 0 5px; } }
  #cont03 .btn_panel ul {
    overflow: hidden;
    *zoom: 1; }
    #cont03 .btn_panel ul li {
      float: left;
      margin-right: 2%;
      width: 32%; }
      @media screen and (max-width: 767px) {
        #cont03 .btn_panel ul li {
          float: none;
          padding-right: 0;
          margin-bottom: 15px;
          width: 100%; } }
      #cont03 .btn_panel ul li:last-child {
        margin-right: 0; }
        @media screen and (max-width: 767px) {
          #cont03 .btn_panel ul li:last-child {
            margin-bottom: 0; } }
      #cont03 .btn_panel ul li img {
        width: 100%; }

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

/* ==========================================================
 slider04
========================================================== */

li:has(.slider04){
  height: 100vh;
  max-height: 2160px;
}
@media (max-width: 768px) {
  li:has(.slider04){
    height: 35vh;
    max-height: 480px;
  }
}
@media (max-width: 375px) and (max-height: 670px) {
  li:has(.slider04){
    height: 40vh;
  }
}
.slider04{
  height: 100%;
  background-color: #eef6ff;
  background-image: url("/recruit/img/img_slider_top_04_bg.jpg");
  background-size: 80%;
  background-position: center -180px;
  background-repeat: no-repeat;
}
@media (max-width: 1600px) {
  .slider04{
    background-size: cover;
    background-position: center;
  }
}
@media (min-width: 2561px) {
  .slider04{
    background-size: cover;
    background-position: center 70%;
  }
}
@media (max-width: 768px) {
  .slider04{
    background-size: 130%;
    background-position: 72.5% center;
  }
}
.slider04 > img{
  display: block;
  position: absolute;
  right: -90px;
  bottom: 0;
  width: auto;
  height: 90%;
}
@media (min-width: 2561px) {
  .slider04 > img{
    right: 0;
    height: 90%;
  }
}
@media (max-width: 768px) {
  .slider04 > img{
    right: 0;
    height: 90%;
  }
}
.slider04 .bt_movie{
  display: block;
  position: absolute;
  left: 12%;
  bottom: 20%;
  width: clamp(300px, 20vw, 600px);
  overflow: hidden;
  border-radius: 10px;
}
@media (max-width: 1600px) {
  .slider04 .bt_movie{
    bottom: 25%;
  }
}
@media (min-width: 2561px) {
  .slider04 .bt_movie{
    left: 5%;
  }
}
@media (max-width: 768px) {
  .slider04 .bt_movie{
    left: 5%;
    bottom: 70%;
    width: 45vw;
    max-width: 240px
  }
}
.slider04 .bt_movie img{
  width: 100%;
  height: auto;
}
.slider04 .slider_instagram{
  position: absolute;
  left: 12%;
  bottom: 2%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background: white;
  border-radius: 10px;
  padding: 1rem;
}
@media (max-width: 1600px) {
  .slider04 .bt_movie,
  .slider04 .slider_instagram{
    left: 5%;
  }
}
@media (min-width: 2560px) {
  .slider04 .slider_instagram{
    bottom: 2%;
  }
}
@media (min-width: 2561px) {
  .slider04 .slider_instagram{
    left: 5%;
  }
}
@media (max-width: 768px) {
  .slider04 .slider_instagram{
    left: 5%;
    bottom: 5%;
  }
}
.slider04 .slider_instagram > img{
  width: auto;
  height: clamp(4rem, 3vw, 7rem);
}
@media (max-width: 768px) {
  .slider04 .slider_instagram > img{
    height: 1.2rem;
  }
}
.slider04 .slider_instagram .slider_instagram_content{
  margin-left: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.slider04 .slider_instagram .slider_instagram_content p{
  display: flex;
  align-items: center;
  width: 100%;
  font-size: clamp(0.8rem, 1.2vw, 2rem);
  font-weight: bold;
  text-align: center;
}
@media (max-width: 768px) {
  .slider04 .slider_instagram .slider_instagram_content p{
    font-size: 0.8rem;
  }
}
.slider_instagram_content p:before,
.slider_instagram_content p:after{
  content: "";
  height: 2px;
  flex-grow: 1;
  border-bottom: 2px solid black;
  margin: 0 0.5rem;
}
.slider04 .slider_instagram .slider_instagram_bnr{
  display: flex;
  align-items: center;
}
.slider04 .slider_instagram .slider_instagram_bnr img{
  height: clamp(3.5rem, 5.5vh, 7rem);
  width: auto;
}
.slider04 .slider_instagram .slider_instagram_bnr a:first-child{
  margin-right: 1rem;
}
.slider04 .slider_instagram_sp{
  display: none;
  position: absolute;
  bottom: 7.5%;
  left: 5%;
  width: 45vw;
  max-width: 240px;
  background: white;
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .slider04 .slider_instagram{
    display: none;
  }
  .slider04 .slider_instagram_sp{
    display: flex;
    flex-flow: column;
  }
}
.slider_instagram_sp_header{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem;
}
.slider_instagram_sp_header img{
  height: 1.5rem;
  width: auto;
}
.slider_instagram_sp_header p{
  text-align: center;
  font-size: clamp(0.5rem, 3vw, 1rem);
  font-weight: bold;
}
.slider_instagram_sp .slider_instagram_content{
  padding-bottom: 1rem;
}
.slider04 .slider_name{
  position: absolute;
  right: 25%;
  bottom: 1%;
  font-size: 1.3rem;
  font-weight: bold;
  color: #101010;
}
@media (min-width: 2561px) {
  .slider04 .slider_name{
    color: white;
    font-size: clamp(2rem, 2vw, 3rem);
  }
}
@media (max-width: 1600px) {
  .slider04 .slider_name{
    right: 20%;
    color: white;
  }
}
@media (max-width: 768px) {
  .slider04 .slider_name{
    right: 1rem;
    font-size: 0.7rem;
    text-align: right;
  }
}
.slider04 .slider_name p:last-child{
  text-align: right;
}
.slider04 .slider_name p span{
  font-size: 2rem;
}
@media (min-width: 2561px) {
  .slider04 .slider_name p span{
    font-size: clamp(2.5rem, 3vw, 5.5rem);
  }
}
@media (max-width: 768px) {
  .slider04 .slider_name p span{
    font-size: 1.3rem;
  }
}
.slider04 .slider_instagram_sp .slider_instagram_content{
  display: flex;
  flex-flow: column;
  justify-content: center;
}
/* /slider04 */