/*------------------------------------------------------------
	BASE
------------------------------------------------------------*/
/*------------------------------------------------------------
	COLOR
------------------------------------------------------------*/
/*------------------------------------------------------------
	FONT
------------------------------------------------------------*/
/*------------------------------------------------------------
	FUNCTION
------------------------------------------------------------*/
/*------------------------------------------------------------
	MIXIN
------------------------------------------------------------*/
/*------------------------------------------------------------
	FONT
------------------------------------------------------------*/
/*------------------------------------------------------------
	STYLE
------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  img {
    max-width: 100%;
  }
}
.wrap {
  position: relative;
  width: 100%;
}

.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bg .ellipse {
  position: absolute;
  display: inline-block;
  border-radius: 50%;
  transform-origin: center center;
  opacity: 0;
  transition: all 1s cubic-bezier(0.21, 0.51, 0.51, 1);
}
.bg .ellipse.-show {
  opacity: 1;
}
.bg .ellipse1 {
  top: 410px;
  right: 58px;
  width: 150px;
  height: 43px;
  background: #b3d1a1;
  transform: rotate(27deg);
  transition-delay: 0.4s;
}
@media screen and (max-width: 767px) {
  .bg .ellipse1 {
    top: 86.6666666667vw;
    right: 4vw;
    width: 20vw;
    height: 5.7333333333vw;
    transform: rotate(-15deg);
  }
}
.bg .ellipse2 {
  top: 131px;
  right: 147px;
  width: 232px;
  height: 68px;
  background: #94cbd9;
  transform: rotate(-57deg);
  filter: blur(5px);
  transition-delay: 0.1s;
}
@media screen and (max-width: 767px) {
  .bg .ellipse2 {
    top: 13.3333333333vw;
    right: 9.3333333333vw;
    width: 30.9333333333vw;
    height: 9.0666666667vw;
    transform: rotate(-60deg);
  }
}
.bg .ellipse3 {
  top: 561px;
  left: 67px;
  width: 228px;
  height: 66px;
  background: #ecb458;
  transform: rotate(38deg);
  filter: blur(10px);
  transition-delay: 0.7s;
}
@media screen and (max-width: 767px) {
  .bg .ellipse3 {
    top: 93.3333333333vw;
    left: -4vw;
    width: 30.4vw;
    height: 8.8vw;
    transform: rotate(40deg);
  }
}

.contents {
  position: relative;
  z-index: 2;
  padding: 210px 0 0;
}
@media screen and (max-width: 767px) {
  .contents {
    padding: 40vw 0 0;
  }
}

.logo {
  position: absolute;
  top: 50px;
  left: 50px;
  width: 258px;
}
@media screen and (max-width: 767px) {
  .logo {
    top: 6.6666666667vw;
    left: 6.6666666667vw;
    width: 34.4vw;
  }
}

.title {
  margin: 0 auto;
  text-align: center;
}
.title_txt1 {
  display: block;
  margin: 0 auto;
  width: 648px;
}
@media screen and (max-width: 767px) {
  .title_txt1 {
    width: 86.4vw;
  }
}
.title_txt2 {
  display: block;
  margin: 56px auto 0;
  width: 372px;
}
@media screen and (max-width: 767px) {
  .title_txt2 {
    margin: 7.4666666667vw auto 0;
    width: 49.6vw;
  }
}

.inquiry {
  margin: 138px auto 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .inquiry {
    margin: 18.4vw auto 0;
  }
}
.inquiry_txt {
  display: inline-block;
  width: 288px;
}
@media screen and (max-width: 767px) {
  .inquiry_txt {
    width: 38.4vw;
  }
}
.inquiry_button {
  margin: 25px auto 0;
  width: 330px;
  height: 90px;
}
@media screen and (max-width: 767px) {
  .inquiry_button {
    margin: 3.3333333333vw auto 0;
    width: 44vw;
    height: 12vw;
  }
}
.inquiry_button a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 330px;
  height: 90px;
  border-radius: 100px;
  border: 2px solid #df6d65;
  background: #df6d65;
}
@media screen and (max-width: 767px) {
  .inquiry_button a {
    width: 44vw;
    height: 12vw;
    border-radius: 13.3333333333vw;
  }
}
.inquiry_button a:hover {
  background: #fff;
}
.inquiry_button a:hover .inquiry_button_img {
  opacity: 0;
}
.inquiry_button a:hover .inquiry_button_img_hover {
  opacity: 1;
}
.inquiry_button a span {
  position: relative;
  display: inline-block;
  width: 166px;
}
@media screen and (max-width: 767px) {
  .inquiry_button a span {
    width: 22.1333333333vw;
  }
}
.inquiry_button_img {
  transition: all 0.5s cubic-bezier(0.21, 0.51, 0.51, 1);
}
.inquiry_button_img_hover {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s cubic-bezier(0.21, 0.51, 0.51, 1);
  opacity: 0;
}

.copyrights {
  margin: 186px auto 45px;
  width: 247px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .copyrights {
    margin: 24.8vw auto 6vw;
    width: 32.9333333333vw;
  }
}

/*# sourceMappingURL=style.css.map */