.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.5;
}

header {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: +1;
}
.job_bg {
	background-color: #fff1e3;
}

.job_charm {
	border: 2px solid #551900;
	background-color: #ffffff;
	border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
}

.job_text_big {
	font-size: 3.8rem;
}


@media (max-width: 767px) { /*  画面サイズが480px以下に適用 */
  .job_text_medium2 {
    font-size: 1.3rem;
  }
  .job_text_big2 {
    font-size: 2.8rem;
  }
	
}
@media (min-width: 768px) { /*  画面サイズが481px以上に適用 */
  .job_text_big2 {
    font-size: 3.8rem;
  }
}



.job_text_medium {
    font-size: 2.5rem;
  }

.job_text_tya {
	color: #551900;
}

.job_syoukai {
	background-color: #fde0a5;
}

.job_bg_tya {
	background-color: #551900;
}

.job_bg_pink {
	background-color: #ff9d91;
}

.job_bg_ore {
	background-color: #f8bf60;
}

.job_menu_border {
	border-top: 3px dotted #f8bf60;
}

.job_menu_linktext {
	color: #551900;
	text-decoration: none;
}

.job_menu_linktext:hover {
	color: #e7372f;
	text-decoration: none;
}

.job_voice_border_1 {
	border-top: 5px solid #ffb7cc;
}

.job_voice_border_2 {
	border-top: 5px solid #ffeda7;
}

.job_voice_border_3 {
	border-top: 5px solid #bee2e1;
}

.job_voice_border_4 {
	border-top: 5px solid #e4edb9;
}

.job_voice_border_5 {
	border-top: 5px solid #fde0a5;
}

.job_faq_border {
	border-top: 5px dotted #551900;
}




/*====================================================================
ページTOPへ移動
====================================================================*/

.pagetop {
  height: 50px;
  width: 50px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  background: #fff;
  border: solid 2px #000;
  border-radius: 50%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 2;
  cursor: pointer;
}
.pagetop__arrow {
  display: block;
  height: 10px;
  width: 10px;
  border-top: 3px solid #000;
  border-right: 3px solid #000;
  transform: translateY(20%) rotate(-45deg);
}

/*====================================================================
スライダー
====================================================================*/

.sliderArea {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 25px;
}
.sliderArea.w300 {
  max-width: 300px;
}
.slick-slide {
  margin: 0 5px;
}
.slick-slide img {
  width: 100%;
  height: auto;
}
.slick-prev, .slick-next {
  z-index: 1;
}
.slick-prev:before, .slick-next:before {
  color: #000;
}
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .5;
}
.slick-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.thumb {
  margin: 20px 0 0;
}
.thumb .slick-slide {
  cursor: pointer;
}
.thumb .slick-slide:hover {
  opacity: .7;
}
/*=============== スライダーフルスクリーン ===============*/
.full-screen .slick-list {
  overflow: visible;
}
.full-screen.slider {
  max-width: 800px;
  margin: 0 auto;
}
.section {
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
	overflow: hidden;
}
/*=============== スライダードット ===============*/
.slider-dots {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
  
  li {
    display: inline-block;
    width: calc(10% - 10px);
    margin: 0 5px;
  }
  
  button {
    position: relative;
    width: 100%;
    height: 7px;
    border: 0;
    background-color: #ccc;
    font-size: 0;
    
    &:after {
      position: absolute;
      top: 0;
      left: 0;
      content: '';
      display: block;
      width: 0%;
      height: 100%;
    }
  }
  
.slick-active {
    button:after {
      background-color: #e7372f;
      animation: progress 5.5s linear forwards;
    }
  }
}

@keyframes progress {
  from {
    width: 0%;
  }
  
  to {
    width: 100%;
  }
}

.dropdown-menu {
	min-width:300px;
}
/*=============== スライダー矢印 ===============*/
.slide-arrow {
  bottom: 0;
  cursor: pointer;
  margin: auto;
  position: absolute;
  top: 0;
  width: 5%;
	z-index: 1;
}
.prev-arrow {
  left: -20px;
}
.next-arrow {
  right: -20px;
}



/*====================================================================
アニメーション用
====================================================================*/
.animate__xno {
	overflow-x: hidden;
}
/*=============== 待機
時間 ===============*/
.delay-time01 {
	animation-delay: 0.1s;
}
.delay-time02 {
	animation-delay: 0.2s;
}
.delay-time03 {
	animation-delay: 0.3s;
}
.delay-time04 {
	animation-delay: 0.4s;
}
.delay-time05 {
	animation-delay: 0.5s;
}
.delay-time06 {
	animation-delay: 0.6s;
}
.delay-time07 {
	animation-delay: 0.7s;
}
.delay-time08 {
	animation-delay: 0.8s;
}
.delay-time09 {
	animation-delay: 0.9s;
}
.delay-time10 {
	animation-delay: 1.0s;
}
.delay-time11 {
	animation-delay: 1.1s;
}
.delay-time12 {
	animation-delay: 1.2s;
}
.delay-time13 {
	animation-delay: 1.3s;
}
.delay-time14 {
	animation-delay: 1.4s;
}
.delay-time15 {
	animation-delay: 1.5s;
}
/*=============== アニメーション再生時間 ===============*/
.change-time15 {
	animation-duration: 1.5s;
} 
.change-time01 {
	animation-duration: .1s;
}
.change-time20 {
	animation-duration: 2s;
}
.change-time30 {
	animation-duration: 3s;
} 


.fadeInLeftTrigger, .fadeInRightTrigger, .fadeInTrigger{
	opacity: 0;
}

/*====================================================================
マウスオーバー、ホバー
====================================================================*/

.top_icon_hover:hover {
	transform: scale(1.05);
	transition-duration: 0.3s;
	text-decoration: none;
  -webkit-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);
  box-shadow: 0px 14px 25px -2px rgba(0, 0, 0, 0.14);
  top: -2px;
}

.top_mouseover:hover {
	background-color: #e7372f;
}

.top_mouseover2:hover {
	background-color: #e7372f;
	color: white;
}

.top_mouseover2:hover .md_job_voice_hover_none {
	display: none;
}
.top_mouseover2:hover .md_job_voice_hover_block {
	display: block;
}
.md_job_voice_none {
	display: none;
}


.job_search {
	background-color: #f8bf60;
}

.job_search:hover {
	background-color: #e7372f;
}