@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;500;700&display=swap");
.inner { width: 100%; max-width: 1040px; padding: 0 20px; margin: 0 auto; }
@media (max-width: 959px) { .inner { max-width: 88%; padding: 0; } }

.inner_w { width: 100%; max-width: 1140px; margin: 0 auto; padding: 0 20px; }
@media (max-width: 959px) { .inner_w { max-width: 88%; padding: 0; } }

.inner_s { width: 100%; max-width: 970px; margin: 0 auto; padding: 0 20px; }
@media (max-width: 959px) { .inner_s { max-width: 88%; padding: 0; } }

.inner_ss { width: 100%; max-width: 800px; margin: 0 auto; padding: 0 20px; }
@media (max-width: 959px) { .inner_ss { max-width: 88%; padding: 0; } }

body { position: relative; background: url(../img/back/back01.png) no-repeat top left/29% auto; }
@media (max-width: 959px) { body { position: relative; background: url(../img/back/back01.png) no-repeat top 72vw left -15vw/85% auto; } }
@media (max-width: 959px) { body:before { content: ""; position: absolute; top: 0; right: 0; display: block; width: 100%; height: 100%; background: url(../img/back/back01.png) no-repeat top -10vw right -41vw/81% auto; } }

.MainImageBox { padding: 0 0 80px 0; background: url(../img/back/back07.png) no-repeat bottom right/27% auto; }
@media (max-width: 959px) { .MainImageBox { padding: 0; background: none; } }

