@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;700&family=Roboto:wght@300;400;700&Hind:wght@500;700&display=swap");
html.inner-page {
  scroll-behavior: smooth;
  overflow: auto;
}

html.inner-page body, html.inner-page input, html.inner-page textarea {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6, div, dl, dt, dd, p, a, table, tr, td, address, img,
header ul, footer ul {
  margin: 0px;
  padding: 0px;
  line-height: 1.5em;
  text-align: left;
  font-style: normal;
  list-style: none outside;
}

h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, div *, dl *, dt *, dd *, p *, a *, table *, tr *, td *, address *, img *,
header ul *, footer ul * {
  box-sizing: initial;
}

.header .l_inner {
  padding-left: 0;
  padding-right: 0;
}

@media screen and (max-width: 767px) {
  .header .l_inner {
    padding-left: var(--size-40);
    padding-right: var(--size-40);
  }
}
main {
  padding: 0;
}

main section h1, main section h2, main section h3, main section h4, main section h5, main section h6, main section div, main section dl, main section dt, main section dd, main section p, main section a, main section table, main section tr, main section td, main section address, main section img, main section header ul, main section footer ul {
  box-sizing: border-box;
}

/*--------------------------------------------
お問合せ・アクセス
--------------------------------------------*/
main section#inquiry h3#access {
  margin-top: -60px;
  padding: 90px 0 50px 0;
}

main section#inquiry {
  background: #FFFECC;
}

main section#inquiry .inner {
  width: 800px;
  margin: 0 auto;
  padding: 140px 0 100px 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

main section#inquiry h2 {
  font-size: 3em;
  color: #007cc6;
  text-align: center;
  letter-spacing: 0.2em;
}

main section#inquiry h3 {
  font-size: 2.25em;
  text-align: center;
  letter-spacing: 0.1em;
  padding: 60px 0 50px 0;
}

main section#inquiry h4 {
  background: #004293;
  color: #fff;
  font-size: 2em;
  text-align: center;
  margin: 0 0 1em 0;
}

main section#inquiry address a:nth-of-type(1) {
  color: #E43C00;
  font-size: 3.556em !important;
}

main section#inquiry small {
  font-size: 1.125em;
  color: #E43C14;
  margin-bottom: 60px;
  text-align: left;
}

p.move {
  display: flex;
  justify-content: center;
}

p.move a, ul.move a {
  width: 600px;
  height: 150px;
  background: #F3A9AE;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2em;
  color: #000;
  border-radius: 25px;
  font-weight: 700;
  position: relative;
}

p.move a:hover, ul.move a:hover, ul.move li:nth-child(1) a:hover {
  background: #ccc;
}

p.move a::after, ul.move li a::after {
  width: 15px;
  height: 15px;
  border-top: 5px solid #000;
  border-right: 5px solid #000;
  transform: rotate(45deg);
  content: "";
  display: block;
  position: absolute;
  right: 100px;
  top: 65px;
}

main section#inquiry iframe {
  margin: 0 auto 60px auto;
}

main section#inquiry figure {
  width: 535px;
  margin: 0 auto;
  padding: 0;
}

main section#inquiry figure img {
  width: 100%;
  margin: 0 0 20px 0;
}

address {
  margin: 0 auto;
  width: auto;
  display: inline-block;
  font-size: 1.125em;
}

address a:nth-of-type(1) {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 2em;
  color: #000;
}

address ul:before {
  content: "開館時間";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  padding: 0 12px;
  border: solid 1px #000;
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  line-height: 1;
}

address ul {
  font-size: 1.222em;
  position: relative;
  padding: 5px 0 5px 85px;
  margin: 25px 0 30px 0;
  list-style: none;
}

address ul li:nth-child(3) {
  font-size: 0.818em;
}

/*--------------------------------------------
main
--------------------------------------------*/
main section#mv {
  display: flex;
  justify-content: center;
  position: relative;
  background: #CDD9F8;
}

main section#mv .inner {
  width: 1100px;
  margin: 0 auto;
  font-size: 3.25em;
  font-weight: 700;
  padding: 1em 0;
  text-align: center;
  position: relative;
}

