@charset "UTF-8";
/*----------------------------------------
	recruit
----------------------------------------*/
/*　plagin
----------------------------------------*/
/*　common
----------------------------------------*/
#recruit .recruit-separate01 { position: relative; margin-top: 78px; }

#recruit .recruit-separate01:after { content: ''; position: absolute; top: -36px; left: -20px; right: -20px; border-top: 1px solid #cccccc; }

#recruit .recruit-separate01:first-child { margin-top: 0; }

#recruit .recruit-separate01:first-child:after { display: none; }

/*　index
----------------------------------------*/
#recruit #recruit01-area .recruit01-inner { padding-right: 414px; background: url(/recruit/images/bg_recruit01.jpg) 100% 0 no-repeat; }

#recruit .recruit-grid01 { width: -webkit-calc(100% + 24px); width: calc(100% + 24px); margin-top: -30px; margin-left: -24px; }

#recruit .recruit-grid01:before, #recruit .recruit-grid01:after { content: ""; display: table; }

#recruit .recruit-grid01:after { clear: both; }

#recruit .recruit-grid01 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-top: 30px; margin-left: 24px; width: -webkit-calc(33.33302% - 24px); width: calc(33.33302% - 24px); }

#recruit .recruit-grid01 > *[class*="grid-col"] { width: calc(100% - 24px); }

#recruit .recruit-grid01 > *.grid-col02 { width: calc(100% * 0.66667 - 24px); }

#recruit .recruit-grid01 > *.grid-col03 { width: calc(100% * 1 - 24px); }

#recruit .recruit-grid01 > li { position: relative; }

#recruit .recruit-grid01 > li:before, #recruit .recruit-grid01 > li:after { position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; height: 20px; max-width: 300px; -webkit-box-shadow: 0 15px 10px #cccccc; -moz-box-shadow: 0 15px 10px #cccccc; box-shadow: 0 15px 10px #cccccc; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); }

#recruit .recruit-grid01 > li:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; }

#recruit .recruit-grid01 .recruit-thumb { position: relative; border: 1px solid #ececec; background-color: #fff; padding: 6px; z-index: 1; }

#recruit .recruit-btn01 { font-size: 1.5rem; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }

#recruit .recruit-btn01:before { min-height: 50px; }

#recruit .recruit-btn01 .ico-arrow03 { position: relative; color: #cc3333; }

#recruit .recruit-btn01 .ico-arrow03:before { position: absolute; color: #cc3333; z-index: 1; top: 0; bottom: 0; left: -0.3em; margin: auto; height: 1em; font-size: 0.875rem; }

#recruit .recruit-btn01 .ico-arrow03:after { position: absolute; content: '●'; top: -0.2em; bottom: 0; left: -0.4em; margin: auto; height: 1em; color: #fff; font-size: 1.375rem; }

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