@media only screen and (max-width: 767px) {
  .banner-main {
    height: 250px !important;
  }
}

.mobile-container {
  margin: 0 0 4rem;
}

.mobile-header-mob {
  font-weight: 700;
  font-size: 20px;
  line-height: 174.3%;
  letter-spacing: 0.015em;
  color: #383838;
  margin-top: 20px;
  margin-bottom: 45px;
}

.mobile-part-time-job {
  font-family: 'Noto Sans JP';
  font-weight: 400;
  font-size: 13px;
  line-height: 156.3%;
  letter-spacing: 0.035em;
  color: #383838;
}

.mobile-bold-text-mob {
  font-weight: 700;
  font-size: 18px;
  line-height: 156.3%;
  letter-spacing: 0.035em;
  color: #383838;
  margin-bottom: -8px;
}

.mobile-table-mob {
  font-family: 'Noto Sans JP';
  font-weight: 400;
  font-size: 14px;
  line-height: 156.3%;
  letter-spacing: 0.035em;
  color: #383838;
}

.mobile-space-tab {
  min-width: 79px;
}

.banner-main {
  min-height: 642px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 0 9.4rem;
}

.banner-main-mobile {
  display: none;
  min-height: 642px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 767px) {
  .banner-main {
    min-height: 250px !important;
    display: none;
  }

  .banner-main-mobile {
    min-height: 250px !important;
    display: block;
  }
}

.banner-main .col-md-6 {
  position: relative;
}

.banner-main .col-md-6 .banner-content {
  position: absolute;
  top: 70px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.banner-main .col-md-6 .banner-content h1 {
  font-size: 36px;
  line-height: 179.8%;
  letter-spacing: 0.015em;
  color: #383838;
}

.banner-main .col-md-6 .banner-content h1 span {
  background: #fff;
  padding: 6px 20px;
}

.banner-main .col-md-6 .banner-content .inner-content {
  background: rgba(255, 255, 255, 0.7);
  margin-top: 40px;
  padding: 25px;
  border-radius: 30px 0px;
  width: 454px;
}

.banner-main .col-md-6 .banner-content .inner-content p {
  font-family: 'Noto Sans JP';
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 156.3%;
  letter-spacing: 0.035em;
  color: #383838;
  margin-bottom: 10px;
}

.banner-main .col-md-6 .banner-content .inner-content p strong {
  margin-right: 15px;
}

@media only screen and (max-width: 767px) {
  .btn-bottom {
    margin-top: 10px;
    margin-bottom: 45px;
  }
}


/***======FullTime Section========***/
.fulltime-section {
  margin: 0 0 6rem;
}

.fulltime-cm {
  display: flex;
  margin-left: -1.6rem;
  margin-right: -1.6rem;
  margin-bottom: 4rem;
}

.fulltime-cm:last-child {
  margin-bottom: 0;
}

.reverse {
  flex-direction: row-reverse;
}

.fulltime-lft {
  width: 50%;
  padding: 0 1.6rem;
}

.full-time-img {
  width: 100%;
  height: 0;
  padding-top: 60%;
  position: relative;
  display: block;
}

.full-time-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fulltime-rgt {
  width: 50%;
  padding: 0 1.6rem;
}

.fulltime-full {
  padding: 0 1.6rem;
}

.title-text {
  font-size: 16px;
  color: #E77160;
}

@media only screen and (max-width: 767px) {
  .title-text {
    line-height: 147.3%;
  }
}

.detail-text {
  font-family: 'Noto Sans JP';
  font-weight: 400;
  font-size: 14px;
  line-height: 189.3%;
  letter-spacing: 0.035em;
  color: #383838;
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  .detail-text {
    line-height: 164.8%;
    margin-top: 14px;
  }
}

.detail-text-people {
  font-family: 'Noto Sans JP';
  font-weight: 400;
  font-size: 14px;
  line-height: 189.3%;
  letter-spacing: 0.035em;
  color: #383838;
}

@media only screen and (max-width: 767px) {
  .detail-text-people {
    line-height: 164.8%;
  }
}

.detail-text-full {
  font-family: 'Noto Sans JP';
  font-weight: 400;
  font-size: 14px;
  line-height: 189.3%;
  letter-spacing: 0.035em;
  color: #383838;
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  .detail-text-full {
    line-height: 164.8%;
    margin-top: 14px;
  }
}


/***======Holiday Section========***/
.holiday-section {}

.holiday-otr {
  margin-left: -1.6rem;
  margin-right: -1.6rem;
  display: flex;
  flex-direction: row-reverse;
}

.holiday-lft {
  width: 50%;
  padding: 0 1.6rem;
}

.holiday-img {
  width: 100%;
  height: 0;
  padding-top: 60%;
  position: relative;
  display: block;
}

.holiday-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.holiday-rgt {
  width: 50%;
  padding: 0 1.6rem;
}

.orange-divider {
  height: 0.7px;
  width: 38px;
  background: #969696;
  border: 1px solid #E77160;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .orange-divider {
    margin-bottom: 23px;
    border: 1px solid #E77160;
  }
}

.people-header {
  font-size: 16px;
  line-height: 189.3%;
  letter-spacing: 0.035em;
  color: #383838;
  margin-bottom: 41px;
}

@media screen and (max-width: 768px) {
  .people-header {
    font-size: 18px;
    line-height: 124.3%;
    letter-spacing: 0.085em;
    margin-bottom: 36px;
  }
}


.call-to-action-left {
  background-image: url('/wp-content/uploads/2022/09/attraction_rect_left.png');
}

.call-to-action-right {
  background-image: url('/wp-content/uploads/2022/09/advantage-img01-2-1-1.png');
}

@media screen and (max-width: 767px) {
  .call-to-action-left {
    background-image: url(/wp-content/uploads/2022/09/Depositphotos_18961721_XL-2.png);
  }

  .call-to-action-right {
    background-image: url('/wp-content/uploads/2022/10/advantage-img01-3.png');
  }

}


/************Responsive CSS Start******************/
@media all and (max-width: 1024px) {}

@media all and (max-width: 960px) {
  .fulltime-cm {
    flex-direction: column;
  }

  .reverse {
    flex-direction: column;
  }

  .fulltime-lft {
    width: 100%;
    margin: 0 0 2rem;
  }

  .fulltime-rgt {
    width: 100%;
  }

  /***======Holiday Section CSS Start=========***/
  .holiday-otr {
    flex-direction: column;
  }

  .holiday-lft {
    width: 100%;
    margin: 0 0 2rem;
  }

  .holiday-rgt {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .fulltime-section {
    margin: 0 0 4rem;
  }

  .fulltime-cm {
    margin-left: 0;
    margin-right: 0;
  }

  .fulltime-lft {
    padding: 0;
  }

  .fulltime-rgt {
    padding: 0;
  }

  .fulltime-full {
    padding: 0;
  }

  /***======Holiday Section CSS Start=========***/
  .holiday-otr {
    margin-left: 0;
    margin-right: 0;
  }

  .holiday-lft {
    padding: 0;
  }

  .holiday-rgt {
    padding: 0;
  }
   /** END holiday section css */
	header {
		position: absolute;
	}
	.logo-blk h1{
		opacity: 0;
	}

}