@charset "UTF-8";
/*------------------------------------------------------------
ページヘッダー
------------------------------------------------------------*/
#page_header h1 { background-image: url("../images/header/bgimg_header-recruit.jpg"); }

/*------------------------------------------------------------
採用情報
------------------------------------------------------------*/
#recruit { padding: 80px 0 100px; text-align: center; }

#recruit p { line-height: 2.25; }

#recruit p strong { font-size: 1.8rem; }

#recruit .youtube { margin: 50px 0 100px; }

#recruit h2 { margin-top: 50px; font-size: 2.6rem; line-height: 1; text-align: center; }

#recruit .slider { margin: 20px 50px 0; text-align: center; }

#recruit .slider li img { width: 690px; height: auto; }

#recruit .slider_thumb { margin: 0 115px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#recruit .slider_thumb li { font-size: 1.2rem; text-align: center; width: 120px; margin: 20px 10px 0; cursor: pointer; }

#recruit .slider_thumb li figure { width: 100%; height: 90px; position: relative; overflow: hidden; }

#recruit .slider_thumb li figure img { display: block; width: auto; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0.6; }

#recruit .slider_thumb li span { display: block; margin-top: 3px; }

#recruit .slider_thumb li span:empty { display: none; }

#recruit .slider_thumb li.thumbnail-current img { opacity: 1; }

#recruit .slider_thumb li:only-child { display: none; }

#recruit .slick-slide img { display: inline-block; }

#recruit .slick_arrow_left, #recruit .slick_arrow_right { position: absolute; top: 50%; z-index: 50; width: 28px; height: 54px; background: no-repeat center center; margin-top: -15px; cursor: pointer; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; }

#recruit .slick_arrow_left:hover, #recruit .slick_arrow_right:hover { opacity: 0.6; }

#recruit .slick_arrow_right { left: 0; background-image: url("../images/common/arrow_slider_left.svg"); }

#recruit .slick_arrow_left { right: 0; background-image: url("../images/common/arrow_slider_right.svg"); }

@media screen and (max-width: 767px) { #recruit { padding: 40px 0 50px; }
  #recruit p { line-height: 1.9; }
  #recruit p strong { font-size: 1.4rem; }
  #recruit .youtube { margin: 25px 25px 50px; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
  #recruit .youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  #recruit h2 { margin-top: 25px; font-size: 1.8rem; }
  #recruit .slider { margin: 10px 25px 0; }
  #recruit .slider li img { width: 100%; }
  #recruit .slider_thumb { margin: 0 -5px; }
  #recruit .slider_thumb li { margin: 10px 5px 0; width: 60px; height: 72px; }
  #recruit .slider_thumb li figure { height: 45px; }
  #recruit .slider_thumb li span { line-height: 1.2; }
  #recruit .slick_arrow_left, #recruit .slick_arrow_right { display: none !important; } }

/*------------------------------------------------------------
社内イベント情報
------------------------------------------------------------*/
#event_info { background: #F8F8F8; padding: 100px 0; }

#event_info h2 { font-size: 2.6rem; line-height: 1; text-align: center; }

#event_info ul { margin-top: 50px; }

#event_info ul li > a { display: block; text-decoration: none; padding: 20px 30px; border-bottom: 1px solid #ddd; }

#event_info ul li > a:nth-of-type(1) { border-top: 1px solid #ddd; }

#event_info ul li > a dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#event_info ul li > a dl dt { font-size: 1.4rem; line-height: 1; }

#event_info ul li > a dl dd { font-size: 1.2rem; line-height: 20px; text-align: center; padding: 0 20px; margin-left: 10px; }

#event_info ul li > a dl dd.event { color: #EA7743; border: 1px solid #EA7743; }

@media screen and (max-width: 767px) { #event_info ul li > a dl dd { font-size: 1.0rem; line-height: 16px; padding: 0 10px; } }

#event_info ul li > a p { margin-top: 10px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

#event_info ul li > a:hover p { color: #0285d0; }

#event_info section > p { width: 280px; margin: 50px auto 0; text-align: center; position: relative; z-index: 0; }

#event_info section > p a { display: block; text-decoration: none; font-size: 1.4rem; line-height: 50px; color: #fff; background: url("../images/common/img_arrow-w.svg") no-repeat right 40px center; background-size: 5px auto; padding-right: 20px; }

#event_info section > p:before, #event_info section > p:after { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; }

#event_info section > p:before { background: #0285d0; }

#event_info section > p:after { width: 0; background: #005586; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

#event_info section > p:hover a { background-position: right 30px center; }

#event_info section > p:hover:after { width: 100%; }

@media screen and (max-width: 767px) { #event_info { padding: 50px 0; }
  #event_info h2 { font-size: 1.8rem; }
  #event_info ul { margin-top: 25px; }
  #event_info ul li > a { padding: 15px 10px; }
  #event_info ul li > a p { margin-top: 5px; -webkit-transition: none; -o-transition: none; transition: none; }
  #event_info ul li > a:hover p { color: #222; }
  #event_info section > p { margin-top: 30px; }
  #event_info section > p a { font-size: 1.3rem; }
  #event_info section > p:hover a { background-position: right 40px center; }
  #event_info section > p:hover:after { width: 0; } }

/*------------------------------------------------------------
リクルートボタン
------------------------------------------------------------*/
#recruit_btn { padding: 80px 0 100px; }

#recruit_btn ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: center; }

#recruit_btn ul li { width: calc(50% - 10px); border: 1px solid #0285d0; }

#recruit_btn ul li a { display: block; text-decoration: none; line-height: 80px; color: #0285d0; background: url("../images/common/img_arrow-b.svg") no-repeat right 30% center; background-size: 5px auto; position: relative; }

#recruit_btn ul li a:after { display: block; content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 0; height: 100%; background: #0285d0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

#recruit_btn ul li a:hover { color: #fff; background: url("../images/common/img_arrow-w.svg") no-repeat right 26% center; background-size: 5px auto; }

#recruit_btn ul li a:hover:after { width: 100%; }

@media screen and (max-width: 767px) { #recruit_btn { padding: 40px 0 50px; }
  #recruit_btn ul { display: block; }
  #recruit_btn ul li { width: 280px; margin: 0 auto; }
  #recruit_btn ul li + li { margin-top: 15px; }
  #recruit_btn ul li a { line-height: 60px; background: url("../images/common/img_arrow-b.svg") no-repeat right 24% center; background-size: 5px auto; }
  #recruit_btn ul li a:hover { color: #0285d0; background: url("../images/common/img_arrow-b.svg") no-repeat right 24% center; background-size: 5px auto; }
  #recruit_btn ul li a:hover:after { width: 0; } }

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