@charset "UTF-8";
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

html { color: #000; line-height: 1.4; word-spacing: 0; font-size: 0.625rem; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
 "MS Pゴシック", "MS PGothic", sans-serif; overflow-x: hidden; }

body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; }

* { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

th { text-align: left; font-weight: normal; }

a { color: inherit; text-decoration: none; }

img { vertical-align: bottom; max-width: 100%; }

input, textarea, select, option, optgroup, button { border-radius: 0; outline: none; }

.mincho { font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "游明朝 Regular",
 "Yu Mincho Regular", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",
 "MS P明朝", "MS 明朝", sans-serif; }

.yugothic { font-family: "游ゴシック体", "YuGothic", "游ゴシック Regular",
 "Yu Gothic Regular", "游ゴシック", "Yu Gothic", sans-serif; }

body { font-family: "Noto Sans JP", sans-serif; overflow-x: hidden; }

/* ==== main css ====*/
.container { max-width: 1000px; width: 92%; margin: 0 auto; }

.row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }

.row-between { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.mrb-15 { margin-bottom: 15px; }

.mrb-20 { margin-bottom: 20px; }

.mrb-30 { margin-bottom: 30px; }

.mrb-50 { margin-bottom: 50px; }

.pdt10 { padding-top: 10px; }

.col-12 { width: 100%; }

.color { color: #e7380d; }

.bg-triangle { position: relative; z-index: 9; }

.bg-triangle::before, .bg-triangle::after { content: ""; display: block; width: 50%; height: 150px; background-color: #fff; position: absolute; top: 0; z-index: -1; }

.bg-triangle::before { left: 0; -webkit-clip-path: polygon(0 0, 0 100%, 100% 0); clip-path: polygon(0 0, 0 100%, 100% 0); }

.bg-triangle::after { right: 0; -webkit-clip-path: polygon(0 0, 100% 100%, 100% 0); clip-path: polygon(0 0, 100% 100%, 100% 0); }

.deco { position: relative; }

.deco::before, .deco::after { content: ""; display: block; position: absolute; }

.deco::before { width: 20px; height: 20px; top: 10px; left: 14px; z-index: 1; border-radius: 50%; background-color: #fff; }

.deco::after { width: 80px; height: 70px; top: 0; left: 0; background-color: #104097; -webkit-clip-path: polygon(0 0, 0 100%, 100% 0); clip-path: polygon(0 0, 0 100%, 100% 0); }

.header { position: absolute; top: 0; left: 0; width: 100%; z-index: 9; }

.header .hd-button { display: block; position: absolute; top: 2.76vw; right: 2.76vw; z-index: 999; width: 55px; height: 65px; background-image: url(../images/btn-menu.svg); background-repeat: no-repeat; background-position: right; }

.header .hd-button::before, .header .hd-button::after { content: ""; display: block; height: 0.2rem; width: 100%; position: absolute; z-index: 9; opacity: 0; background-color: #eb5632; -webkit-transition: all 0.35s; transition: all 0.35s; }

.header .hd-button::before { top: 0; left: 0; }

.header .hd-button::after { bottom: 0; right: 0; }

.header .hd-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; left: 0; z-index: -9; width: 100%; height: 0; opacity: 0; background-color: rgba(255, 255, 255, 0.9); }

.header .hd-icon { text-align: center; margin-bottom: 3.125vw; max-width: 77px; margin: 0 auto 80px; }

.header .hd-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; max-width: 54.5rem; }

.header .hd-list > li { width: calc(100% / 3 - 0.2rem); height: 18rem; margin: 0.1rem; background-color: #fff; border-bottom: 0.2rem solid #eb5632; }

.header .hd-list > li:hover { background-color: #eee; }

.header .hd-list > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; pointer-events: none; }

.header.active .hd-button { height: 3.85vw; background-image: none; }

.header.active .hd-button::before, .header.active .hd-button::after { opacity: 1; top: 48%; width: 135%; }

.header.active .hd-button::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: -15%; }

.header.active .hd-button::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: -15%; }

.header.active .hd-nav { height: 100vh; min-height: 50rem; overflow-y: auto; z-index: 9; opacity: 1; -webkit-transition: all 0.5s, height 0s ease-in; transition: all 0.5s, height 0s ease-in; }

.header.active .hd-list > li > a { pointer-events: auto; }

.main { position: relative; z-index: 8; }

.mv { overflow-x: hidden; position: relative; z-index: 9; width: 100%; height: 60.93vw; }

.mv::before, .mv::after { content: ""; position: absolute; left: 0; z-index: 9; display: block; height: 28rem; background-repeat: no-repeat; }

.mv::before { top: 0; width: 86.84%; background-image: url(../images/img-1.svg); background-position: top left; background-size: contain; }

.mv::after { bottom: 0; width: 100%; background-image: url(../images/img-2.svg); background-position: bottom center; }

.mv .caption { margin-top: -2vw; margin-left: 8.5vw; font-size: 3.3vw; font-weight: 700; }

.mv .caption .logos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }

.mv .caption .logos > img:nth-child(1) { max-width: 278px; width: 14.48vw; }

.mv .caption .logos > img:nth-child(2) { margin: 0.8rem 0.5rem 0.3rem 2rem; max-width: 82px; width: 4.48vw; }

.mv .caption .logos > img:nth-child(3) { max-width: 532px; width: 27.71vw; }

.mv .caption .title { font-size: 6vw; color: #003459; margin-left: -5px; }

.mv .cars > img { position: absolute; right: -120%; -webkit-transition: right 3s; transition: right 3s; }

.mv .cars > img:nth-child(1) { top: 0; z-index: 11; }

.mv .cars > img:nth-child(2) { bottom: 0; z-index: 12; -webkit-transition-delay: 3s; transition-delay: 3s; }

.mv .cars.animated > img:nth-child(1) { right: 2.3rem; z-index: 11; }

.mv .cars.animated > img:nth-child(2) { right: 0; }

.apply { position: fixed; left: 0; bottom: 0; z-index: 9999; width: 100%; background-color: #fff; padding: 10px 0; opacity: 0; -webkit-transition: all 0.35s; transition: all 0.35s; }

.apply .box { max-width: 855px; margin: 0 auto; }

.apply-capt { font-size: 13px; padding-top: 5px; }

.apply-btn { width: 49.12281%; height: 83px; background-color: #003459; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 22px; letter-spacing: 2px; font-weight: bold; color: #fff; border-radius: 10px; }

.apply-btn > img { margin-right: 18px; }

.points { padding-top: 65px; background-color: #e8edec; margin-top: 50px; }

.c-point { width: 100%; margin-bottom: 38px; padding-top: 50px; font-size: 25px; font-weight: bold; text-align: center; line-height: 1.1; border-top: 2px solid #e7380d; background-color: #fff; border-radius: 0 0px 10px 10px; position: relative; }

.c-point .icon { max-width: 77px; position: absolute; top: 0; left: 50%; z-index: 9; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.c-point .small { font-size: 80%; }

.c-point .extra { font-size: 56%; }

.c-point .num { font-size: 176%; }

.c-point .large { font-size: 136%; }

.c-title1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 737px; height: 90px; background-color: #fff; position: relative; z-index: 11; }

.c-title1::after { content: ""; display: block; width: 200%; height: 4px; position: absolute; bottom: 8px; background-image: radial-gradient(circle at 4px 2px, #ff0000 2px, transparent 2px); background-repeat: repeat-x; background-size: 9px; }

.c-title1::before { content: ""; display: block; position: absolute; top: 0; width: 100%; height: 100%; background-color: #fff; }

.c-title1 .icon { margin-right: 25px; max-width: 55px; }

.c-title1 .text { font-size: 25px; }

.c-title1 .text > span { color: #e7380d; font-size: 136%; font-weight: bold; }

.c-title1.left { border-radius: 0 10px 0 0; }

.c-title1.left::before { left: -100%; }

.c-title1.left::after { right: 0; }

.c-title1.right { border-radius: 10px 0 0 0; margin-left: auto; }

.c-title1.right .icon { margin-left: auto; }

.c-title1.right::before { right: -100%; }

.c-title1.right::after { left: 0; }

.c-treamt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 237px; height: 237px; border-radius: 50%; background-image: url(../images/bg-circle.svg); background-repeat: no-repeat; }

.c-treamt > p { font-size: 25px; font-weight: bold; text-align: center; }

.c-treamt > p .small { font-size: 52%; font-weight: 500; }

.car-run { position: relative; }

.car-run #car { padding-right: 5px; max-width: 55px; position: absolute; left: calc(50% + 5px); top: 50%; z-index: 11; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.car-run #car.fixed { position: fixed; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.car-run #way { height: 100vh; width: 2px; position: absolute; left: 50%; top: 0; z-index: 10; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ccc), color-stop(50%, transparent)); background-size: 2px 10px; }

.treatment { background-color: #e8edec; padding-top: 130px; overflow-x: hidden; }

.treatment .row-between { padding-bottom: 65px; }

.c-work { font-size: 15px; width: 100%; padding: 30px 45px 45px; margin-bottom: 35px; border-radius: 10px; background-color: #fff; overflow-x: hidden; }

.c-work .title { font-size: 140%; text-align: center; line-height: 1.5; font-weight: bold; margin-bottom: 38px; position: relative; }

.c-work .title::after { content: ""; display: block; position: absolute; left: 50%; bottom: -21px; width: 50px; height: 5px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #f8b848; }

.c-work .desc { margin-bottom: 10px; min-height: 65px; }

.work-content { overflow-x: hidden; background-color: #e8edec; }

.c-loca { font-size: 18px; text-align: center; margin-bottom: 30px; width: 100%; }

.c-loca .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 190px; height: 32px; margin: 0 auto 5px; border-bottom-left-radius: 20% 100%; border-bottom-right-radius: 20% 100%; border-top-left-radius: 20% 100%; border-top-right-radius: 20% 100%; background-color: #fff; }

.c-loca .txt-1 { font-size: 114.8%; font-weight: bold; }

.c-loca .txt-2 { font-size: 83.33%; }

.c-loca .txt-3 { font-size: 66.66%; padding-bottom: 25px; }

.c-loca .loca-top { margin-bottom: 24px; }

.c-loca .loca-top .txt-1 { color: #fff; }

.c-loca .loca-body { background-color: #fff; border-radius: 10px; }

.c-loca .loca-body .txt-1 { padding: 28px 0 35px; position: relative; }

.c-loca .loca-body .txt-1::after { content: ""; display: block; width: 50px; height: 5px; position: absolute; left: 50%; bottom: 15px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #fcb93f; }

.c-loca .loca-body iframe { width: 100%; height: 210px; margin: 35px 0 7px; }

.location { background-color: #e7380d; overflow-x: hidden; position: relative; z-index: 12; }

.location::before, .location::after { background-color: #e8edec; }

.location.bg-triangle { padding-top: 60px; }

.c-recruit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 30px; padding: 0 35px; font-size: 24px; text-align: center; border-radius: 10px; overflow: hidden; background-color: #fff; }

.c-recruit .title { margin-bottom: 30px; position: relative; }

.c-recruit .title::after { content: ""; display: block; position: absolute; left: 50%; bottom: -21px; width: 50px; height: 5px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #f8b848; }

.c-recruit .txt-1 { font-size: 116.66%; }

.c-recruit .txt-1 > span { font-weight: bold; font-size: 114.28%; }

.c-recruit .txt-2 { font-size: 54.16%; font-weight: 300; }

.c-recruit .txt-3 { font-size: 91.66%; }

.c-recruit .txt-4 { font-size: 66.66%; }

.c-recruit .txt-5 { font-size: 83.33%; }

.c-recruit .scale09 { -webkit-transform: scale(0.9); transform: scale(0.9); margin-bottom: 3px; }

.c-recruit .scale09 span { color: #104097; }

.c-recruit .list { font-size: 66.66%; text-align: left; font-weight: 300; }

.c-recruit .list > ul { padding-left: 15px; }

.c-recruit.st1 { height: 200px; }

.c-recruit.st2 { height: 400px; z-index: 11; }

.c-recruit.st2 .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 445px; height: 265px; border: solid 1px #f8b848; border-radius: 10px; }

.c-recruit.st3 { height: 270px; z-index: 11; }

.recruitment { background-color: #e8edec; overflow-x: hidden; }

.recruitment::before, .recruitment::after { background-color: #e7380d; width: calc(50% + 1px); }

.recruitment::before { -webkit-clip-path: polygon(0 0, 100% 100%, 100% 0); clip-path: polygon(0 0, 100% 100%, 100% 0); }

.recruitment::after { -webkit-clip-path: polygon(0 0, 0 100%, 100% 0); clip-path: polygon(0 0, 0 100%, 100% 0); }

.recruitment.bg-triangle { margin-top: -2px; padding-top: 150px; z-index: 11; }

.recruitment.bg-triangle .c-title1 { margin-top: -90px; }

.c-wfare { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 22px; font-weight: bold; text-align: center; width: 23.5%; height: 90px; margin: 0 0.7% 18px; background-color: #fff; border-radius: 10px; }

.c-wfare .small { font-size: 81.81%; }

.c-wfare.capt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background-color: transparent; }

.c-wfare.capt > p { color: #fff; font-size: 59.09%; font-weight: 300; text-align: left; }

.welfare { background-color: #e7380d; padding-top: 60px; position: relative; overflow: hidden auto; z-index: 11; }

.welfare::after, .welfare::before { background-color: #e8edec; }

.welfare .row { margin: 0 -0.7%; }

.house-comp { background-color: #e8edec; overflow-x: hidden; padding: 50px 0 90px; }

.house-comp.bg-triangle { padding: 150px 0 0; z-index: 11; }

.house-comp::before, .house-comp::after { background-color: #e7380d; width: calc(50% + 1px); }

.house-comp::before { -webkit-clip-path: polygon(0 0, 100% 100%, 100% 0); clip-path: polygon(0 0, 100% 100%, 100% 0); }

.house-comp::after { -webkit-clip-path: polygon(0 0, 0 100%, 100% 0); clip-path: polygon(0 0, 0 100%, 100% 0); }

.house-comp .c-title1 { margin-top: -90px; }

.house-comp .capt { font-size: 13px; font-weight: 300; text-align: right; }

.footer { padding: 55px 0 115px; margin-bottom: 103px; z-index: 9; }

.footer .ft-caption { color: #fff; font-size: 28px; text-align: center; background-color: #e7380d; padding: 30px 0 32px; border-radius: 10px 10px 0 0; margin-bottom: 100px; }

.footer figure { text-align: center; }

.footer .icon-top { max-width: 77px; margin-left: auto; margin-right: auto; cursor: pointer; position: relative; }

@media only screen and (min-width: 768px) { .mv { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .mv .cars { position: absolute; right: 4vw; top: 9.83vw; z-index: 10; max-width: 702px; max-height: 621px; width: 36.6vw; height: 32.4vw; }
  .mv .cars > img:nth-child(1) { max-width: 561px; width: 29.3vw; }
  .mv .cars > img:nth-child(2) { max-width: 702px; width: 36.6vw; }
  .recruitment .col-sm-6 { width: 47.2%; }
  .recruitment .col-sm-4 { width: 31%; }
  .sp { display: none !important; }
  .logos_sp { display: none; }
  .c-point { max-width: 310px; width: 31%; height: 165px; }
  .c-work { max-width: 472px; width: 47.2%; }
  .c-loca { width: 31%; } }

@media only screen and (max-width: 1000px) { .c-title1::after { width: calc(100% + 2.5vw); } }

@media only screen and (max-width: 767px) { .mrb-20 { margin-bottom: 2.6vw; }
  .pdt10 { padding-top: 1.3vw; }
  .pc { display: none !important; }
  .header.active .hd-button { top: 5vw; }
  .header .hd-icon { margin-bottom: 5vw; max-width: 10vw; }
  .mv { height: 192vw; min-height: 100vh; padding-top: 27vw; }
  .mv::before { background-image: url(../images/img-1_sp.png); }
  .mv::after { background-image: url(../images/img-2_sp.png); background-size: contain; }
  .mv .caption { margin: 0 auto 2vw; text-align: center; }
  .mv .caption .logos { display: none; }
  .mv .caption .logos_sp { text-align: center; }
  .mv .caption .logos_sp img { display: block; margin: auto; }
  .mv .caption .logos_sp img:nth-child(1) { width: 68vw; max-width: 520px; }
  .mv .caption .logos_sp img:nth-child(2) { width: 11.82vw; max-width: 85px; margin: 2vw auto 3.3vw; }
  .mv .caption .logos_sp img:nth-child(3) { width: 41.46vw; max-width: 318px; }
  .mv .caption .title { font-size: 10.5vw; padding-top: 1vw; margin: 0; }
  .mv .caption p { font-size: 6.5vw; margin-left: 2.2vw; }
  .mv .cars { position: relative; height: 72vw; }
  .mv .cars > img:nth-child(1) { width: 65.78vw; }
  .mv .cars > img:nth-child(2) { width: 82.35vw; }
  .mv .cars.animated > img:nth-child(1) { right: -7.17vw; }
  .mv .cars.animated > img:nth-child(2) { right: -10.43vw; }
  .bg-triangle::before, .bg-triangle::after { height: 16.94vw; }
  .apply { padding: 5px 0; }
  .apply .box { padding: 0 5px; }
  .apply-btn { font-size: 3.2vw; width: calc(50% - 2.5px); height: 12vw; }
  .apply-capt { text-align: center; padding-top: 3px; }
  .points { margin-top: 6.5vw; padding-top: 16.94vw; }
  .c-point { height: 34.55vw; font-size: 5.21vw; padding-top: 11vw; margin-bottom: 9.2vw; }
  .c-point .icon { max-width: 21.21vw; }
  .car-run #car { max-width: 45px; width: 12vw; }
  .treatment { padding-top: 16vw; }
  .treatment .container { width: 100%; }
  .c-treamt { width: 50vw; height: 50vw; }
  .c-treamt > p { font-size: 5.86vw; }
  .c-title1 { width: 91.26vw; height: 27.4vw; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-top: 5vw; }
  .c-title1 .text { font-size: 5.2vw; }
  .c-title1 .icon { width: 11.5vw; max-width: 88px; margin-right: 3.2vw; }
  .mrb-50 { margin-bottom: 6.5vw; }
  .c-work { font-size: 3.2vw; z-index: 11; margin-bottom: 7.8vw; padding: 4.5vw; min-height: 98.5vw; }
  .c-work figure img { width: 100%; }
  .c-work .title { margin-bottom: 8.5vw; }
  .c-work .title::after { bottom: -4vw; }
  .c-work .desc { min-height: 16vw; margin-bottom: 0; }
  .location.bg-triangle { padding-top: 16.94vw; padding-bottom: 0; }
  .c-loca { font-size: 4vw; margin-bottom: 4.5vw; }
  .c-loca .title { height: 6.64vw; width: 40vw; position: relative; }
  .c-loca .loca-top .txt-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 12vw; width: 100%; border-radius: 3vw 3vw 0 0; background-color: #000; margin-top: -2.5vw; }
  .c-loca .loca-body { overflow: hidden; border-radius: 3vw; }
  .c-loca .loca-body iframe { height: 44vw; }
  .c-loca .loca-body .txt-1 { padding: 6.5vw 0 9.25vw; }
  .c-loca .loca-body .txt-1::after { bottom: 4vw; }
  .recruitment.bg-triangle { padding-top: 16.94vw; margin: -1px; }
  .c-recruit { font-size: 4.4vw; z-index: 11; padding: 4vw; margin-bottom: 4vw; }
  .c-recruit.st1 { height: 42vw; }
  .c-recruit.st2 { height: 150vw; }
  .c-recruit.st2 .item { width: 100%; height: 57vw; margin-bottom: 4vw; }
  .c-recruit.st3 { height: 60vw; }
  .welfare { padding-top: 16.94vw; }
  .welfare .container { width: 100%; }
  .welfare .row { margin: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .c-wfare { font-size: 4.17vw; width: 49.2%; height: 19.2vw; margin: 0 0 1.3vw; }
  .c-wfare.capt { height: 6.5vw; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; }
  .house-comp { padding: 9vw 0 9.5vw; }
  .house-comp.bg-triangle { padding-top: 16.94vw; }
  .house-comp .capt { font-size: 2.5vw; text-align: center; width: 100%; margin-left: 1.25vw; }
  .footer { padding: 0 0 23vw; margin-bottom: calc(12vw + 10px); background-color: #e8edec; }
  .footer .container { width: 100%; }
  .footer .icon-top { max-width: 124px; width: 16.2vw; }
  .footer .ft-caption { font-size: 5.2vw; width: 100%; height: 19vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 0; margin-bottom: 22vw; } }

@media only screen and (max-width: 575px) { .header .hd-list > li { width: calc(100% / 2 - 0.2rem); }
  .header .hd-list > li { height: 190px; padding: 2vw; }
  .apply-btn > img { max-width: 9.5vw; }
  .c-point { margin-bottom: 14vw; }
  .recruitment.bg-triangle { padding-top: 48vw; }
  .bg-triangle::before, .bg-triangle::after { top: -1px; }
  .house-comp.bg-triangle { padding-top: 48vw; } }

@media only screen and (max-width: 479px) { .apply-capt { font-size: 2.7vw; } }

@media only screen and (max-width: 420px) { .header .hd-list > li { height: 175px; }
  .header.active .hd-button { top: 8vw; }
  .treatment { padding-top: 25vw; }
  .c-loca .txt-3, .c-recruit .txt-2, .c-recruit .list, .house-comp .capt { font-size: 3vw; }
  .header .hd-icon { max-width: 65px; margin-bottom: 2vw; } }

@media only screen and (max-width: 375px) { .header .hd-button { -webkit-transform: scale(0.8); transform: scale(0.8); }
  .header .hd-list > li { height: 150px; }
  c-loca .txt-3, .c-recruit .txt-2, .c-recruit .list, .house-comp .capt { font-size: 3.2vw; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .car-run #way { background-image: url(../images/way.png); }
  .deco::after { width: 200px; height: 200px; top: 0; left: 0; background-color: #104097; -webkit-transform: rotate(-45deg) translate(10px, -175px); transform: rotate(-45deg) translate(10px, -175px); } }


.pankuzu {
  position: absolute;
  top: 30px;
  left: 6%;
  color: #fff;
  z-index: 10;
  font-size: 14px;
  padding: 10px 15px;
  border-radius: 3px;
  background-color: #333;
}
.pankuzu a {
  text-decoration: none;
  position: relative;
  display: inline-block;
  margin-right: 30px;
  color: #fff;
}
.pankuzu a::before {
  content: '>';
  position: absolute;
  right: -20px;
  top: 0;
}
.pankuzu a:last-child {
  margin-right: 0;
}
.pankuzu a:last-child::before {
  content: '';
}


@media screen and (max-width: 576px){
  .pankuzu {
    top: 20px;
    left: 4%;
    color: #fff;
    z-index: 10;
    font-size: 13px;
  }
}