@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Lato");
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
.inner { width: 100%; max-width: 960px; padding: 0 20px; margin: 0 auto; }
@media (max-width: 959px) { .inner { width: 85%; 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; } }

@media (max-width: 959px) { body { padding: 0; margin-top: 20vw; } }

.TopImage img { width: 100%; border-radius: 0 0 40px 40px; }
@media (max-width: 959px) { .TopImage img { border-radius: 0 0 5vw 5vw; } }

.TopNews { margin-top: 110px; }
@media (max-width: 959px) { .TopNews { margin-top: 9.5vw; } }
.TopNews .inner { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; }
@media (max-width: 959px) { .TopNews .inner { -webkit-flex-direction: column; flex-direction: column; } }
.TopNews .inner > div { flex: 1; display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; }
@media (max-width: 959px) { .TopNews .inner > div { width: 100%; } }
.TopNews h2 { padding: 5px 45px; margin-right: 20px; color: #545454; font-size: 14px; font-weight: 700; line-height: 2.2em; font-family: Noto Sans JP; border-left: 1px solid #545454; border-right: 1px solid #545454; }
@media (max-width: 959px) { .TopNews h2 { width: 100%; padding: 0; margin-right: 0; font-size: 3.4vw; line-height: 100%; border: none; } }
.TopNews h2 i { display: block; margin-top: 0.5em; font-size: 14px; font-weight: 700; line-height: 100%; font-family: Poppins; }
@media (max-width: 959px) { .TopNews h2 i { margin-top: 0.5em; font-size: 3.4vw; } }
.TopNews img { width: 55px; }
@media (max-width: 959px) { .TopNews img { width: 16vw; } }
.TopNews .Contents { position: relative; display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; width: 67%; height: 80px; margin-left: 15px; padding-left: 9.5%; border-radius: 9999px; background: #F1F1F1CC; }
@media (max-width: 959px) { .TopNews .Contents { width: 100%; height: 25vw; margin-left: 15px; padding: 0 0 0 8%; border-radius: 5vw; } }
.TopNews .Contents:after { content: ""; position: absolute; top: 50%; left: 0; border-style: solid; border-width: 10px 20px 10px 0; border-color: transparent #f1f1f1 transparent transparent; translate: -100% -50%; }
@media (max-width: 959px) { .TopNews .Contents:after { display: none; } }
.TopNews .Contents .swiper-News { overflow: hidden; width: 100%; height: 2.5em; }
@media (max-width: 959px) { .TopNews .Contents .swiper-News { height: 3.5em; } }
.TopNews .Contents .swiper-News li { display: -webkit-flex; display: flex; margin: 0; padding: 0.5em 0; }
@media (max-width: 959px) { .TopNews .Contents .swiper-News li { -webkit-flex-direction: column; flex-direction: column; } }
.TopNews .Contents .swiper-News i, .TopNews .Contents .swiper-News p { color: #545454; font-size: 14px; font-weight: 500; }
@media (max-width: 959px) { .TopNews .Contents .swiper-News i, .TopNews .Contents .swiper-News p { font-size: 3vw; } }
.TopNews .Contents .swiper-News i { width: 8.5em; }
@media (max-width: 959px) { .TopNews .Contents .swiper-News i { display: block; width: 100%; } }
.TopNews .Contents .swiper-News p { margin: 0; }
.TopNews .Contents .swiper-navWrap { width: 12px; height: 100%; padding-top: 3%; margin-right: 8%; }
@media (max-width: 959px) { .TopNews .Contents .swiper-navWrap { padding-top: 4.5vw; } }
.TopNews .Contents .swiper-news-prev, .TopNews .Contents .swiper-news-next { cursor: pointer; width: 12px; height: 12px; }
@media (max-width: 959px) { .TopNews .Contents .swiper-news-prev, .TopNews .Contents .swiper-news-next { width: 2.8vw; height: 2.8vw; } }
.TopNews .Contents .swiper-news-prev { background: url(../img/index/prev.png) no-repeat center center/100% auto; }
.TopNews .Contents .swiper-news-next { margin-top: 29px; background: url(../img/index/next.png) no-repeat center center/100% auto; }
@media (max-width: 959px) { .TopNews .Contents .swiper-news-next { margin-top: 10vw; } }

h2.Title { color: #545454; font-size: 42px; font-weight: 500; line-height: 100%; font-family: Poppins; }
@media (max-width: 959px) { h2.Title { font-size: 7vw; } }
h2.Title i { display: block; margin-top: 0.45em; font-size: 0.4em; line-height: 100%; font-family: Noto Sans JP; }
@media (max-width: 959px) { h2.Title i { margin-top: 0.8em; font-size: 0.5em; } }

.PicUp { margin-top: 105px; }
@media (max-width: 959px) { .PicUp { overflow: hidden; margin-top: 18vw; } }
.PicUp .swiper-container3 { margin-top: 50px; }
@media (max-width: 959px) { .PicUp .swiper-container3 { margin-top: 8vw; } }
.PicUp img { border-radius: 30px; }
@media (max-width: 959px) { .PicUp img { border-radius: 5vw; } }

.NewItem { width: 1030px; margin: 195px auto 0 auto; }
@media (max-width: 959px) { .NewItem { width: 100%; margin: 18vw auto 0 auto; } }
.NewItem .inner { position: relative; }
.NewItem .Thumbnail img { width: 100%; border-radius: 20px; }
@media (max-width: 959px) { .NewItem .Thumbnail img { border-radius: 5vw; } }
.NewItem .Cat { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 5px; }
@media (max-width: 959px) { .NewItem .Cat { margin-top: 1.8vw; } }
.NewItem .Cat a:link, .NewItem .Cat a:visited { min-width: 120px; padding: 0.55em 0.9em 0.65em 0.9em; color: #fff; font-size: 13px; font-weight: 400; line-height: 100%; text-align: center; background: #bbb; border-radius: 9999px; }
@media (max-width: 959px) { .NewItem .Cat a:link, .NewItem .Cat a:visited { min-width: 8em; padding: 0.45em 0.9em 0.5em 0.9em; font-size: 3.3vw; } }
.NewItem .Cat a:hover { opacity: 0.7; }
.NewItem .Cat p { margin-right: 1em; font-size: 15px; font-weight: 500; line-height: 100%; }
@media (max-width: 959px) { .NewItem .Cat p { margin-right: 1em; font-size: 3.4vw; } }
@media (max-width: 959px) { .NewItem h3 { margin-top: 1vw; } }
.NewItem h3 a:link, .NewItem h3 a:visited { color: #545454; font-size: 15px; font-weight: 500; line-height: 26px; }
@media (max-width: 959px) { .NewItem h3 a:link, .NewItem h3 a:visited { font-size: 3.4vw; line-height: 1.8em; } }
.NewItem h3 a:link:hover, .NewItem h3 a:visited:hover { opacity: 0.7; }
.NewItem .swiper-container { margin-top: 40px; }
@media (max-width: 959px) { .NewItem .swiper-container { width: 90%; margin: 8vw auto 0 auto; } }
.NewItem .swiper-slide { height: auto; padding: 20px 20px 40px 20px; background: #f6f6f6; border-radius: 20px; }
@media (max-width: 959px) { .NewItem .swiper-slide { padding: 6vw 6vw 6vw 6vw; border-radius: 5vw; } }
.NewItem .swiper-navWrap { position: absolute; top: 50%; left: -65px; width: 1090px; height: 30px; }
@media (max-width: 959px) { .NewItem .swiper-navWrap { left: -4vw; width: 110%; } }
.NewItem .swiper-button-prev, .NewItem .swiper-button-next { width: 30px; height: 30px; }
@media (max-width: 959px) { .NewItem .swiper-button-prev, .NewItem .swiper-button-next { width: 10vw; height: 10vw; background: #FFF; border-radius: 50%; border: 1px solid #545454; } }
.NewItem .swiper-button-prev { background: url(../img/index/prev2.png) no-repeat center center/auto 100%; }
@media (max-width: 959px) { .NewItem .swiper-button-prev { background: #fff url(../img/index/prev2.png) no-repeat center center/auto 4vw; } }
.NewItem .swiper-button-next { background: url(../img/index/next2.png) no-repeat center center/auto 100%; }
@media (max-width: 959px) { .NewItem .swiper-button-next { background: #fff url(../img/index/next2.png) no-repeat center center/auto 4vw; } }
.NewItem .Btn { margin: 3.5em auto 6em auto; color: #545454; background: #fff; }
@media (max-width: 959px) { .NewItem .Btn { margin: 3em auto 5em auto; } }
.NewItem .Btn:hover { color: #fff; background: #545454; }
.NewItem .Btn:after { width: 11px; height: 13px; }

.Category { position: relative; z-index: 10; padding: 105px 0 50px 0; background: #F1F1F1; border-radius: 30px; }
@media (max-width: 959px) { .Category { padding: 16vw 0 18vw 0; border-radius: 5vw; } }
.Category .inner { width: 1030px; margin: 0 auto; }
@media (max-width: 959px) { .Category .inner { width: 85%; } }
.Category ul { display: -webkit-flex; display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; width: 90%; margin: 100px auto 130px auto; column-gap: 20px; }
@media (max-width: 959px) { .Category ul { width: 100%; margin: 11vw auto 5vw auto; column-gap: 0; } }
@media (max-width: 959px) { .Category ul:after { content: ""; display: block; width: 33%; } }
.Category ul li { width: 15.5%; margin-bottom: 20px; text-align: center; }
@media (max-width: 959px) { .Category ul li { width: 33%; margin-bottom: 7vw; } }
.Category ul .Thumbnail { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 142px; height: 142px; padding: 42px; border-radius: 9999px; background: #fff; }
@media (max-width: 959px) { .Category ul .Thumbnail { width: 21vw; height: 21vw; padding: 5.5vw; margin: 0 auto; } }
.Category ul .Thumbnail img { width: 100%; height: auto; }
.Category ul h3 { margin-top: 20px; font-size: 12px; font-weight: 500; -webkit-transition: all .3s; transition: all .3s; }
@media (max-width: 959px) { .Category ul h3 { margin-top: 15px; font-size: 3.2vw; } }
.Category ul a:hover h3 { opacity: 0.7; }
.Category .Btn { color: #fff; }
@media (max-width: 959px) { .Category .Btn { margin: 0 auto; } }
.Category .Btn:hover { color: #545454; }

.About { margin-top: -30px; padding: 270px 0 0 0; background: url(../img/index/back/index_back_pc.png) no-repeat top center/100% auto; }
@media (max-width: 959px) { .About { margin-top: -30px; padding: 270px 0 0 0; background: url(../img/index/back/index_back_sp.png) no-repeat top center/100% auto; } }
.About .Wrap { padding: 140px 0 130px 0; background: #fff; border-radius: 30px 30px 0 0; }
@media (max-width: 959px) { .About .Wrap { padding: 140px 0 130px 0; border-radius: 0; } }
@media (max-width: 959px) { .About .inner { width: 100%; margin: 0; padding: 0 0 0 7.5%; } }
.About dl.Contents { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-left: calc(50% - 50vw); }
@media (max-width: 959px) { .About dl.Contents { -webkit-flex-direction: column; flex-direction: column; margin-left: 0; } }
.About dl.Contents dt { flex: 1; overflow: hidden; margin: 0; padding: 0; }
@media (max-width: 959px) { .About dl.Contents dt { display: none; } }
.About dl.Contents dt > img { width: 100%; height: auto; border-radius: 0 50px 50px 0; }
.About dl.Contents dd { width: 550px; padding-left: 155px; }
@media (max-width: 959px) { .About dl.Contents dd { width: 100%; padding-left: 0; } }
.About dl.Contents dd > img { display: none; }
@media (max-width: 959px) { .About dl.Contents dd > img { display: block; width: 100%; height: auto; margin: 0 0 3vw 0; border-radius: 5vw 0 0 5vw; } }
.About h2 { margin-bottom: 1em; }
@media (max-width: 959px) { .About h2 { margin-bottom: 0.8em; } }
.About a:link, .About a:visited { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; padding: 0.95em 1em 0.95em 0; color: #545454; font-size: 16px; font-weight: 500; line-height: 100%; border-bottom: 1px solid #545454; }
@media (max-width: 959px) { .About a:link, .About a:visited { width: 94%; padding: 1.2em 1em 0.95em 0; font-size: 3.8vw; } }
.About a:link:hover, .About a:visited:hover { opacity: 0.7; }
.About a:link + a, .About a:visited + a { margin-top: 0.5em; }
@media (max-width: 959px) { .About a:link + a, .About a:visited + a { margin-top: 0; } }
.About a:link:after, .About a:visited:after { content: "＞"; color: #545454; font-weight: 250; font-family: Poppins; }

.Recruit { margin-bottom: 80px; }
@media (max-width: 959px) { .Recruit { margin-bottom: 14vw; } }
.Recruit .inner { width: 1030px; }
@media (max-width: 959px) { .Recruit .inner { width: 100%; margin: 0; padding: 0 0 0 7.5%; } }
.Recruit dl.Contents { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-right: calc(50% - 50vw); }
@media (max-width: 959px) { .Recruit dl.Contents { -webkit-flex-direction: column; flex-direction: column; margin: 0; } }
.Recruit dl.Contents + dl { margin-top: 120px; }
@media (max-width: 959px) { .Recruit dl.Contents + dl { margin-top: 21vw; } }
.Recruit dl.Contents dt { width: 450px; }
@media (max-width: 959px) { .Recruit dl.Contents dt { width: 100%; } }
.Recruit dl.Contents dt > img { display: none; }
@media (max-width: 959px) { .Recruit dl.Contents dt > img { display: block; width: 100%; margin-top: 5vw; border-radius: 5vw 0 0 5vw; } }
.Recruit dl.Contents dd { flex: 1; overflow: hidden; margin: 0; padding: 0; }
@media (max-width: 959px) { .Recruit dl.Contents dd { width: 100%; } }
.Recruit dl.Contents dd > img { width: 100%; height: auto; border-radius: 30px 0 0 30px; }
@media (max-width: 959px) { .Recruit dl.Contents dd > img { display: none; } }
.Recruit dl.Contents .swiper-container2 { display: none; }
@media (max-width: 959px) { .Recruit dl.Contents .swiper-container2 { display: block; width: 94%; padding-right: 0; margin-top: 6vw; } }
.Recruit dl.Contents ul.PC_Contents { margin-top: 40px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
@media (max-width: 959px) { .Recruit dl.Contents ul.PC_Contents { display: none; } }
.Recruit dl.Contents ul.PC_Contents li { width: 30%; }
.Recruit dl.Contents .PC_Contents img, .Recruit dl.Contents .swiper-slide img { width: 100%; object-fit: cover; aspect-ratio: 5 / 3; border-radius: 8px; }
@media (max-width: 959px) { .Recruit dl.Contents .PC_Contents img, .Recruit dl.Contents .swiper-slide img { aspect-ratio: 5 / 2.6; } }
.Recruit dl.Contents .PC_Contents i, .Recruit dl.Contents .swiper-slide i { display: inline-block; margin: 1em 0 0.9em 0; padding-bottom: 0.1em; font-size: 13px; font-weight: 500; line-height: 100%; border-bottom: 1px solid #474747; -webkit-transition: all .3s; transition: all .3s; }
@media (max-width: 959px) { .Recruit dl.Contents .PC_Contents i, .Recruit dl.Contents .swiper-slide i { margin: 1.3em 0 0.4em 0; padding-bottom: 0.1em; font-size: 3vw; } }
.Recruit dl.Contents .PC_Contents a:hover i, .Recruit dl.Contents .swiper-slide a:hover i { opacity: 0.7; }
.Recruit dl.Contents .PC_Contents h4, .Recruit dl.Contents .swiper-slide h4 { font-size: 18px; font-weight: 500; -webkit-transition: all .3s; transition: all .3s; }
@media (max-width: 959px) { .Recruit dl.Contents .PC_Contents h4, .Recruit dl.Contents .swiper-slide h4 { font-size: 3.8vw; } }
.Recruit dl.Contents .PC_Contents a:hover h4, .Recruit dl.Contents .swiper-slide a:hover h4 { opacity: 0.7; }
.Recruit .Link { width: 100%; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
@media (max-width: 959px) { .Recruit .Link { width: 94%; } }
.Recruit h3 { margin-top: 1.8em; color: #545454; font-size: 28px; font-weight: 500; line-height: 50px; }
@media (max-width: 959px) { .Recruit h3 { margin-top: 1.3em; font-size: 5.5vw; line-height: 1.8em; } }
.Recruit .Contents + dl h3 { margin-top: 0; line-height: 100%; }
.Recruit p { margin-top: 2.5em; color: #545454; font-size: 16px; font-weight: 500; line-height: 26px; }
@media (max-width: 959px) { .Recruit p { width: 95%; margin-top: 1.1em; font-size: 3.5vw; line-height: 1.8em; } }
.Recruit .Btn { margin: 3.5em 0 0 0; color: #fff; }
@media (max-width: 959px) { .Recruit .Btn { margin: 2.6em 0 0 0; } }
.Recruit .Btn:hover { color: #545454; }
.Recruit h3 + a { display: inline-block; padding-bottom: 2px; border-bottom: 1px solid #202020; }
@media (max-width: 959px) { .Recruit h3 + a { margin-top: 0; } }
.Recruit h3 + a:hover { opacity: 0.7; }
@media (max-width: 959px) { .Recruit .Contents + .Contents { position: relative; overflow: visible; } }
.Recruit .Contents + .Contents dt { width: 100%; max-width: 920px; }
.Recruit .swiper-navWrap { display: none; }
@media (max-width: 959px) { .Recruit .swiper-navWrap { display: -webkit-flex; display: flex; width: 100%; height: 9.5vw; margin-top: 0; } }
@media (max-width: 959px) { .Recruit .Link + .swiper-navWrap { display: none; } }
.Recruit .swiper-container2 + .swiper-navWrap { display: none; }
@media (max-width: 959px) { .Recruit .swiper-container2 + .swiper-navWrap { position: absolute; top: 42%; left: -2.5vw; z-index: 10; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; } }
.Recruit .swiper-recruit-next, .Recruit .swiper-recruit-prev { cursor: pointer; display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 40px; height: 40px; margin-right: 20px; background: #fff; border-radius: 50%; border: 1px solid #606060; -webkit-transition: all .3s; transition: all .3s; }
@media (max-width: 959px) { .Recruit .swiper-recruit-next, .Recruit .swiper-recruit-prev { width: 9.5vw; height: 9.5vw; margin-right: 0; } }
.Recruit .swiper-recruit-next:hover, .Recruit .swiper-recruit-prev:hover { background: #606060; }
.Recruit .swiper-recruit-next:before { content: "＞"; display: block; width: 1em; height: 1em; color: #545454; font-weight: 250; line-height: 100%; }
@media (max-width: 959px) { .Recruit .swiper-recruit-next:before { font-weight: 700; } }
.Recruit .swiper-recruit-next:hover:before { color: #fff; }
.Recruit .swiper-recruit-prev:before { content: "＜"; display: block; width: 1em; height: 1em; color: #545454; font-weight: 250; line-height: 100%; }
@media (max-width: 959px) { .Recruit .swiper-recruit-prev:before { font-weight: 700; } }
.Recruit .swiper-recruit-prev:hover:before { color: #fff; }