@charset "UTF-8";
/* 日本語 charset "utf-8 */
@keyframes test { 0% { background-position: left center; }
  100% { background-position: -1733px center; } }
@keyframes bg-move { 0% { width: 0; }
  100% { width: 100%; left: 180px; } }
#recruit { width: calc(100% - 40px); margin-left: 40px; }
#recruit header.page-header { width: 100%; height: 200px; margin-top: 80px; background-image: url(../images/recruit/header.png); background-size: cover; background-color: black; background-repeat: no-repeat; padding-top: 24px; }
#recruit header.page-header .header-wrap { margin: 0 auto; width: 1024px; }
#recruit header.page-header .header-wrap .page-name { font-family: "Fjalla One", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif; font-size: 40px; line-height: 32px; color: white; text-align: center; margin-top: 44px; margin-bottom: 11px; }
#recruit .container { margin: 0 auto 104px; }
#recruit .container h2 { font-size: 40px; text-align: center; padding: 80px 0 48px; }
#recruit .container h2 span { font-size: 20px; display: block; margin-top: 24px; }
#recruit .container .contents { border-top: 1px solid black; padding-top: 48px; }
#recruit .container .contents h3, #recruit .container .contents p { text-align: center; }
#recruit .container .contents h3 { font-size: 16px; line-height: 2; }
#recruit .container .contents .txt { margin-top: 48px; }
#recruit .container .contents .txt p { font-size: 14px; line-height: 1.8; }
#recruit .container .contents .txt p:nth-of-type(2) { margin-top: 32px; }
#recruit .container .contents img { margin-top: 48px; }
#recruit .container .select { display: flex; justify-content: center; align-items: center; margin-top: 64px; }
#recruit .container .select a { width: 312px; height: 48px; border: 1px solid black; display: flex; justify-content: space-between; align-items: center; line-height: 48px; box-sizing: border-box; }
#recruit .container .select a p { position: relative; font-size: 16px; color: black; text-align: center; width: 100%; height: 48px; text-indent: -24px; font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif; }
#recruit .container .select a p span { position: absolute; width: 48px; height: 48px; background: black; color: white; border-left: 1px solid black; display: flex; top: 0; right: 0; box-sizing: border-box; }
#recruit .container .select a p span::before { display: block; position: absolute; width: 7px; height: 7px; content: ''; transform: rotate(-45deg); border-right: 1px solid white; border-bottom: 1px solid white; top: calc(50% - 4px); left: calc(50% - 4px); }
#recruit .container .select a:hover { background: black; }
#recruit .container .select a:hover p { color: white; }
#recruit .container .select a:hover p span { border-left: 1px solid white; }