@charset "UTF-8";
/*数値の設定
------------------------------------------*/
/*上記数値の設定を呼び出しているmixin
------------------------------------------*/
/*
よく使用するmixin
------------------------------------------*/
/* ------------------------------ ↓ 採用ページ 特別対応 ↓
-------------------------------- */
/* #mainvisual ===============*/
main { padding: 0; }

#page_mainvisual { background: url(../img/pages/top/recruit_bk.jpg) no-repeat center center; background-size: cover; color: #fff; padding: calc(200px + 70px) 0 200px; }
@media only screen and (max-width: 991px) { #page_mainvisual { padding: calc(100px + 50px) 0 100px; } }

/* #recruit_area ===============*/
#recruit_area { height: auto; padding: 160px 0 250px; }
#recruit_area .recruit_wrap { max-width: 910px; width: 100%; }
#recruit_area .recruit_text { justify-content: space-between; align-items: end; }
#recruit_area .recruit_text p { font-size: clamp(14px, 1.4vw, 16px); }
#recruit_area .recruit_text .recruit_link { margin-top: 0; }
#recruit_area .recruit_text .recruit_link a { font-size: clamp(20px, 1.8vw, 24px); }
@media only screen and (max-width: 991px) { #recruit_area { padding: 80px 0 125px; }
  #recruit_area .recruit_text .recruit_link { margin-top: 40px; } }

/* ------------------------------ ↑ 採用ページ 特別対応 ↑
-------------------------------- */
/* page_recruit ===============*/
#page_recruit { /* ホバー */ }
#page_recruit #page_Head { padding: clamp(100px, 11vw, 200px) clamp(20px, 1.8vw, 30px) 0; }
#page_recruit #page_Head h3 { font-size: clamp(20px, 1.8vw, 24px); line-height: 1; letter-spacing: 0.3em; margin-bottom: 50px; }
#page_recruit .recruit_contents { padding: 0 clamp(20px, 1.8vw, 30px) clamp(100px, 11vw, 200px); position: relative; }
#page_recruit .recruit_contents .left { width: 25%; }
#page_recruit .recruit_contents .left .sticky { position: sticky; top: 120px; left: 0; }
#page_recruit .recruit_contents .right { width: 75%; position: relative; padding-left: 9%; padding-right: 8.2%; }
#page_recruit .recruit_entryBox { background: url(../img/pages/top/recruit_bk.jpg) no-repeat left center; background-size: cover; color: #fff; padding: 80px 40px; }
#page_recruit .recruit_entryBox p { font-size: 16px; }
#page_recruit .floating_entry a { font-size: 18px; letter-spacing: 0.09em; background: #fff; text-align: center; padding: 10px 0; margin-top: 40px; display: block; position: relative; transition: all .2s; opacity: 1; }
@media (hover: hover) { #page_recruit .floating_entry a:hover { background: #151515; color: #fff; opacity: 1; } }
#page_recruit .accordion_item { /* ホバー */ }
#page_recruit .accordion_item .accordion_header { font-size: clamp(16px, 1.4vw, 18px); letter-spacing: 0.2em; background: #3C3835; color: #fff; padding: 18px clamp(22px, 1.8vw, 30px); justify-content: space-between; align-items: center; }
#page_recruit .accordion_item .accordion_header i { font-size: 26px; font-family: "Shippori Mincho B1", serif; font-style: normal; line-height: 1; color: #fff; display: inline-block; transition: all .2s; }
#page_recruit .accordion_item .accordion_header.open i { transform: rotate(45deg); }
#page_recruit .accordion_item .accordion_contents { display: none; }
#page_recruit .accordion_item .accordion_contents table { width: 100%; margin-top: 40px; }
#page_recruit .accordion_item .accordion_contents table th { width: 28%; border-top: 1px solid #6f6f6f; padding: 15px 0; font-weight: normal; text-align: left; letter-spacing: 0.2em; }
#page_recruit .accordion_item .accordion_contents table td { width: 72%; border-top: 1px solid #c7c7c7; padding: 15px 0; letter-spacing: 0.1em; line-height: 1.8; }
#page_recruit .accordion_item .accordion_contents table td p + p { padding-top: 20px; }
#page_recruit .accordion_item .accordion_contents table td small { font-size: 12px; line-height: 1.8; color: #6B6B6B; }
#page_recruit .accordion_item .close_btn { text-align: right; padding-right: 10px; margin-bottom: 90px; position: relative; }
#page_recruit .accordion_item .close_btn i { font-size: 26px; font-family: "Shippori Mincho B1", serif; font-style: normal; line-height: 1; display: inline-block; transform: rotate(45deg); opacity: 0.5; }
@media (hover: hover) { #page_recruit .accordion_item .accordion_header:hover, #page_recruit .accordion_item .close_btn:hover { cursor: pointer; } }
#page_recruit .accordion_item + .accordion_item { margin-top: 10px; }
@media only screen and (max-width: 991px) { #page_recruit .recruit_contents { flex-direction: column-reverse; }
  #page_recruit .recruit_contents .left { display: none; }
  #page_recruit .recruit_contents .right { width: 100%; padding-left: 0%; padding-right: 0; }
  #page_recruit .floating_entry { width: 90vw; position: fixed; left: 50%; bottom: 40px; transform: translateX(-50%); opacity: 0; z-index: -2; transition: all .2s; }
  #page_recruit .floating_entry a { background: url(../img/pages/top/recruit_bk.jpg) no-repeat bottom left; background-size: cover; color: #fff; margin-top: 0; padding: 13px 20px; }
  #page_recruit .floating_entry.trigger_active { opacity: 1; z-index: 3; }
  #page_recruit .accordion_item .accordion_contents table th { width: 100%; display: block; font-size: 14px; }
  #page_recruit .accordion_item .accordion_contents table td { width: 100%; display: block; border-top: none; padding: 0 0 15px; }
  #page_recruit .accordion_item .close_btn { margin-bottom: 60px; }
  #page_recruit .accordion_item .close_btn i { font-size: 38px; } }