@charset "UTF-8";
.page-top .main .heading-primary {
  font-size: 6.133333333333333vw;
  line-height: 1;
}
@media (min-width: 415px) {
  .page-top .main .heading-primary {
    font-size: 2.3rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-top .main .heading-primary {
    font-size: 3rem;
    line-height: 1;
  }
}
.page-top .main .heading-secondary {
  font-size: 6.133333333333333vw;
  line-height: 1;
}
@media (min-width: 415px) {
  .page-top .main .heading-secondary {
    font-size: 2.3rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-top .main .heading-secondary {
    font-size: 2.4rem;
    line-height: 1;
  }
}
.page-top .main .text-lead {
  text-align: center;
}
.page-top .main .hero {
  margin-bottom: 125px;
}
@media only screen and (min-width: 768px) {
  .page-top .main .hero {
    margin-bottom: 119px;
  }
}
.page-top .main .hero [data-hero-el] {
  visibility: hidden;
}
.page-top .main .hero-bg {
  height: 173.86666666666665vw;
}
@media only screen and (min-width: 768px) {
  .page-top .main .hero-bg {
    height: 860px;
  }
}
.page-top .main .bg-dot {
  position: absolute;
  top: -2.1%;
  left: 113.53846153846155%;
  width: 873px;
  height: 873px;
}
.page-top .main .bg-dot::before {
  transform: rotate(22deg);
}
@media only screen and (min-width: 768px) {
  .page-top .main .bg-dot {
    top: -2.6%;
    left: 93.07692307692308%;
  }
}
.page-top .main .hero-content {
  color: #000;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .page-top .main .hero-content {
    color: #fff;
  }
}
@media only screen and (min-width: 768px) {
  .page-top .main .hero-content {
    position: relative;
    width: 82.15384615384616%;
    margin-right: auto;
    margin-left: auto;
  }
}
.page-top .main .hero-slider {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  z-index: 1;
}
.page-top .main .hero-slides {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.page-top .main .hero-slides .slide {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page-top .main .hero-slides .slide.is-selected {
  z-index: 1;
}
.page-top .main .hero-slides .slide.is-zoom-img img {
  transform: scale(1.12);
}
.page-top .main .hero-slides .slide img {
  width: 100%;
  height: 100%;
  transition: transform 12s linear;
}
@media only screen and (max-width: 767px) {
  .page-top .main .hero-copy {
    margin: 46px 4vw 0 6.4vw;
    position: relative;
  }
}
@media only screen and (min-width: 768px) {
  .page-top .main .hero-copy {
    position: absolute;
    bottom: 34px;
    left: 39px;
    z-index: 1;
  }
}
.page-top .main .hero-heading {
  margin-bottom: 13px;
  width: 247px;
}
@media only screen and (min-width: 768px) {
  .page-top .main .hero-heading {
    margin: 0 0 23px 2px;
    width: 419px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-top .main .hero-heading {
    width: 209px;
  }
}
.page-top .main .hero-text {
  font-size: 3.733333333333334vw;
  line-height: 1.714285714285714;
  font-weight: 500;
}
@media (min-width: 415px) {
  .page-top .main .hero-text {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-top .main .hero-text {
    font-size: 1.8rem;
    line-height: 1.666666666666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-top .main .hero-text {
    font-size: 1.6rem;
    line-height: 1.75;
  }
}
.page-top .main .bg-woods {
  position: absolute;
  top: -9px;
  right: 30px;
}
.page-top .main .section-philosophy {
  margin-bottom: 70px;
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-philosophy {
    margin-bottom: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .main .section-philosophy .bg-1 {
    position: absolute;
    top: -20.533333333333335vw;
    left: 2vw;
  }
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-philosophy .bg-1 {
    position: absolute;
    top: -33px;
    right: 114px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-top .main .section-philosophy .bg-1 {
    right: 57px;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .main .section-philosophy .bg-2 {
    position: absolute;
    top: 30.666666666666664vw;
    right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-philosophy .bg-2 {
    position: absolute;
    top: 212px;
    left: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .main .section-philosophy .bg-3 {
    position: absolute;
    top: 132vw;
    right: 15.466666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-philosophy .bg-3 {
    position: absolute;
    top: 474px;
    right: 69px;
  }
}
.page-top .main .section-philosophy .heading {
  display: table;
  margin: 0 auto 15px;
  position: relative;
}
.page-top .main .section-philosophy .heading::before {
  font-size: 2.133333333333333vw;
  line-height: 1;
  letter-spacing: 0.2em;
  position: absolute;
  top: -14px;
  left: 0;
  content: 'たてやまがくえん';
  display: block;
}
@media (min-width: 415px) {
  .page-top .main .section-philosophy .heading::before {
    font-size: 0.8rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-philosophy .heading {
    margin: 0 auto 23px;
  }
  .page-top .main .section-philosophy .heading::before {
    font-size: 1.2rem;
    line-height: 1;
    position: absolute;
    top: -17px;
    left: 3px;
  }
}
.page-top .main .section-philosophy .text-lead {
  font-size: 3.733333333333334vw;
  line-height: 1.571428571428571;
  margin-bottom: 26px;
  font-weight: 500;
}
@media (min-width: 415px) {
  .page-top .main .section-philosophy .text-lead {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-philosophy .text-lead {
    font-size: 1.6rem;
    line-height: 1.75;
    margin-bottom: 54px;
  }
}
.page-top .main .section-philosophy .philosophy-list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 75px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .page-top .main .section-philosophy .philosophy-list {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-philosophy .philosophy-list {
    position: relative;
    width: 78.65168539325843%;
    margin-right: auto;
    margin-left: auto;
    max-width: 840px;
    margin-bottom: 137px;
  }
}
.page-top .main .section-philosophy .philosophy-list .item {
  position: relative;
  width: 180px;
  height: 180px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .page-top .main .section-philosophy .philosophy-list .item:not(:first-child) {
    margin-top: 81px;
  }
}
@media only screen and (max-width: 320px) {
  .page-top .main .section-philosophy .philosophy-list .item:not(:first-child) {
    margin-top: 160px;
  }
}
.page-top .main .section-philosophy .philosophy-list .item::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background: #fff;
  border-radius: 50%;
  content: '';
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-philosophy .philosophy-list .item {
    max-width: 240px;
    width: 28.57142857142857%;
  }
  .page-top .main .section-philosophy .philosophy-list .item::before {
    width: 240px;
    height: 240px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .page-top .main .section-philosophy .philosophy-list .item {
    width: 200px;
  }
  .page-top .main .section-philosophy .philosophy-list .item::before {
    width: 200px;
    height: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-top .main .section-philosophy .philosophy-list .item {
    width: 150px;
  }
  .page-top .main .section-philosophy .philosophy-list .item::before {
    width: 150px;
    height: 150px;
  }
}
.page-top .main .section-philosophy .philosophy-list .item-inner {
  position: relative;
  width: 100%;
}
.page-top .main .section-philosophy .philosophy-list .number,
.page-top .main .section-philosophy .philosophy-list .text,
.page-top .main .section-philosophy .philosophy-list .img {
  display: block;
}
.page-top .main .section-philosophy .philosophy-list .number {
  font-size: 9.6vw;
  line-height: 1;
  color: #fa809a;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  margin: 28px 0 9px;
}
@media (min-width: 415px) {
  .page-top .main .section-philosophy .philosophy-list .number {
    font-size: 3.6rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-philosophy .philosophy-list .number {
    font-size: 4.8rem;
    line-height: 1;
    margin: 35px 0 11px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .page-top .main .section-philosophy .philosophy-list .number {
    font-size: 4rem;
    line-height: 1;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .page-top .main .section-philosophy .philosophy-list .number {
    font-size: 3rem;
    line-height: 1;
  }
}
.page-top .main .section-philosophy .philosophy-list .text {
  font-size: 4.8vw;
  line-height: 1.416666666666667;
  font-weight: bold;
}
@media (min-width: 415px) {
  .page-top .main .section-philosophy .philosophy-list .text {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-philosophy .philosophy-list .text {
    font-size: 2.4rem;
    line-height: 1.416666666666667;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .page-top .main .section-philosophy .philosophy-list .text {
    font-size: 2rem;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .page-top .main .section-philosophy .philosophy-list .text {
    font-size: 1.6rem;
    line-height: 1.625;
  }
}
.page-top .main .section-philosophy .philosophy-list .img {
  text-align: center;
}
.page-top .main .section-philosophy .philosophy-list .item-1 .img {
  margin: 13px 8px 0 0;
}
.page-top .main .section-philosophy .philosophy-list .item-1 .img img {
  width: 97px;
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-philosophy .philosophy-list .item-1 .img {
    margin: 19px 8px 0 0;
  }
  .page-top .main .section-philosophy .philosophy-list .item-1 .img img {
    width: 126px;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .main .section-philosophy .philosophy-list .item-2 {
    position: absolute;
    top: 34.13333333333333vw;
    right: 0;
    margin: 0 !important;
  }
}
@media only screen and (max-width: 320px) {
  .page-top .main .section-philosophy .philosophy-list .item-2 {
    top: 50.66666666666667vw;
  }
}
.page-top .main .section-philosophy .philosophy-list .item-2 .img {
  margin: 22px 3px 0 0;
}
.page-top .main .section-philosophy .philosophy-list .item-2 .img img {
  width: 150px;
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-philosophy .philosophy-list .item-2 .img {
    margin: 32px 8px 0 0;
  }
  .page-top .main .section-philosophy .philosophy-list .item-2 .img img {
    width: 201px;
  }
}
.page-top .main .section-philosophy .philosophy-list .item-3 .img {
  margin: 3px 0 0 10px;
}
.page-top .main .section-philosophy .philosophy-list .item-3 .img img {
  width: 131px;
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-philosophy .philosophy-list .item-3 .img {
    margin: 7px 0 0 12px;
  }
  .page-top .main .section-philosophy .philosophy-list .item-3 .img img {
    width: 167px;
  }
}
.page-top .main .section-philosophy .button-primary {
  width: 76vw;
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-philosophy .button-primary {
    width: 300px;
  }
}
.page-top .main .section-philosophy .button-primary .label {
  margin-left: 7px;
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-philosophy .button-primary .label {
    margin-left: -14px;
  }
}
.page-top .main .section-philosophy .button-primary .icon {
  right: 13px;
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-philosophy .button-primary .icon {
    right: 12px;
  }
}
.page-top .main .section-facilities {
  margin-bottom: 70px;
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-facilities {
    margin-bottom: 140px;
  }
}
.page-top .main .section-facilities .box-body {
  padding: 44px 0 45px;
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-facilities .box-body {
    padding: 59px 60px 61px;
  }
}
.page-top .main .section-facilities .heading {
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-facilities .heading {
    margin-bottom: 25px;
  }
}
.page-top .main .section-facilities .text-lead {
  font-size: 3.733333333333334vw;
  line-height: 1.571428571428571;
  margin-bottom: 26px;
  font-weight: 500;
}
@media (min-width: 415px) {
  .page-top .main .section-facilities .text-lead {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-facilities .text-lead {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .page-top .main .section-facilities .facilities-items {
    margin: 0 8vw;
  }
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-facilities .facilities-items {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
.page-top .main .section-facilities .facilities-items .item {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .page-top .main .section-facilities .facilities-items .item:not(:first-child) {
    margin-top: 45px;
  }
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-facilities .facilities-items .item {
    max-width: 296px;
    width: 31.223628691983123%;
    margin: 0 auto;
  }
}
.page-top .main .section-facilities .facilities-items .img {
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-facilities .facilities-items .img {
    margin-bottom: 24px;
  }
}
.page-top .main .section-facilities .facilities-items .button-secondary {
  width: 49.333333333333336vw;
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-facilities .facilities-items .button-secondary {
    width: 176px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .page-top .main .section-facilities .facilities-items .button-secondary {
    width: 100%;
  }
}
.page-top .main .section-recruit {
  margin-bottom: 68px;
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-recruit {
    margin-bottom: 139px;
  }
}
.page-top .main .section-recruit .bg {
  background: url("../../img/top/img-7.jpg?hash=cc9f80998081d7f48f891404fb689ab1") center center no-repeat;
  background-size: cover;
  width: 100%;
  height: 48vw;
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-recruit .bg {
    background: url("../../img/top/pc/img-7.jpg?hash=9b4989345cf3371c8476b063c9a8d9b3") center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 550px;
  }
}
.page-top .main .section-recruit .box-primary {
  margin: -12.533333333333333vw 0 0 0;
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-recruit .box-primary {
    margin: -126px 0 0 0;
  }
}
.page-top .main .section-recruit .box-content {
  padding-top: 45px;
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-recruit .box-content {
    padding-top: 58px;
  }
}
.page-top .main .section-recruit .heading {
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-recruit .heading {
    margin-bottom: 25px;
  }
}
.page-top .main .section-recruit .text-lead {
  font-size: 3.733333333333334vw;
  line-height: 1.571428571428571;
  margin-bottom: 27px;
  font-weight: 500;
}
@media (min-width: 415px) {
  .page-top .main .section-recruit .text-lead {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-recruit .text-lead {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 35px;
  }
}
.page-top .main .section-recruit .recruit-link {
  margin-bottom: 45px;
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-recruit .recruit-link {
    margin-bottom: 59px;
  }
}
.page-top .main .section-recruit .button-primary {
  width: 76vw;
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-recruit .button-primary {
    width: 300px;
  }
  .page-top .main .section-recruit .button-primary .icon {
    right: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-recruit .img {
    position: relative;
    top: 1px;
  }
  .page-top .main .section-recruit .img img {
    width: 100%;
  }
}
.page-top .main .section-recruit .img-web-interview {
  position: absolute;
  top: -18.4vw;
  right: -2vw;
  width: 36vw;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .page-top .main .section-recruit .img-web-interview {
    position: absolute;
    top: -34px;
    right: -25px;
    max-width: 241px;
    width: 22.47191011235955%;
  }
}
.page-top .main .bottom-img {
  background: url("../../img/top/img-9.jpg?hash=a6eb290c326e63d7da480fa11b402d1e") center center no-repeat;
  background-size: cover;
  width: 100%;
  height: 48vw;
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .page-top .main .bottom-img {
    background: url("../../img/top/pc/img-9.jpg?hash=c4a7190abf524c0477f146b28b965007") center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 550px;
  }
}
@media only screen and (min-width: 768px) {
  .page-top .main .button-back-to-top {
    bottom: 612px;
  }
}
/*# sourceMappingURL=style.css.map */