.p-intro {
  position: relative;
  padding-top: 50px;
  padding-bottom: 90px;
}
@media (max-width: 767px) {
  .p-intro {
    padding-top: 80px;
    padding-bottom: 40px;
  }
}
.p-intro__pics {
  position: relative;
  display: flex;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .p-intro__pics {
    display: block;
  }
}
.p-intro__pics > img:nth-child(1) {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
@media (max-width: 767px) {
  .p-intro__pics > img:nth-child(1) {
    border-radius: 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    height: 132px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center top;
       object-position: center top;
  }
}
.p-intro__pics > img:nth-child(3) {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
@media (max-width: 767px) {
  .p-intro__pics > img:nth-child(3) {
    border-radius: 0;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    height: 132px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center top;
       object-position: center top;
  }
}
.p-intro__pics .c-deco--cloud-2 {
  right: 50px;
  bottom: -20px;
}
@media (max-width: 767px) {
  .p-intro__pics .c-deco--cloud-2 {
    right: -20px;
    bottom: 110px;
  }
}
.p-intro__pic {
  height: 650px;
  -o-object-fit: cover;
     object-fit: cover;
  width: auto;
  min-width: 0;
}
@media (max-width: 767px) {
  .p-intro__pic {
    height: auto;
  }
}
.p-intro__pic-wrap {
  position: relative;
  display: flex;
  min-width: 0;
}
@media (max-width: 767px) {
  .p-intro__pic-wrap {
    position: static;
  }
}
.p-intro__title {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 120px;
}
@media (max-width: 767px) {
  .p-intro__title {
    bottom: auto;
    top: 0px;
    width: 90px;
  }
}
.p-intro__content {
  padding-top: 120px;
  position: relative;
}
@media (max-width: 767px) {
  .p-intro__content {
    padding-top: 110px;
  }
}
.p-intro__content .c-deco--cloud-2 {
  left: 0;
  top: 200px;
}
@media (max-width: 767px) {
  .p-intro__content .c-deco--cloud-2 {
    display: none;
  }
}
.p-intro__content .c-deco--cloud {
  right: 0;
  bottom: 0px;
}
@media (max-width: 767px) {
  .p-intro__content .c-deco--cloud {
    display: none;
  }
}
.p-intro__lead {
  margin-top: 0;
  font-size: 1.8rem;
  line-height: 2.7777777778em;
  text-align: center;
  position: relative;
  z-index: 3;
}
@media (max-width: 767px) {
  .p-intro__lead {
    text-align: left;
    font-size: 1.5rem;
    line-height: 2.5em;
  }
}
.p-intro .c-deco--whale {
  left: 50%;
  bottom: -80px;
  margin-left: -56px;
}
.p-intro .c-deco--goods-1 {
  left: -20px;
  bottom: -20px;
}
.p-intro .c-deco--butter {
  right: -20px;
  top: 70px;
}
@media (max-width: 767px) {
  .p-intro .c-deco--butter {
    right: 47%;
    top: 110px;
  }
}

.p-top-work {
  position: relative;
  padding-bottom: 60px;
}
.p-top-work .c-deco--pin-red {
  left: 50%;
  margin-left: -30px;
  top: -20px;
}
.p-top-work .c-deco--pin-yellow {
  left: 50%;
  margin-left: -30px;
  top: -20px;
}
.p-top-work .c-deco--pin-blue {
  left: 50%;
  margin-left: -30px;
  top: -20px;
}
.p-top-work .c-deco--boat {
  left: 10%;
  top: -20px;
}
@media (max-width: 767px) {
  .p-top-work .c-deco--boat {
    display: none;
  }
}
.p-top-work .c-deco--shima-2 {
  right: 10%;
  top: 40px;
}
@media (max-width: 767px) {
  .p-top-work .c-deco--shima-2 {
    display: none;
  }
}
.p-top-work .c-deco--goods-2 {
  left: -30px;
  bottom: -30px;
}
.p-top-work .c-deco--goods-3 {
  right: -30px;
  bottom: -30px;
}

.p-top-welfare {
  position: relative;
  padding-bottom: 70px;
}
.p-top-welfare .c-title-2 img {
  margin-bottom: 65px;
}
@media (max-width: 767px) {
  .p-top-welfare .c-title-2 img {
    margin-bottom: 30px;
  }
}
.p-top-welfare__map {
  background: url(../img/map.png) center center no-repeat;
  background-size: contain;
  width: 389px;
  height: 445px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -194.5px;
  margin-top: -222.5px;
}
.p-top-welfare__note {
  text-align: center;
  font-size: 1.8rem;
  line-height: 2.7777777778em;
  position: relative;
  margin-top: 55px;
}
@media (max-width: 767px) {
  .p-top-welfare__note {
    font-size: 1.5rem;
    text-align: left;
  }
}
.p-top-welfare__pics {
  position: absolute;
  left: 0;
  top: -100px;
}
@media (max-width: 767px) {
  .p-top-welfare__pics {
    top: auto;
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
  }
}
.p-top-welfare__pics img {
  border-radius: 30px;
  width: 300px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .p-top-welfare__pics img {
    width: 100%;
    margin: 0;
    border-radius: 15px;
  }
}
.p-top-welfare__pics img:nth-child(2) {
  margin-left: 90px;
}
@media (max-width: 767px) {
  .p-top-welfare__pics img:nth-child(2) {
    margin: 0;
    margin-top: 30px;
  }
}
.p-top-welfare__pics--right {
  left: auto;
  right: 0;
}
.p-top-welfare__pics--right img:nth-child(1) {
  margin-left: 90px;
}
@media (max-width: 767px) {
  .p-top-welfare__pics--right img:nth-child(1) {
    margin-left: 0;
    margin-top: 30px;
  }
}
.p-top-welfare__pics--right img:nth-child(2) {
  margin-left: 0;
}
@media (max-width: 767px) {
  .p-top-welfare__pics--right img:nth-child(2) {
    margin-top: 0px;
  }
}
@media (max-width: 1400px) and (min-width: 768px) {
  .p-top-welfare__pics {
    top: -50px;
  }
  .p-top-welfare__pics img {
    width: 200px;
  }
}
@media (max-width: 1180px) and (min-width: 768px) {
  .p-top-welfare__pics {
    display: none;
  }
}
.p-top-welfare .c-deco--star-3 {
  right: 50px;
  top: 50px;
}
@media (max-width: 767px) {
  .p-top-welfare .c-deco--star-3 {
    right: auto;
    left: 30%;
    bottom: 0;
    top: auto;
  }
}
.p-top-welfare .c-deco--star-2 {
  left: 0px;
  top: 250px;
}
@media (max-width: 767px) {
  .p-top-welfare .c-deco--star-2 {
    top: 0px;
    left: 35%;
  }
}
.p-top-welfare .c-deco--clip {
  right: 20px;
  top: -20px;
}

.p-top-rec {
  position: relative;
}
.p-top-rec__grid {
  display: flex;
}
@media (max-width: 767px) {
  .p-top-rec__grid {
    display: block;
  }
}
.p-top-rec__l {
  width: 50%;
}
@media (max-width: 767px) {
  .p-top-rec__l {
    width: 100%;
  }
}
.p-top-rec__l img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-top-rec__r {
  width: 50%;
  background: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .p-top-rec__r {
    width: 100%;
    display: block;
  }
  .p-top-rec__r .c-title-2 {
    margin-top: 50px;
  }
}
.p-top-rec__note {
  text-align: center;
  font-size: 1.8rem;
  line-height: 2.2222222222em;
}
@media (max-width: 767px) {
  .p-top-rec__note {
    font-size: 1.5rem;
  }
}
.p-top-rec .c-deco--cloud-sun {
  left: -20px;
  top: 30px;
}
.p-top-rec .c-deco--cloud-2 {
  right: 0px;
  top: -30px;
}
.p-top-rec .c-deco--bird-2 {
  right: 30px;
  bottom: -10px;
}
@media (max-width: 767px) {
  .p-top-rec .c-deco--bird-2 {
    right: 0;
  }
}
/*# sourceMappingURL=style-front.css.map */