/* Scss Document */
@import url("reset.css");
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@keyframes kv-slider-sp { from { background-position: 0 4.5vw; }
  to { background-position: -157.33333333vw 4.5vw; } }
@keyframes kv-slider-pc { from { background-position: 0 3.125vw; }
  to { background-position: -157.33333333vw 3.125vw; } }
@keyframes kv-slider-pcW { from { background-position: 0 42px; }
  to { background-position: -1280px 42px; } }
@keyframes slider03-sp { from { background-position: 0 0; }
  to { background-position: -206.66666667vw 0; } }
@keyframes slider03-pc { from { background-position: 0 0; }
  to { background-position: -1550px 0; } }
html { width: 100%; height: 100%; -webkit-text-size-adjust: none; overflow-x: hidden; overflow-y: auto; font-family: 'Noto Sans JP', sans-serif; scroll-behavior: smooth; background: #f6f6f6; }

body { background: white; color: #0d0d0d; }
body img { width: 100%; max-width: 100%; height: auto; }

body { width: 100vw; min-height: 100vh; background: url("../img/cmn_bg.png") repeat -1% 50%; background-size: 21.2vw 21.2vw; }
body .ovImg { position: relative; }
body .ovImg > img { position: relative; z-index: 10; }
body .ovImg > a, body .ovImg p, body .ovImg h2.h2ttl { position: absolute; z-index: 11; }
body a { transition: .2s all; }
body a:hover { filter: brightness(1.1); transition: .01s all; }
body .spOnly, body .slick-slide .spOnly { display: block; }
body .pcOnly, body .slick-slide .pcOnly { display: none; }
body header { position: relative; z-index: 9999; top: 0; left: 0; display: flex; justify-content: space-between; align-items: center; height: 8vw; width: 100%; }
body header > div { padding: 0 5.333vw; }
body header > div img { width: 27.46666667vw; height: auto; }
body header > div + div { display: flex; padding: 0; }
body header > div + div img { height: 8vw; width: auto; }
body section.kv { position: relative; z-index: 10; }
body section.kv > div { position: relative; }
body section.kv > div::after { z-index: 9; position: absolute; content: ''; width: 89.6vw; height: 10.5vw; border: #2f3439 1px solid; left: 5.2vw; top: 3.6vw; border-radius: 100px; background: #fff; }
body section.kv > div .slider { z-index: 10; position: absolute; left: 0; top: 0; width: 100vw; height: 14.66666667vw; background: url("../img/pc_kv_slide_01.png") repeat-x 0 0; background-size: auto 9.06666667vw; animation: kv-slider-sp 20s linear infinite; -webkit-mask-image: url(../img/sp_kv_mask.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-position: 0 0; -webkit-mask-size: 100%; mask-image: url(../img/sp_kv_mask.svg); mask-repeat: no-repeat; mask-position: 0 0; mask-size: 100%; }
body section.recruitment { position: relative; z-index: 11; margin-top: -16vw; }
body section.recruitment .h2Ttl { width: 100vw; }
body section.recruitment .sliderWrap { background: white; border-left: #2f3439 0.26666667vw solid; border-right: #2f3439 0.26666667vw solid; box-sizing: border-box; font-size: 0; line-height: 1; }
body section.recruitment .sliderWrap .slick-list { padding: 7vw 0 10vw; }
body section.recruitment .sliderWrap .slick-slide { margin: 0 12vw; line-height: 1; }
body section.recruitment .sliderWrap .slick-prev.slick-arrow, body section.recruitment .sliderWrap .slick-next.slick-arrow { position: absolute; top: 50%; z-index: 9999; font-size: 0; width: 5.43vw; height: 9vw; cursor: pointer; margin-top: -4vw; }
body section.recruitment .sliderWrap .slick-prev.slick-arrow { background: url("../img/cmn_arw_prev.png") no-repeat 0 0; background-size: 100% auto; left: 3vw; }
body section.recruitment .sliderWrap .slick-next.slick-arrow { background: url("../img/cmn_arw_next.png") no-repeat 0 0; background-size: 100% auto; right: 3vw; }
body section.jobchange .slider { width: 100vw; height: 40vw; background: white url("../img/cmn_slide_03_01.png") repeat-x 0 0; background-size: auto 40vw; animation: slider03-sp 15s linear infinite; }
body section.listOfJob { position: relative; z-index: 11; margin-top: -16vw; }
body section.listOfJob .h2Ttl { width: 100vw; }
body section.listOfJob .sliderWrap { background: white; border-left: #2f3439 0.26666667vw solid; border-right: #2f3439 0.26666667vw solid; box-sizing: border-box; font-size: 0; line-height: 1; }
body section.listOfJob .sliderWrap .slick-list { padding: 7vw 0 10vw; }
body section.listOfJob .sliderWrap .slick-slide { margin: 0 12vw; line-height: 1; }
body section.listOfJob .sliderWrap .slick-prev.slick-arrow, body section.listOfJob .sliderWrap .slick-next.slick-arrow { position: absolute; top: 50%; z-index: 9999; font-size: 0; width: 5.43vw; height: 9vw; cursor: pointer; margin-top: -4vw; }
body section.listOfJob .sliderWrap .slick-prev.slick-arrow { background: url("../img/cmn_arw_prev.png") no-repeat 0 0; background-size: 100% auto; left: 3vw; }
body section.listOfJob .sliderWrap .slick-next.slick-arrow { background: url("../img/cmn_arw_next.png") no-repeat 0 0; background-size: 100% auto; right: 3vw; }
body section.other { position: relative; z-index: 10; margin-top: -13.33vw; }
body section.faq { background: white; }
body section.faq div { padding: 4.53vw 4vw; }
body section.faq div dl dt { margin-bottom: 2.66vw; position: relative; cursor: pointer; }
body section.faq div dl dt::before { content: ''; height: 2.93vw; width: 2.93vw; position: absolute; right: 2vw; top: 50%; margin-top: -1.5vw; background: white; border-right: #0072e6 0.66vw solid; border-bottom: #0072e6 0.66vw solid; transform: rotate(45deg); }
body section.faq div dl dd img.spOnly { display: none; transition: .1s all; }
body section.faq div dl + dl { margin-top: 5.86vw; }
body section.faq div dl.act dt::before { transform: rotate(-135deg); }
body section.faq div dl.act dd img.spOnly { display: block; }
body section.bnrArea { position: relative; padding-top: 10vw; }
body section.bnrArea::before { content: ''; background: url("../img/sp_bg_09_02.png") no-repeat 0 0; background-size: 100vw auto; width: 100vw; height: 20vw; position: absolute; left: 0; top: 0; }
body section.form { padding-bottom: 26vw; }
body section.form .h2Ttl { margin-bottom: 5vw; }
body section.form .contWrap { width: 89vw; margin: 0 auto; }
body section.form .contWrap form { font-size: 3.3vw; font-weight: 700; letter-spacing: .05em; line-height: 1; }
body section.form .contWrap form dl { margin-bottom: 4vw; }
body section.form .contWrap form dl dt { margin-bottom: 2vw; }
body section.form .contWrap form dl dt em, body section.form .contWrap form dl dt span.required { display: inline-block; background: #245e9a; font-size: 2.8vw; margin-left: .8em; padding: .3em .4em; border-radius: 5px; color: white; }
body section.form .contWrap form dl dt em.dsc, body section.form .contWrap form dl dt span.required.dsc { background: #888; }
body section.form .contWrap form dl dd input[type="text"], body section.form .contWrap form dl dd input[type="tel"], body section.form .contWrap form dl dd input[type="email"] { font-size: 3.3vw; padding: .7em .7em; border: #e4dcd5 1px solid; border-radius: 5px; background: white; width: 100%; box-sizing: border-box; }
body section.form .contWrap form dl dd input[type="text"]::placeholder, body section.form .contWrap form dl dd input[type="tel"]::placeholder, body section.form .contWrap form dl dd input[type="email"]::placeholder { color: #bfbfbf; }
body section.form .contWrap form dl dd .select_wrapper { position: relative; }
body section.form .contWrap form dl dd .select_wrapper select { -webkit-appearance: none; appearance: none; cursor: pointer; font-size: 3.3vw; padding: .7em .7em; border: #e4dcd5 1px solid; border-radius: 5px; background: white; width: 100%; box-sizing: border-box; position: relative; }
body section.form .contWrap form dl dd .select_wrapper::after { content: ""; position: absolute; top: calc(50% - 1vw); right: 3vw; width: 1.5vw; height: 1.5vw; border-right: 0.5vw solid #bfbfbf; border-bottom: 0.5vw solid #bfbfbf; transform: rotate(45deg); }
body section.form .contWrap form .cbWrap { margin-top: 10vw; text-align: center; }
body section.form .contWrap form p.cb1 { display: inline-block; margin: 0 auto; text-align: center; }
body section.form .contWrap form p.cb1 input[type="checkbox"] { display: none; }
body section.form .contWrap form p.cb1 input[type="checkbox"] + label { cursor: pointer; padding-left: 5vw; display: block; font-size: 3.3vw; font-weight: 100; position: relative; }
body section.form .contWrap form p.cb1 input[type="checkbox"] + label::before { content: ''; position: absolute; left: 0; top: calc(50% - 2vw); height: 4vw; width: 4vw; background: white; border: #2f3439 1px solid; border-radius: 4px; }
body section.form .contWrap form p.cb1 input[type="checkbox"] + label::after { opacity: 0; content: ''; position: absolute; left: 1.1vw; top: calc(50% - 2vw); height: 2.6vw; width: 1.4vw; border-bottom: white 4px solid; border-right: white 4px solid; transform: rotate(45deg); }
body section.form .contWrap form p.cb1 input[type="checkbox"] + label a { color: #2f3439; text-decoration: underline; }
body section.form .contWrap form p.cb1 input[type="checkbox"]:checked + label::before { background: #2f3439; border: #2f3439 1px solid; }
body section.form .contWrap form p.cb1 input[type="checkbox"]:checked + label::after { opacity: 1; }
body section.form .contWrap form p#form_submit { font-size: 0; line-height: 1; width: 66vw; height: 13.33vw; margin: 5vw auto 0; }
body section.form .contWrap form p#form_submit input[type="button"] { cursor: pointer; background: url("../img/sp_btn_10_01.png") no-repeat 0 0; background-size: 100% auto; width: 60.6vw; height: 13.33vw; font-size: 0; }
body footer { background: #0072e6; }
body footer > div { padding: 10vw 8vw 10vw; }
body footer > div .logo { width: 84vw; margin: 0 auto 7vw; }
body footer > div ul li + li { margin-top: 3vw; }
body footer > div ul a { font-size: 2.8vw; color: white; font-weight: normal; letter-spacing: .05em; line-height: 1; padding-right: 3.6vw; position: relative; width: 100%; display: block; }
body footer > div ul a::before { content: ''; width: 1.5vw; height: 1.5vw; border-top: white .5vw solid; border-right: white .5vw solid; transform: rotate(45deg); position: absolute; right: 0; top: calc(50% - 1vw); }

@media all and (min-width: 750px) { body { background: url("../img/cmn_bg.png") repeat 0 0; background-size: 6.25vw 6.25vw; }
  body .spOnly, body .slick-slide .spOnly { display: none; }
  body .pcOnly, body .slick-slide .pcOnly { display: block; }
  body a[href^="tel:"] { pointer-events: none; }
  body header { height: 7.03125vw; width: 100%; }
  body header > div { padding: 0 7.65625vw; }
  body header > div img { width: 16.09375vw; height: auto; }
  body header > div + div { display: flex; align-items: center; justify-content: space-between; width: 35.15625vw; margin-right: 7.8125vw; }
  body header > div + div .hedBtn img { width: 17.1875vw; height: 3.59375vw; }
  body header > div + div .hedTel img { width: 15.625vw; height: 1.71875vw; }
  body section.kv > div { position: relative; }
  body section.kv > div::after { z-index: 9; position: absolute; content: ''; width: 84.375vw; height: 6.484375vw; border: #2f3439 1px solid; left: 7.8125vw; top: 2.890625vw; border-radius: 100px; background: #fff; }
  body section.kv > div .slider { z-index: 10; position: absolute; left: 0; top: 0.078125vw; width: 100vw; height: 14.66666667vw; background: url("../img/pc_kv_slide_01.png") repeat-x 0 0; background-size: 92.1875vw auto; animation: kv-slider-pc 20s linear infinite; -webkit-mask-image: url(../img/pc_kv_mask.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-position: 0 0; -webkit-mask-size: 100%; mask-image: url(../img/pc_kv_mask.svg); mask-repeat: no-repeat; mask-position: 0 0; mask-size: 100%; }
  body section.kv > div p.carac { z-index: 100; position: absolute; right: 0; bottom: 0; width: 48.4375vw; height: auto; }
  body section.recruitment { border: #2f3439 1px solid; background: white; border-radius: 4.375vw; padding: 5.46875vw 0 0; margin-top: 0; padding-bottom: 0; }
  body section.recruitment .h2Ttl { width: 32.578125vw; margin: 0 auto; }
  body section.recruitment .sliderWrap { background: none; font-size: 0; line-height: 1; padding: 0 4%; border-left: none; border-right: none; }
  body section.recruitment .sliderWrap .slick-list { padding: 4.6875vw 0 4.6875vw; }
  body section.recruitment .sliderWrap .slick-slide { margin: 0 0; line-height: 1; }
  body section.recruitment .sliderWrap .slick-prev.slick-arrow, body section.recruitment .sliderWrap .slick-next.slick-arrow { position: absolute; top: 50%; z-index: 9999; font-size: 0; width: 20px; height: 35px; cursor: pointer; margin-top: -15px; }
  body section.recruitment .sliderWrap .slick-prev.slick-arrow { background: url("../img/cmn_arw_prev.png") no-repeat 0 0; background-size: 100% auto; left: -3.0%; }
  body section.recruitment .sliderWrap .slick-next.slick-arrow { background: url("../img/cmn_arw_next.png") no-repeat 0 0; background-size: 100% auto; right: -3.0%; }
  body section.support { padding-top: 7.8125vw; }
  body section.support .h2Ttl { width: 53.359375vw; margin: 0 auto 4.6875vw; }
  body section.support div ul { width: 78.75vw; margin: 0 auto; display: flex; justify-content: space-between; }
  body section.support div ul li { width: 24.375vw; }
  body section.jobchange { position: relative; z-index: 9; }
  body section.jobchange .slider { height: 23.4375vw; background: white url("../img/cmn_slide_03_01.png") repeat-x 0 0; background-size: auto 23.4375vw; animation: slider03-pc 15s linear infinite; }
  body section.features { position: relative; z-index: 10; border: #2f3439 1px solid; background: white; border-radius: 4.375vw; margin-top: -10.9375vw; padding: 5.46875vw 0 0; }
  body section.features .h2Ttl { width: 30.3125vw; margin: 0 auto 3.90625vw; }
  body section.features p > img { width: 84.53125vw; margin: 0 auto 13.59375vw; }
  body section.features p strong { position: absolute; width: 33.59375vw; left: 33.203125vw; bottom: -5.3125vw; }
  body section.sccess { position: relative; z-index: 9; margin-top: -6.25vw; padding: 18.75vw 0 15.625vw; background: #0072e6 url("../img/pc_bg_05_01.png") no-repeat 0 0; background-size: 23.4375vw auto; }
  body section.sccess .h2Ttl { width: 17.96875vw; margin: 0 auto 1.5625vw; }
  body section.sccess div ul { width: 91.25vw; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
  body section.sccess div ul li { width: 50%; }
  body section.sccess div ul li:first-child { width: 100%; }
  body section.listOfJob { position: relative; z-index: 10; border: #2f3439 1px solid; background: white; border-radius: 4.375vw; padding: 5.46875vw 0 0; margin-top: -4.6875vw; padding-bottom: 0; }
  body section.listOfJob .h2Ttl { width: 25.234375vw; margin: 0 auto; }
  body section.listOfJob .sliderWrap { background: none; font-size: 0; line-height: 1; padding: 0 4%; border-left: none; border-right: none; }
  body section.listOfJob .sliderWrap .slick-list { padding: 4.6875vw 0 7.03125vw; }
  body section.listOfJob .sliderWrap .slick-slide { margin: 0 1.5vw; line-height: 1; }
  body section.listOfJob .sliderWrap .slick-prev.slick-arrow, body section.listOfJob .sliderWrap .slick-next.slick-arrow { position: absolute; top: 50%; z-index: 9999; font-size: 0; width: 20px; height: 35px; cursor: pointer; margin-top: -15px; }
  body section.listOfJob .sliderWrap .slick-prev.slick-arrow { background: url("../img/cmn_arw_prev.png") no-repeat 0 0; background-size: 100% auto; left: -3.0%; }
  body section.listOfJob .sliderWrap .slick-next.slick-arrow { background: url("../img/cmn_arw_next.png") no-repeat 0 0; background-size: 100% auto; right: -3.0%; }
  body section.other { position: relative; z-index: 9; margin-top: -7.8125vw; padding: 15.625vw 0 5.46875vw; background: #e8ff00; }
  body section.other .h2Ttl { width: 54.21875vw; margin: 0 auto 1.5625vw; }
  body section.other .h2Ttl + p { width: 45.15625vw; margin: 0 auto; }
  body section.flow { position: relative; background: url("../img/pc_bg_07_01.png") no-repeat 0 0; background-size: 100vw auto; padding-top: 12.5vw; }
  body section.flow .h2Ttl { width: 17.421875vw; margin: 0 auto 1.5625vw; }
  body section.flow p { width: 60.9375vw; margin-left: 30.9375vw; }
  body section.flow p + p { position: absolute; left: 2.578125vw; top: 14.296875vw; width: 28.828125vw; margin-left: 0; }
  body section.faq { position: relative; background: url("../img/pc_bg_09_01.png") no-repeat 0 0; background-size: 100vw auto; padding: 11.71875vw 0 0; }
  body section.faq .h2Ttl { width: 16.875vw; margin: 0 auto 1.5625vw; }
  body section.faq div { background: white; margin: 0 0; padding: 0 0 3.90625vw; }
  body section.faq div dl { width: 68.75vw; margin: 0 auto; }
  body section.faq div dl dt { margin-bottom: 0; position: relative; cursor: pointer; }
  body section.faq div dl dt::before { content: ''; height: 0.9375vw; width: 0.9375vw; right: 1.875vw; top: 50%; margin-top: -0.625vw; border-right: #0072e6 0.234375vw solid; border-bottom: #0072e6 0.234375vw solid; }
  body section.faq div dl dd img.spOnly { display: none; }
  body section.faq div dl dd img.pcOnly { display: none; transition: .1s all; }
  body section.faq div dl + dl { margin-top: 5.86vw; }
  body section.faq div dl.act dd img.spOnly { display: none; }
  body section.faq div dl.act dd img.pcOnly { display: block; }
  body section.faq::after { content: ''; position: absolute; background: url("../img/pc_bg_09_02.png") no-repeat 0 0; background-size: 100vw auto; width: 100vw; height: 7.8125vw; left: 0; bottom: -7.421875vw; }
  body section.bnrArea { position: relative; padding: 10vw 13.28125vw; }
  body section.bnrArea::before { content: ''; background: url("../img/pc_bg_09_02.png") no-repeat 0 0; background-size: 100vw auto; width: 100vw; height: 7.8125vw; position: absolute; left: 0; top: 0; }
  body section.bnrArea p img { width: 84.375vw; margin: 0 auto; }
  body section.form { padding-bottom: 15.625vw; }
  body section.form .h2Ttl { width: 31.71875vw; margin: 0 auto 4.6875vw; }
  body section.form .contWrap { width: 58.59375vw; margin: 0 auto; }
  body section.form .contWrap form { font-size: 2.0vw; font-weight: 700; letter-spacing: .05em; line-height: 1; }
  body section.form .contWrap form dl { margin-bottom: 4vw; }
  body section.form .contWrap form dl dt { margin-bottom: 1vw; }
  body section.form .contWrap form dl dt em, body section.form .contWrap form dl dt span.required { display: inline-block; background: #245e9a; font-size: 2.0vw; margin-left: .8em; padding: .3em .4em; border-radius: 5px; color: white; }
  body section.form .contWrap form dl dd input[type="text"], body section.form .contWrap form dl dd input[type="tel"], body section.form .contWrap form dl dd input[type="email"], body section.form .contWrap form dl dd textarea { font-size: 2.0vw; padding: .4em .5em; border: #e4dcd5 1px solid; border-radius: 5px; background: white; width: 100%; box-sizing: border-box; }
  body section.form .contWrap form dl dd input[type="text"]::placeholder, body section.form .contWrap form dl dd input[type="tel"]::placeholder, body section.form .contWrap form dl dd input[type="email"]::placeholder, body section.form .contWrap form dl dd textarea::placeholder { color: #bfbfbf; }
  body section.form .contWrap form dl dd .select_wrapper { position: relative; }
  body section.form .contWrap form dl dd .select_wrapper select { -webkit-appearance: none; appearance: none; cursor: pointer; font-size: 2.0vw; padding: .4em .5em; border: #e4dcd5 1px solid; border-radius: 5px; background: white; width: 100%; box-sizing: border-box; position: relative; }
  body section.form .contWrap form dl dd .select_wrapper::after { content: ""; position: absolute; top: calc(50% - .9vw ); right: 1.875vw; width: 0.9375vw; height: 0.9375vw; border-right: 0.234375vw solid #bfbfbf; border-bottom: 0.234375vw solid #bfbfbf; transform: rotate(45deg); }
  body section.form .contWrap form .cbWrap { margin-top: 5vw; text-align: center; }
  body section.form .contWrap form p.cb1 { display: inline-block; margin: 0 auto; text-align: center; }
  body section.form .contWrap form p.cb1 input[type="checkbox"] { display: none; }
  body section.form .contWrap form p.cb1 input[type="checkbox"] + label { cursor: pointer; padding-left: 4vw; display: block; font-size: 2.0vw; font-weight: 100; position: relative; }
  body section.form .contWrap form p.cb1 input[type="checkbox"] + label::before { content: ''; position: absolute; left: 0; top: calc(50% - 1vw); height: 2.5vw; width: 2.5vw; background: white; border: #2f3439 1px solid; border-radius: 4px; }
  body section.form .contWrap form p.cb1 input[type="checkbox"] + label::after { opacity: 0; content: ''; position: absolute; left: .9vw; top: calc(50% - 1vw); height: 1.6vw; width: .8vw; border-bottom: white 4px solid; border-right: white 4px solid; transform: rotate(45deg); }
  body section.form .contWrap form p.cb1 input[type="checkbox"]:checked + label::before { background: #2f3439; border: #2f3439 1px solid; }
  body section.form .contWrap form p.cb1 input[type="checkbox"]:checked + label::after { opacity: 1; }
  body section.form .contWrap form p#form_submit { font-size: 0; line-height: 1; width: 25.78125vw; height: 3.59375vw; margin: 5vw auto 0; }
  body section.form .contWrap form p#form_submit input[type="button"] { cursor: pointer; background: url("../img/pc_btn_10_01.png") no-repeat 0 0; background-size: 100% auto; width: 25.78125vw; height: 3.59375vw; font-size: 0; }
  body footer > div { width: 68.75vw; margin: 0 auto; display: flex; justify-content: space-between; padding: 3.515625vw 0 3.515625vw; }
  body footer > div .logo { width: 27.34375vw; margin: 0 auto 0; }
  body footer > div ul { width: 14.0625vw; }
  body footer > div ul li + li { margin-top: 1.5625vw; }
  body footer > div ul a { font-size: 1.09375vw; }
  body footer > div ul a::before { content: ''; width: 0.390625vw; height: 0.390625vw; border-top: white 0.15625vw solid; border-right: white 0.15625vw solid; top: calc(60% - 0.5vw); } }
@media all and (min-width: 1281px) { body { width: 1280px; margin: 0 auto; box-sizing: border-box; box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.05); background: url("../img/cmn_bg.png") repeat 0 0; background-size: 80px 80px; overflow: hidden; }
  body header { height: 90px; width: 1280px; }
  body header > div { padding: 0 98px; }
  body header > div img { width: 206px; }
  body header > div + div { width: 450px; margin-right: 100px; }
  body header > div + div .hedBtn img { width: 220px; height: 46px; }
  body header > div + div .hedTel img { width: 200px; height: 22px; }
  body section.kv > div { position: relative; }
  body section.kv > div::after { z-index: 9; position: absolute; content: ''; width: 1082px; height: 83px; border: #2f3439 1px solid; left: 98px; top: 37px; border-radius: 100px; background: #fff; }
  body section.kv > div .slider { z-index: 10; position: absolute; left: 0; top: 0; width: 100vw; height: 120px; background: url("../img/pc_kv_slide_01.png") repeat-x 0 0; background-size: 1180px auto; animation: kv-slider-pcW 20s linear infinite; -webkit-mask-image: url(../img/pc_kv_mask.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-position: 0 0; -webkit-mask-size: 1280px auto; mask-image: url(../img/pc_kv_mask.svg); mask-repeat: no-repeat; mask-position: 0 0; mask-size: 1280px auto; }
  body section.kv > div p.carac { z-index: 100; position: absolute; right: 0; bottom: 0; width: 620px; height: auto; }
  body section.recruitment .h2Ttl { width: 417px; }
  body section.support { padding-top: 100px; }
  body section.support .h2Ttl { width: 683px; margin: 0 auto 60px; }
  body section.support div ul { width: 1008px; }
  body section.support div ul li { width: 312px; }
  body section.jobchange .slider { height: 300px; background: white url("../img/cmn_slide_03_01.png") repeat-x 0 0; background-size: auto 300px; animation: slider03-pc 15s linear infinite; }
  body section.features { border-radius: 56px; margin-top: -140px; padding: 70px 0 0; }
  body section.features .h2Ttl { width: 388px; margin: 0 auto 50px; }
  body section.features p > img { width: 1082px; margin: 0 auto 174px; }
  body section.features p strong { position: absolute; width: 430px; left: 425px; bottom: -68px; }
  body section.sccess { margin-top: -80px; padding: 240px 0 200px; background: #0072e6 url("../img/pc_bg_05_01.png") no-repeat 0 0; background-size: 300px auto; }
  body section.sccess .h2Ttl { width: 230px; margin: 0 auto 20px; }
  body section.sccess div ul { width: 1168px; }
  body section.listOfJob .h2Ttl { width: 323px; }
  body section.other { margin-top: -100px; padding: 200px 0 70px; }
  body section.other .h2Ttl { width: 694px; margin: 0 auto 20px; }
  body section.other .h2Ttl + p { width: 578px; }
  body section.flow { background: url("../img/pc_bg_07_01.png") no-repeat 0 0; background-size: 1280px auto; padding-top: 160px; }
  body section.flow .h2Ttl { width: 223px; margin: 0 auto 20px; }
  body section.flow p { width: 780px; margin-left: 396px; }
  body section.flow p + p { left: 33px; top: 183px; width: 369px; }
  body section.faq { position: relative; background: url("../img/pc_bg_09_01.png") no-repeat 0 0; background-size: 1280px auto; padding: 150px 0 0; }
  body section.faq .h2Ttl { width: 216px; margin: 0 auto 20px; }
  body section.faq div dl { width: 880px; }
  body section.faq div dl dt::before { content: ''; height: 12px; width: 12px; right: 24px; top: 50%; margin-top: -8px; border-right: #0072e6 3px solid; border-bottom: #0072e6 3px solid; }
  body section.faq div dl + dl { margin-top: 20px; }
  body section.faq::after { content: ''; position: absolute; background: url("../img/pc_bg_09_02.png") no-repeat 0 0; background-size: 1280px auto; width: 1280px; height: 100px; bottom: -95px; }
  body section.bnrArea { padding: 50px 0 170px; }
  body section.bnrArea::before { content: ''; background: url("../img/pc_bg_09_02.png") no-repeat 0 0; background-size: 1280px auto; width: 1280px; height: 100px; position: absolute; left: 0; top: 0; }
  body section.bnrArea p img { width: 1080px; margin: 0 auto; }
  body section.form .h2Ttl { width: 406px; margin: 0 auto 60px; }
  body section.form .contWrap { width: 750px; margin: 0 auto; }
  body section.form .contWrap form { font-size: 16px; }
  body section.form .contWrap form dl { margin-bottom: 30px; }
  body section.form .contWrap form dl dt { margin-bottom: 8px; }
  body section.form .contWrap form dl dt em, body section.form .contWrap form dl dt span.required { font-size: 16px; border-radius: 5px; }
  body section.form .contWrap form dl dd input[type="text"], body section.form .contWrap form dl dd input[type="tel"], body section.form .contWrap form dl dd input[type="email"], body section.form .contWrap form dl dd textarea { padding: 12px 14px; font-size: 16px; }
  body section.form .contWrap form dl dd .select_wrapper select { font-size: 16px; padding: 12px 14px; }
  body section.form .contWrap form dl dd .select_wrapper::after { content: ""; position: absolute; top: calc(50% - 9px ); right: 24px; width: 12px; height: 12px; border-right: 3px solid #bfbfbf; border-bottom: 3px solid #bfbfbf; transform: rotate(45deg); }
  body section.form .contWrap form .cbWrap { margin-top: 5vw; text-align: center; }
  body section.form .contWrap form p.cb1 { display: inline-block; margin: 0 auto; text-align: center; }
  body section.form .contWrap form p.cb1 input[type="checkbox"] { display: none; }
  body section.form .contWrap form p.cb1 input[type="checkbox"] + label { cursor: pointer; padding-left: 30px; display: block; font-size: 16px; font-weight: 100; position: relative; }
  body section.form .contWrap form p.cb1 input[type="checkbox"] + label::before { content: ''; position: absolute; left: 0; top: calc(50% - 10px); height: 20px; width: 20px; background: white; border: #2f3439 1px solid; border-radius: 3px; }
  body section.form .contWrap form p.cb1 input[type="checkbox"] + label::after { opacity: 0; content: ''; position: absolute; left: 7px; top: calc(50% - 10px); height: 12px; width: 6px; border-bottom: white 4px solid; border-right: white 4px solid; transform: rotate(45deg); }
  body section.form .contWrap form p.cb1 input[type="checkbox"]:checked + label::before { background: #2f3439; border: #2f3439 1px solid; }
  body section.form .contWrap form p.cb1 input[type="checkbox"]:checked + label::after { opacity: 1; }
  body section.form .contWrap form p#form_submit { font-size: 0; line-height: 1; width: 25.78125vw; height: 3.59375vw; margin: 5vw auto 0; }
  body section.form .contWrap form p#form_submit input[type="button"] { cursor: pointer; background: url("../img/pc_btn_10_01.png") no-repeat 0 0; background-size: 100% auto; width: 25.78125vw; height: 3.59375vw; font-size: 0; }
  body footer > div { width: 1080px; margin: 0 auto; display: flex; justify-content: space-between; padding: 45px 0 45px; }
  body footer > div .logo { width: 350px; margin: 0 auto 0; }
  body footer > div ul { width: 220px; }
  body footer > div ul li + li { margin-top: 20px; }
  body footer > div ul a { font-size: 14px; }
  body footer > div ul a::before { content: ''; width: 5px; height: 5px; border-top: white 2px solid; border-right: white 2px solid; top: calc(60% - 1px); } }