main section#mv .inner span {
  width: 160px;
  height: 80px;
  border-radius: 25px;
  font-size: 0.346em;
  font-weight: 700;
  color: #2B558D;
  background: #FCBB32;
  position: absolute;
  right: 20px;
  box-sizing: border-box;
  padding: 20px;
  line-height: 1.3em;
}

/*--------------------------------------------
welcome
--------------------------------------------*/
main section#welcome .inner {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
}

main section#welcome .inner h2 {
  font-size: 3em;
  color: #2b558d;
  letter-spacing: 0.2em;
  text-align: center;
  margin: 85px 0;
}

main section#welcome .inner p:nth-of-type(1) {
  font-size: 1.75em;
  line-height: 2em;
  text-align: center;
  margin: 0px 0px 85px 0;
}

main section#welcome .inner p:nth-of-type(2) {
  font-size: 2em;
  color: #F77C5B;
  font-weight: 700;
  text-align: center;
}

/*--------------------------------------------
こんなお悩みございませんか
--------------------------------------------*/
main section#service .inner {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
}

main section#service .inner dl {
  width: 100%;
  background: #85AADD;
  border-radius: 25px;
  display: flex;
  padding: 20px;
  position: relative;
  align-items: center;
  margin: 80px auto 60px 0;
}

main section#service .inner dl::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 40px solid transparent;
  border-left: 40px solid transparent;
  border-top: 40px solid #85AADD;
  border-bottom: 0;
  position: absolute;
  bottom: -40px;
  left: calc(50% - 40px);
}

main section#service .inner dl dt {
  font-weight: 700;
  font-size: 2em;
  width: 35%;
  padding: 20px;
  background: #fff;
  border-radius: 25px;
  margin-right: 50px;
}

main section#service .inner dl dt strong {
  font-size: 2em;
}

main section#service .inner dl dt span {
  font-size: 1.188em;
}

main section#service .inner dl dd {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

main section#service .inner dl dd p {
  position: relative;
  font-size: 2.25em;
  font-weight: 700;
  color: #0E2338;
  text-align: left;
  width: 100%;
}

main section#service .inner dl dd p::before {
  content: "●";
  display: inline-block;
}

main section#service ul {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

main section#service ul li {
  border: solid 3px #85AADD;
  border-radius: 15px;
  padding: 50px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

main section#service ul li img {
  margin-right: 45px;
  width: 197px;
}

main section#service ul li div h5 {
  font-size: 1.44em;
  font-weight: 700;
  color: #004293;
  margin-bottom: 30px;
}

main section#service ul li div {
  font-size: 1.563em;
}

/*--------------------------------------------
求人のお申込みから採用、定着支援までの流れ
--------------------------------------------*/
main section#flow {
  background: #E6ECFD;
}

main section#flow .inner {
  width: 1000px;
  margin: 0 auto;
  padding: 100px 0;
  text-align: justify;
}

main section#flow dl {
  padding: 20px;
  margin: 0 auto 60px 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
  background: #fff;
  border-radius: 30px;
}

main section#flow dl::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 35px solid transparent;
  border-left: 35px solid transparent;
  border-top: 35px solid #FFF;
  border-bottom: 0;
  content: "";
  display: block;
  margin: 0 auto;
  position: absolute;
  bottom: -45px;
}

main section#flow dl dt {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #63A8D3;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 1.5em;
  color: #fff;
  font-weight: 700;
  text-align: center;
  line-height: 1;
}

main section#flow dl dd:nth-child(2) {
  width: 580px;
  font-size: 1.125em;
  letter-spacing: 0.1em;
  box-sizing: border-box;
}

main section#flow dl dd:nth-child(2) h5 {
  font-size: 1.556em;
  font-weight: 700;
  color: #004293;
  margin-bottom: 20px;
}

main section#flow dl.step0 {
  background: transparent;
  border-radius: 0;
  padding: 0px;
  align-items: stretch;
  justify-content: space-between;
  position: relative;
}

main section#flow dl.step0 dd {
  width: 49% !important;
  background: #fff;
  border-radius: 30px;
  font-size: 1.125em;
  letter-spacing: 0.1em;
  padding: 20px 65px;
}