.MainImage { position: relative; width: 1320px; height: 685px; padding: 40px 0 0 120px; margin: 70px auto 0 auto; }
@media (max-width: 959px) { .MainImage { width: 100%; height: 186vw; padding: 80vw 5% 0 5%; margin: 19vw auto 0 auto; background: url(../img/back/back07.png) no-repeat right -5vw bottom -1.8em/68% auto; } }
.MainImage h2, .MainImage h2 span { display: flex; overflow: hidden; }
.MainImage h2 p, .MainImage h2 span p { display: inline; margin: 0; transform: translateY(2em); animation: textanimation 1s forwards; }
.MainImage h2 p.b, .MainImage h2 span p.b { color: #0022CC; }
.MainImage h2 p:nth-child(1), .MainImage h2 span p:nth-child(1) { animation-delay: 0.1s; }
.MainImage h2 p:nth-child(2), .MainImage h2 span p:nth-child(2) { animation-delay: 0.2s; }
.MainImage h2 p:nth-child(3), .MainImage h2 span p:nth-child(3) { animation-delay: 0.3s; }
.MainImage h2 p:nth-child(4), .MainImage h2 span p:nth-child(4) { animation-delay: 0.4s; }
.MainImage h2 p:nth-child(5), .MainImage h2 span p:nth-child(5) { animation-delay: 0.5s; }
.MainImage h2 p:nth-child(6), .MainImage h2 span p:nth-child(6) { animation-delay: 0.6s; }
.MainImage h2 p:nth-child(7), .MainImage h2 span p:nth-child(7) { animation-delay: 0.7s; }
.MainImage h2 p:nth-child(8), .MainImage h2 span p:nth-child(8) { animation-delay: 0.8s; }
.MainImage h2 p:nth-child(9), .MainImage h2 span p:nth-child(9) { animation-delay: 0.9s; }
.MainImage h2 p:nth-child(10), .MainImage h2 span p:nth-child(10) { animation-delay: 1s; }
.MainImage h2 p:nth-child(11), .MainImage h2 span p:nth-child(11) { animation-delay: 1.1s; }
.MainImage h2 p:nth-child(12), .MainImage h2 span p:nth-child(12) { animation-delay: 1.2s; }
.MainImage h2 p:nth-child(13), .MainImage h2 span p:nth-child(13) { animation-delay: 1.3s; }
.MainImage h2 p:nth-child(14), .MainImage h2 span p:nth-child(14) { animation-delay: 1.4s; }
.MainImage h2 p:nth-child(15), .MainImage h2 span p:nth-child(15) { animation-delay: 1.5s; }
.MainImage h2 p:nth-child(16), .MainImage h2 span p:nth-child(16) { animation-delay: 1.6s; }
@keyframes textanimation { 0% { transform: translateY(2em); }
  100% { transform: translateY(0); } }
.MainImage h2.PC { font-size: 50px; font-weight: 700; line-height: 80px; font-family: Noto Sans JP; }
@media (max-width: 959px) { .MainImage h2.PC { display: none; } }
.MainImage h2.SP { display: none; }
@media (max-width: 959px) { .MainImage h2.SP { display: inline-block; margin-top: 6vw; padding: 0 0.8em; font-size: 7.3vw; font-weight: 700; line-height: 1.8em; font-family: Noto Sans JP; background: #fff; } }
.MainImage h2.SP + h2.SP { margin-top: 2vw; }
.MainImage h2 + p { display: inline-block; margin-top: 25px; font-size: 24px; font-weight: 700; line-height: 46px; font-family: Noto Sans JP; background: radial-gradient(50% 50% at 50% 50%, #2BF1FF 0%, #0073FF 100%); color: transparent; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; }
@media (max-width: 959px) { .MainImage h2 + p { padding: 0 0 0 6vw; margin: 5vw 0 0 0; font-size: 4vw; line-height: 2.2em; background: linear-gradient(140deg, #3fd0dc 25%, #0295e9 35%, #3f67dc 100%); color: transparent; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; } }
.MainImage .Img01 { position: absolute; top: 15px; right: 165px; width: 352px; }
@media (max-width: 959px) { .MainImage .Img01 { top: 0; right: 34vw; width: 40vw; } }
.MainImage .Img02 { position: absolute; top: 268px; right: 348px; width: 452px; }
@media (max-width: 959px) { .MainImage .Img02 { top: 43vw; right: auto; left: 7%; width: 54vw; } }
.MainImage .Img03 { position: absolute; top: 200px; right: 0; width: 280px; }
@media (max-width: 959px) { .MainImage .Img03 { right: 5%; top: 22vw; width: 32vw; } }
.MainImage .scroll_down { position: relative; height: 228px; margin-top: 135px; }
@media (max-width: 959px) { .MainImage .scroll_down { height: 30vw; margin: 4vw 0 0 6vw; } }
.MainImage .scroll_down:before { content: ""; z-index: 10; position: absolute; bottom: 0; left: 10px; width: 30px; height: 30px; border-radius: 50%; background: #0073FF; animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite; }
@media (max-width: 959px) { .MainImage .scroll_down:before { left: 1vw; width: 6vw; height: 6vw; animation: circlemove2 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite; } }
@keyframes circlemove { 0% { bottom: 160px; }
  100% { bottom: 0px; } }
@keyframes circlemove2 { 0% { bottom: 15vw; }
  100% { bottom: 0px; } }
@keyframes cirlemovehide { 0% { opacity: 0; }
  20% { opacity: 1; }
  90% { opacity: 0.9; }
  100% { opacity: 0; } }
.MainImage .scroll_down:after { content: ""; position: absolute; bottom: 0; left: 25px; width: 1px; height: 190px; background: #202020; }
@media (max-width: 959px) { .MainImage .scroll_down:after { left: 4vw; height: 22vw; } }
.MainImage .scroll_down span { font-size: 16px; font-weight: 400; font-family: Noto Sans JP; }
@media (max-width: 959px) { .MainImage .scroll_down span { font-size: 3vw; } }

.Provide { padding: 120px 0; background: #F6FBFF; }
@media (max-width: 959px) { .Provide { padding: 12vw 0 14vw 0; } }
.Provide .Contents { width: 780px; margin: 0 auto; }
@media (max-width: 959px) { .Provide .Contents { width: 85%; } }
.Provide .Contents h2 { font-size: 30px; font-weight: 700; line-height: 60px; font-family: Noto Sans JP; }
@media (max-width: 959px) { .Provide .Contents h2 { font-size: 6vw; line-height: 2.2em; text-align: center; } }
.Provide .Contents p { margin: 40px 0 0 0; font-size: 19px; font-weight: 500; line-height: 42px; font-family: Noto Sans JP; }
@media (max-width: 959px) { .Provide .Contents p { margin: 3vw 0 0 0; font-size: 3.5vw; line-height: 2em; text-align: center; } }
.Provide ul.Photo { display: -webkit-flex; display: flex; max-width: 1180px; margin: 75px auto 60px auto; }
@media (max-width: 959px) { .Provide ul.Photo { display: none; } }
.Provide ul.Photo img { width: 300px; border-radius: 30px; box-shadow: 0px 4px 5px 0px #C1C1C140; }
.Provide ul.Photo li:nth-child(1) { margin-top: 10px; transform-origin: top right; transform: rotate(-15deg); }
.Provide ul.Photo li:nth-child(3) { margin-top: 10px; transform-origin: top left; transform: rotate(15deg); }
.Provide ul.Photo li + li { margin-left: 150px; }
.Provide .block { display: none; overflow: hidden; width: 100%; height: 82vw; margin: 6vw auto 0 auto; opacity: 0; transition: all 1.5s 1s; }
@media (max-width: 959px) { .Provide .block { display: block; } }
.Provide .block.active { opacity: 1; }
.Provide .block .slider { overflow: hidden; }
.Provide .block .slider img { width: 48vw; border-radius: 30px; box-shadow: 0px 10px 11px 0px #C1C1C140; }
.Provide .block .slider li { margin: 0 12vw; transition: all 0.4s; }
.Provide .block .slider li.left { margin-top: 10px; transform-origin: top right; transform: rotate(-15deg); }
.Provide .block .slider li.left2 { margin-top: 100px; margin-right: 100px; transform-origin: top right; transform: rotate(-20deg); }
@media (max-width: 959px) { .Provide .block .slider li.left2 { margin-right: 10vw; } }
.Provide .block .slider li.right { margin-top: 10px; transform-origin: top left; transform: rotate(15deg); }
.Provide .block .slider li.right2 { margin-top: 100px; margin-left: 100px; transform-origin: top left; transform: rotate(20deg); }
@media (max-width: 959px) { .Provide .block .slider li.right2 { margin-left: 10vw; } }

.Quality-sp { display: none; }
@media (max-width: 959px) { .Quality-sp { display: block; width: 85%; margin: 10vw auto 12vw auto; } }
.Quality-sp h2 { font-size: 5.2vw; font-weight: 700; line-height: 2em; letter-spacing: 0.5px; font-family: Noto Sans JP; }

.Quality { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-box-align: start; align-items: flex-start; width: 950px; margin: 135px auto 120px auto; }
@media (max-width: 959px) { .Quality { width: 100%; margin: 0 auto; padding: 0 7.5%; background: url(../img/back/back03.png) no-repeat left -18vw bottom 7vw/63% auto; } }
.Quality .Msg { width: 20px; margin-right: 95px; text-align: center; }
@media (max-width: 959px) { .Quality .Msg { width: 1em; margin-right: 6.5vw; } }
.Quality .Msg span { color: #0073FF; font-size: 15px; font-weight: 700; line-height: 100%; vertical-align: text-top; font-family: Noto Sans JP; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }
@media (max-width: 959px) { .Quality .Msg span { font-size: 3.5vw; } }
.Quality .Msg:after { content: ""; display: block; width: 1px; height: 220px; margin: 30px auto 0 auto; background: #0073FF; }
@media (max-width: 959px) { .Quality .Msg:after { height: 22vw; margin: 7vw auto 0 auto; } }
.Quality .Contents { position: relative; }
.Quality .Contents h2 { font-size: 23px; font-weight: 700; line-height: 60px; letter-spacing: 0.5px; font-family: Noto Sans JP; }
@media (max-width: 959px) { .Quality .Contents h2 { display: none; } }
.Quality .Contents h3 { margin: 40px 0 40px 0; font-size: 18px; font-weight: 500; line-height: 42px; letter-spacing: 0.5px; font-family: Noto Sans JP; }
@media (max-width: 959px) { .Quality .Contents h3 { margin: 0 0 1.5em 0; font-size: 4vw; line-height: 1.8em; } }
.Quality .Contents p { font-size: 16px; font-weight: 500; line-height: 36px; font-family: Noto Sans JP; }
@media (max-width: 959px) { .Quality .Contents p { margin: 2.5vw 0 0 0; font-size: 3.4vw; line-height: 1.9em; letter-spacing: 0.4px; } }
.Quality .Contents .Img01 { position: absolute; right: 80px; bottom: 210px; width: 56px; }
@media (max-width: 959px) { .Quality .Contents .Img01 { right: 2vw; bottom: 33vw; width: 11.5vw; } }
.Quality .Contents .Img02 { position: absolute; right: 155px; bottom: 70px; width: 90px; }
@media (max-width: 959px) { .Quality .Contents .Img02 { right: 22vw; bottom: 22vw; width: 17vw; } }
.Quality .Contents .Btn1 { position: relative; display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 260px; height: 52px; margin-top: 58px; color: #fff; font-size: 14px; font-weight: 400; border-radius: 9999px; border: 2px solid #FFF; box-shadow: 5px 5px 9.1px 0px #C7C7C7; background: linear-gradient(90deg, #4498FF 0%, #0022CC 100%); }
@media (max-width: 959px) { .Quality .Contents .Btn1 { width: 90%; height: 15vw; margin: 38vw auto 0 auto; font-size: 3.8vw; border: 0.6vw solid #FFF; border-bottom: 0.9vw solid #FFF; border-top: none; } }
.Quality .Contents .Btn1:hover, .Quality .Contents .Btn2:hover { transform: translateY(-2px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.3); }

.OurService { background: url(../img/index/bg.jpg) no-repeat top center/100% auto; background-attachment: fixed; border-top: 1px solid #fff; }
@media (max-width: 959px) { .OurService { background: none; } }
.OurService .Contents { padding: 7vw 0 110px 0; margin: 30vw 0 0 0; background: #fff; }
@media (max-width: 959px) { .OurService .Contents { padding: 0 0 0 0; margin: 23vw 0 0 0; } }
.OurService .Contents h2 { font-size: 32px; font-weight: 700; line-height: 100%; text-align: center; font-family: Noto Sans JP; }
@media (max-width: 959px) { .OurService .Contents h2 { font-size: 5.4vw; text-align: center; } }
.OurService .Contents h2 i { display: block; margin-bottom: 1.1em; color: #0073FF; font-size: 15px; font-weight: 500; font-family: Noto Sans JP; }
@media (max-width: 959px) { .OurService .Contents h2 i { font-size: 3vw; margin-bottom: 0.8em; } }
.OurService .Contents .Box { position: relative; width: 955px; margin: 100px auto 87px auto; }
@media (max-width: 959px) { .OurService .Contents .Box { width: 85%; margin: 10vw auto 0 auto; } }
.OurService .Contents .Box img.Img { position: absolute; left: 0px; bottom: -65px; width: 84px; }
@media (max-width: 959px) { .OurService .Contents .Box img.Img { display: none; } }
.OurService .Contents ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
@media (max-width: 959px) { .OurService .Contents ul { -webkit-flex-direction: column; flex-direction: column; } }
.OurService .Contents ul li { width: 30%; padding-bottom: 33px; border: 24px solid #F0F0F0; }
@media (max-width: 959px) { .OurService .Contents ul li { width: 100%; padding-bottom: 5vw; margin-bottom: 4vw; border: 6vw solid #F0F0F0; } }
.OurService .Contents ul h3 { margin-top: -0.38em; color: #8F8F8F; font-size: 40px; font-weight: 700; line-height: 100%; text-align: center; font-family: Noto Sans JP; }
@media (max-width: 959px) { .OurService .Contents ul h3 { font-size: 12vw; margin-top: -0.28em; } }
.OurService .Contents ul img { display: block; width: 114px; margin: 40px auto 20px auto; }
@media (max-width: 959px) { .OurService .Contents ul img { width: 27.5vw; margin: 15vw auto 20px auto; } }
.OurService .Contents ul p { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; justify-content: center; height: 5em; font-size: 18px; font-weight: 700; line-height: 1.5em; text-align: center; font-family: Noto Sans JP; }
@media (max-width: 959px) { .OurService .Contents ul p { height: auto; margin: 8vw 0; font-size: 5vw; } }
.OurService .Contents .Btn1 { position: relative; z-index: 10; display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 260px; height: 56px; margin: 0 auto; color: #fff; font-size: 14px; font-weight: 400; border-radius: 9999px; border: 2px solid #FFF; box-shadow: 5px 5px 9.1px 0px #C7C7C7; background: linear-gradient(90deg, #4498FF 0%, #0022CC 100%); }
@media (max-width: 959px) { .OurService .Contents .Btn1 { width: 70%; height: 15vw; margin: 10vw auto 0 auto; font-size: 3.8vw; border: 0.6vw solid #FFF; border-bottom: 0.9vw solid #FFF; border-top: none; } }
.OurService .Contents .Btn1:hover, .OurService .Contents .Btn2:hover { transform: translateY(-2px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.3); }

.Overview { padding: 115px 0 150px 0; background: #F6F6F6; }
@media (max-width: 959px) { .Overview { margin-top: 20vw; padding: 14vw 0 15vw 0; } }
.Overview .Contents { position: relative; width: 1000px; margin: 0 auto; }
@media (max-width: 959px) { .Overview .Contents { position: static; width: 85%; } }
.Overview .Contents .Img { position: absolute; top: -60px; right: 100px; width: 130px; }
@media (max-width: 959px) { .Overview .Contents .Img { display: none; } }
.Overview .Contents .Img2 { display: none; }
@media (max-width: 959px) { .Overview .Contents .Img2 { display: block; position: absolute; top: -20vw; right: 3%; width: 30vw; } }
.Overview .Msg { display: none; width: 20px; margin-right: 95px; text-align: center; }
@media (max-width: 959px) { .Overview .Msg { display: block; width: 1em; margin-right: 6.5vw; } }
.Overview .Msg span { color: #0073FF; font-size: 15px; font-weight: 700; line-height: 100%; vertical-align: text-top; font-family: Noto Sans JP; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }
@media (max-width: 959px) { .Overview .Msg span { font-size: 3.5vw; } }
.Overview .Msg:after { content: ""; display: block; width: 1px; height: 220px; margin: 30px auto 0 auto; background: #0073FF; }
@media (max-width: 959px) { .Overview .Msg:after { height: 22vw; margin: 7vw auto 0 auto; } }
.Overview ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
@media (max-width: 959px) { .Overview ul { -webkit-flex-direction: column; flex-direction: column; } }
.Overview ul li { width: 430px; }
@media (max-width: 959px) { .Overview ul li { width: 100%; } }
.Overview ul li img { width: 100%; }
.Overview ul li + li { width: 480px; }
@media (max-width: 959px) { .Overview ul li + li { position: relative; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-box-align: start; align-items: flex-start; width: 100%; margin: 28vw 0 0 0; } }
.Overview h2 { margin-bottom: 33px; }
@media (max-width: 959px) { .Overview h2 { margin: 0 0 11vw 0; } }
.Overview h2 i { display: block; margin-bottom: 0.8em; color: #0073FF; font-size: 15px; font-weight: 500; font-family: Noto Sans JP; }
@media (max-width: 959px) { .Overview h2 i { display: none; font-size: 3vw; margin-bottom: 0.8em; } }
.Overview h2 p { font-size: 32px; font-weight: 700; line-height: 100%; font-family: Noto Sans JP; }
@media (max-width: 959px) { .Overview h2 p { font-size: 5.4vw; } }
.Overview h2 + p { font-size: 16px; font-weight: 500; line-height: 36px; font-family: Noto Sans JP; }
@media (max-width: 959px) { .Overview h2 + p { font-size: 3.4vw; line-height: 1.95em; } }
.Overview a:link, .Overview a:visited { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 260px; height: 56px; margin: 30px 0 0 0; color: #fff; font-size: 14px; font-weight: 400; border-radius: 9999px; border: 2px solid #FFF; box-shadow: 5px 5px 9.1px 0px #C7C7C7; background: linear-gradient(90deg, #4498FF 0%, #0022CC 100%); }
@media (max-width: 959px) { .Overview a:link, .Overview a:visited { margin: 11.5vw auto 0 0; width: 82%; height: 15vw; font-size: 3.8vw; border: 0.6vw solid #FFF; border-bottom: 0.9vw solid #FFF; border-top: none; } }
.Overview a:link:hover, .Overview a:visited:hover { transform: translateY(-2px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.3); }
@media (max-width: 959px) { .Overview li a:link, .Overview li a:visited { display: none; } }
.Overview ul + a:link, .Overview ul + a:visited { display: none; }
@media (max-width: 959px) { .Overview ul + a:link, .Overview ul + a:visited { display: -webkit-flex; display: flex; } }

.Recruit { padding: 53px 0 60px 0; background: #fff url(../img/index/top_recruit_pc.png) no-repeat right top/cover; }
@media (max-width: 959px) { .Recruit { padding: 17vw 0 72vw 0; background: #fff url(../img/index/top_recruit_sp.png) no-repeat right bottom/100% auto; } }
.Recruit .Contents { width: 1000px; margin: 0 auto; }
@media (max-width: 959px) { .Recruit .Contents { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-box-align: start; align-items: flex-start; width: 85%; } }
.Recruit .Msg { display: none; width: 20px; margin-right: 95px; text-align: center; }
@media (max-width: 959px) { .Recruit .Msg { display: block; width: 1em; margin-right: 6.5vw; } }
.Recruit .Msg span { color: #0073FF; font-size: 15px; font-weight: 700; line-height: 100%; vertical-align: text-top; font-family: Noto Sans JP; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }
@media (max-width: 959px) { .Recruit .Msg span { font-size: 3.5vw; } }
.Recruit .Msg:after { content: ""; display: block; width: 1px; height: 220px; margin: 30px auto 0 auto; background: #0073FF; }
@media (max-width: 959px) { .Recruit .Msg:after { height: 22vw; margin: 7vw auto 0 auto; } }
.Recruit h2 { margin-bottom: 38px; }
@media (max-width: 959px) { .Recruit h2 { margin-bottom: 3em; } }
.Recruit h2 i { display: block; margin-bottom: 0.8em; color: #0073FF; font-size: 15px; font-weight: 500; font-family: Noto Sans JP; }
@media (max-width: 959px) { .Recruit h2 i { display: none; font-size: 3vw; margin-bottom: 0.8em; } }
.Recruit h2 p { font-size: 32px; font-weight: 700; line-height: 100%; font-family: Noto Sans JP; }
@media (max-width: 959px) { .Recruit h2 p { font-size: 5.4vw; } }
.Recruit h2 + p { font-size: 16px; font-weight: 500; line-height: 36px; font-family: Noto Sans JP; }
@media (max-width: 959px) { .Recruit h2 + p { font-size: 3.4vw; line-height: 1.95em; } }
.Recruit .Btn1 { position: relative; z-index: 10; display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 260px; height: 56px; margin: 37px 0 0 0; color: #fff; font-size: 14px; font-weight: 400; border-radius: 9999px; border: 2px solid #FFF; box-shadow: 5px 5px 9.1px 0px #C7C7C7; background: linear-gradient(90deg, #4498FF 0%, #0022CC 100%); }
@media (max-width: 959px) { .Recruit .Btn1 { width: 90%; height: 15vw; margin: 11vw 0 0 0; font-size: 3.8vw; border: 0.6vw solid #FFF; border-bottom: 0.9vw solid #FFF; border-top: none; } }
.Recruit .Btn1:hover { transform: translateY(-2px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.3); }