main section#flow dl.step0 dd h5 {
  font-size: 1.556em;
  font-weight: 700;
  color: #004293;
  margin-bottom: 20px;
}

main section#flow dl.step0::after {
  position: absolute;
  left: calc(50% - 35px);
}

main section#flow dl:last-of-type {
  margin: 0 auto;
}

main section#flow dl:last-of-type::after {
  display: none;
}

/*--------------------------------------------
お問合せ・アクセス
--------------------------------------------*/
main section#inquiry {
  background: #FFF;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

main section#inquiry small {
  font-size: 1.563em;
  text-align: center;
}

main h4, main section#inquiry h4 {
  background: #85AADD;
  color: #000;
  font-size: 2em;
  text-align: center;
  margin: 1em 0;
}

/*--------------------------------------------
footer
--------------------------------------------*/
/*------------------------------------------------------------
  レスポンシブ
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  /*--------------------------------------------
  main
  --------------------------------------------*/
  main section:not(div#mv) .inner {
    width: 100%;
    margin: 0 auto;
    padding: 50px 30px;
    text-align: left;
  }
  main section#mv .inner {
    width: 100%;
    font-size: 1.5em;
    padding: 1em 0;
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  main section#mv .inner span {
    width: auto !important;
    height: auto !important;
    border-radius: 10px;
    position: static;
    padding: 10px;
    margin-left: 10px;
    font-size: 0.667em;
  }
  /*--------------------------------------------
  welcome
  --------------------------------------------*/
  main section#welcome .inner h2 {
    margin: 0 0 1em 0;
    padding: 0;
  }
  main section#welcome .inner p {
    font-size: 1.125em !important;
    text-align: left !important;
  }
  main section#welcome .inner p:nth-of-type(1) {
    margin: 0px 0px 2em 0;
  }
  /*--------------------------------------------
  こんなお悩みございませんか
  --------------------------------------------*/
  main section#service .inner dl {
    margin: 0 auto 3.5em auto;
    flex-direction: column;
  }
  main section#service .inner dl dt {
    width: 100%;
    font-size: 1.25em !important;
    margin: 0 auto 1em auto;
    text-align: center;
  }
  main section#service .inner dl dt strong {
    font-size: 1.5em;
  }
  main section#service .inner dl dt span {
    font-size: 1em;
  }
  main section#service .inner dl dd p {
    font-size: 1.5em;
  }
  main section#service ul li {
    padding: 30px;
    align-items: center;
    flex-direction: column;
  }
  main section#service ul li img {
    margin: 0 auto 1em auto;
  }
  main section#service ul li div {
    font-size: 1.125em;
  }
  main section#service ul li div h5 {
    font-size: 1.333em;
    margin: 0 0 15px 0;
  }
  /*--------------------------------------------
  求人のお申込みから採用、定着支援までの流れ
  --------------------------------------------*/
  main section#flow dl {
    flex-direction: column-reverse;
    flex-wrap: wrap;
    position: relative;
  }
  main section#flow dl dt {
    margin: 0 0 1em 0;
    font-size: 1em;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 10px;
    left: 10px;
    margin-bottom: 20px;
  }
  main section#flow dl dd, main section#flow dl dd:nth-child(2) {
    width: 100%;
    font-size: 1.125em;
  }
  main section#flow dl dd:last-child {
    text-align: center;
  }
  main section#flow dl dd img {
    margin: 0 auto 10px auto;
  }
  main section#flow dl dd h5 {
    text-align: center;
    font-size: 1.333em;
  }
  main section#flow dl.step0 {
    flex-direction: column;
  }
  main section#flow dl.step0 dd {
    width: 100% !important;
    padding: 20px;
    text-align: left;
  }
  main section#flow dl.step0 dd:nth-child(1) {
    margin-bottom: 15px;
  }
  /*--------------------------------------------
  お問合せ・アクセス
  --------------------------------------------*/
  main h4, main section#inquiry h4 {
    font-size: 2em;
  }
  main section#inquiry small {
    font-size: 0.875em;
    line-height: 1.4;
    margin: 30px auto;
  }
}
/*# sourceMappingURL=style.css.map */