#top .main-top {
  padding-bottom: 10rem;
  position: relative;
}
#top .main-top .img {
  max-width: 120rem;
  margin: 0 auto;
  height: 65rem;
  background: url("../img/main-top.jpg") no-repeat center/cover;
  font-weight: 700;
  font-family: "AbeeZee", sans-serif;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
#top .main-top .img .scroll-icon {
  position: absolute;
  bottom: 6rem;
  right: 20%;
  width: 4.6rem;
  height: 4.6rem;
  opacity: 1;
  transition: all 0.3s ease;
}
#top .main-top .img .scroll-icon.active {
  opacity: 0;
}
#top .main-top .img .title-sub {
  font-size: 3.5rem;
}
#top .main-top .img .title-main {
  font-size: 10rem;
  line-height: 1.2;
}
#top .main-top .img .title-des {
  font-size: 3rem;
  font-weight: 800;
}
#top .main-top::after {
  content: "";
  position: absolute;
  top: 20%;
  left: 0;
  width: 100%;
  height: 40%;
  background-color: #F0F2F4;
  z-index: -1;
  transform: skewY(-10deg);
}
#top .main-top__content {
  display: flex;
  justify-content: space-between;
  margin-top: 10rem;
}
#top .main-top__content .main {
  width: calc(50% - 2.5rem);
  display: flex;
  padding: 2.7rem;
  justify-content: center;
  align-items: center;
}
#top .main-top__content .main .main-img {
  margin-right: 2rem;
}
#top .main-top__content .main-content__title {
  font-size: 2.5rem;
  font-weight: 800;
}
#top .main-top__content .main-l {
  background-color: #1CBECA;
  color: #fff;
  margin-right: 2rem;
}
#top .main-top__content .main-r {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  background-color: #fff;
}
@media screen and (max-width: 900px) {
  #top .main-top__content {
    flex-direction: column;
  }
  #top .main-top__content .main {
    width: 100%;
  }
  #top .main-top__content .main-l {
    margin-right: 0;
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 767px) {
  #top .main-top {
    padding-bottom: 5rem;
    width: 100%;
  }
  #top .main-top .img {
    max-width: 100%;
    height: 35rem;
  }
  #top .main-top .img .scroll-icon {
    position: absolute;
    bottom: 4rem;
    right: 15%;
    width: 3.6rem;
    height: 3.6rem;
  }
  #top .main-top .img .title-sub {
    font-size: 2rem;
  }
  #top .main-top .img .title-main {
    font-size: 6rem;
    line-height: 1.2;
  }
  #top .main-top .img .title-des {
    font-size: 1.6rem;
    font-weight: 800;
  }
  #top .main-top .img img {
    height: 35rem;
    object-fit: cover;
    width: 100%;
  }
  #top .main-top__content {
    margin-top: 5rem;
    flex-direction: column;
  }
  #top .main-top__content .main {
    padding: 1.5rem;
    width: 100%;
  }
  #top .main-top__content .main-content {
    max-width: 32.6rem;
    width: 80%;
  }
  #top .main-top__content .main-content__title {
    font-size: 1.8rem;
  }
  #top .main-top__content .main-l {
    margin-right: 0;
    margin-bottom: 2rem;
  }
}
#top .news {
  padding: 8rem 0;
}
#top .news .title__text {
  font-size: 5rem;
}
#top .news-content {
  margin-top: 4rem;
  padding-left: 4rem;
}
#top .news-content .item {
  padding: 2rem 0 2rem 2rem;
  display: flex;
  line-height: 1.2;
  font-size: 2.4rem;
}
#top .news-content .item-time {
  position: relative;
  margin-right: 4rem;
  min-width: 14rem;
}
#top .news-content .item-time::after {
  position: absolute;
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background-color: #1CBECA;
  top: 1rem;
  left: -2rem;
}
#top .news-content .item-title {
  margin-bottom: 2rem;
}
#top .news-content .item-content .item-img {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
#top .news-content .item-content .item-img img {
  width: 34rem;
}
#top .news-content .item:not(:last-child) {
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #top .news-content {
    padding-left: 2rem;
  }
  #top .news-content .item-time {
    margin-right: 2.5rem;
  }
  #top .news-content .item-content .item-img img {
    width: 24rem;
  }
}
@media screen and (max-width: 767px) {
  #top .news {
    padding: 4rem 0;
  }
  #top .news .title__text {
    font-size: 2.5rem;
  }
  #top .news-item::after {
    top: 0.5rem;
  }
  #top .news-content {
    padding-left: 2rem;
  }
  #top .news-content .item {
    flex-direction: column;
    align-items: start;
    padding: 1.5rem 0 1.5rem 2rem;
    font-size: 1.6rem;
  }
  #top .news-content .item-time {
    margin-right: 0;
    margin-bottom: 1rem;
  }
  #top .news-content .item-content .item-img {
    flex-direction: column;
    margin-right: 4rem;
  }
  #top .news-content .item-content .item-img img {
    width: 100%;
  }
}
#top .intro {
  padding: 10rem 0;
}
#top .intro-content {
  display: flex;
  align-items: center;
  color: #fff;
  position: relative;
}
#top .intro-content::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: calc(100vw - 50% + 100%);
  height: 80%;
  background-color: #1CBECA;
  z-index: -1;
}
#top .intro-l {
  width: 52%;
}
#top .intro-l .intro-title {
  line-height: 0.84;
}
#top .intro-l .intro-title__main {
  font-size: 15.5rem;
  font-weight: 800;
}
#top .intro-l .intro-title__sub {
  font-size: 5.5rem;
  font-weight: 700;
  margin-top: 3rem;
}
#top .intro-l .intro-des {
  font-size: 3.5rem;
  font-weight: 500;
  margin-top: 5rem;
  line-height: 1.28;
}
#top .intro-r {
  width: 48%;
}
#top .intro-r img {
  max-width: 48vw;
}
@media screen and (max-width: 1450px) {
  #top .intro-l .intro-title__main {
    font-size: 9.5rem;
  }
  #top .intro-l .intro-title__sub {
    font-size: 3.5rem;
  }
  #top .intro-l .intro-des {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #top .intro-content::after {
    min-height: 27.5rem;
  }
  #top .intro-l .intro-title__main {
    font-size: 7.5rem;
  }
  #top .intro-l .intro-title__sub {
    font-size: 3rem;
  }
  #top .intro-l .intro-des {
    font-size: 2rem;
    margin-top: 3rem;
  }
}
@media screen and (max-width: 767px) {
  #top .intro {
    padding: 5rem 0;
  }
  #top .intro-content::after {
    min-height: 18.5rem;
  }
  #top .intro-l .intro-title__main {
    font-size: 4rem;
  }
  #top .intro-l .intro-title__sub {
    font-size: 1.6rem;
    margin-top: 1rem;
  }
  #top .intro-l .intro-des {
    font-size: 1.4rem;
    margin-top: 2rem;
  }
}
#top .features {
  padding: 10rem 0 4rem;
}
#top .features-item {
  display: flex;
  justify-content: space-between;
}
#top .features-item__l {
  width: 50%;
}
#top .features-item__l .features-title {
  font-weight: 700;
  line-height: 1;
}
#top .features-item__l .features-title__text {
  font-size: 3rem;
}
#top .features-item__l .features-title__number {
  font-size: 12.5rem;
}
#top .features-item__l .features-content {
  margin-top: 3.7rem;
}
#top .features-item__l .features-content .features-tit {
  margin-bottom: 2.7rem;
}
#top .features-item__l .features-content .features-tit__sub {
  font-size: 2rem;
  font-weight: 500;
}
#top .features-item__l .features-content .features-tit__main {
  font-size: 3.5rem;
  font-weight: 700;
}
#top .features-item__l .below {
  margin-top: 10rem;
  width: 130%;
}
#top .features-item__l .below .ingre {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5rem 2rem;
}
#top .features-item__l .below .ingre-item {
  width: 18rem;
  height: 18rem;
  text-align: center;
  border-radius: 50%;
  border: 0.1rem solid #565656;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#top .features-item__l .below .ingre-item__img {
  position: absolute;
  top: -4rem;
  left: 50%;
  transform: translateX(-50%);
  width: 6.2rem;
  height: 6.2rem;
}
#top .features-item__l .below .ingre-item__title {
  font-size: 3rem;
  font-weight: 500;
  line-height: 1;
}
#top .features-item__l .below .ingre-item__title .number {
  font-size: 2rem;
}
#top .features-item__l .below .ingre-item__number {
  font-size: 4.5rem;
  line-height: 1;
  font-weight: 700;
}
#top .features-item__l .below .ingre-item__number .point {
  font-size: 2.5rem;
}
#top .features-item__l .below-note {
  background-color: #E9FDFF;
  border-radius: 6rem;
  border: 1px solid #565656;
  font-size: 2.5rem;
  padding: 2.5rem 2.2rem 2.7rem;
  line-height: 1.2;
  text-align: center;
  margin-top: 3.7rem;
}
#top .features-item__l .below .board {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
#top .features-item__l .below .board-title {
  background-color: #1CBECA;
  color: #fff;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  padding: 1.2rem 0;
}
#top .features-item__l .below .board-content {
  padding: 3rem;
}
#top .features-item__l .below .board-content .board-row {
  display: flex;
}
#top .features-item__l .below .board-content .board-row:not(:first-child) {
  margin-top: 2rem;
}
#top .features-item__l .below .board-content .board-row__title {
  margin-right: 3rem;
  min-width: 12.5rem;
}
#top .features-item__l .below .board-content__note {
  font-size: 1.2rem;
  color: #1CBECA;
  text-align: center;
  margin-top: 3rem;
}
#top .features-item__r {
  width: 50%;
  padding-right: 5rem;
  text-align: right;
}
#top .features-item__r .features-r__img img {
  max-height: 45rem;
}
#top .features-item:nth-child(2n) {
  flex-direction: row-reverse;
}
#top .features-item:nth-child(2n) .features-item__l .below {
  margin-left: -30%;
}
#top .features-item:nth-child(2n) .features-item__r {
  padding-right: 0;
  padding-left: 5rem;
  text-align: left;
}
#top .features-item:not(:last-child) {
  margin-bottom: 20rem;
}
#top .features-item:nth-child(2) .features-item__r {
  position: relative;
}
#top .features-item:nth-child(2) .features-item__r .features-r__img {
  position: relative;
}
#top .features-item:nth-child(2) .features-item__r .features-r__img::after {
  content: "";
  position: absolute;
  bottom: -40%;
  right: 67%;
  background: url("../img/feature-img-05.png") no-repeat center/contain;
  width: 50%;
  height: 54%;
}
@media screen and (max-width: 1300px) {
  #top .features-item:first-child .features-item__l .below {
    width: 150%;
    margin-top: 13rem;
  }
  #top .features-item:first-child .features-item__l .below .ingre {
    gap: 5rem 2rem;
  }
  #top .features-item:first-child .features-item__l .below .ingre-item {
    width: 14rem;
    height: 14rem;
  }
  #top .features-item:first-child .features-item__l .below .ingre-item__title {
    font-size: 2rem;
  }
  #top .features-item:first-child .features-item__l .below .ingre-item__title .number {
    font-size: 1.4rem;
  }
  #top .features-item:first-child .features-item__l .below .ingre-item__des {
    line-height: 1.2;
  }
  #top .features-item:first-child .features-item__l .below .ingre-item__number {
    font-size: 3rem;
  }
  #top .features-item:first-child .features-item__l .below .ingre-item__number .point {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1095px) and (min-width: 768px) {
  #top .features-item:first-child .features-item__l .below {
    width: 170%;
    margin-left: 15%;
  }
  #top .features-item:first-child .features-item__l .below .ingre {
    gap: 5rem 1rem;
  }
}
@media screen and (max-width: 1095px) and (min-width: 768px) {
  #top .features-item:nth-child(2) .features-item__l .below {
    margin-top: 25vw;
    width: 200%;
    margin-left: -100%;
  }
}
@media screen and (max-width: 767px) {
  #top .features {
    padding: 5rem 0 5rem;
  }
  #top .features-item:first-child .features-item__l .below {
    width: 100%;
    margin-top: 7rem;
  }
  #top .features-item:first-child .features-item__l .below .ingre {
    width: 100%;
    gap: 5rem 2rem;
  }
  #top .features-item:first-child .features-item__l .below .ingre-item {
    width: 14rem;
    height: 14rem;
  }
  #top .features-item:first-child .features-item__l .below .ingre-item__title {
    font-size: 2rem;
  }
  #top .features-item:first-child .features-item__l .below .ingre-item__title .number {
    font-size: 1.5rem;
  }
  #top .features-item:first-child .features-item__l .below .ingre-item__text {
    font-size: 1.4rem;
  }
  #top .features-item:first-child .features-item__l .below .ingre-item__des {
    margin-top: 0.5rem;
  }
  #top .features-item:first-child .features-item__l .below .ingre-item__number {
    font-size: 2.5rem;
  }
  #top .features-item:first-child .features-item__l .below .ingre-item__number .point {
    font-size: 1.6rem;
  }
  #top .features-item {
    flex-direction: column-reverse;
    align-items: center;
  }
  #top .features-item__l {
    width: 100%;
    text-align: center;
  }
  #top .features-item__l .features-title__text {
    font-size: 2rem;
  }
  #top .features-item__l .features-title__number {
    font-size: 7rem;
  }
  #top .features-item__l .features-content {
    margin-top: 1.5rem;
  }
  #top .features-item__l .features-content .features-tit {
    margin-bottom: 1.5rem;
  }
  #top .features-item__l .features-content .features-tit__sub {
    font-size: 1.5rem;
  }
  #top .features-item__l .features-content .features-tit__main {
    font-size: 1.8rem;
  }
  #top .features-item__l .features-content .features-text {
    font-size: 1.4rem;
  }
  #top .features-item__l .below {
    width: 100%;
    margin-top: 7rem;
  }
  #top .features-item__l .below-note {
    font-size: 1.6rem;
    padding: 1.5rem 1.2rem 1.7rem;
  }
  #top .features-item__l .below .board {
    text-align: left;
  }
  #top .features-item__l .below .board-title {
    font-size: 2rem;
  }
  #top .features-item__l .below .board-content {
    padding: 2rem;
  }
  #top .features-item__l .below .board-content .board-row {
    flex-direction: column;
  }
  #top .features-item__l .below .board-content .board-row__title {
    margin-right: 0rem;
    min-width: 10.5rem;
  }
  #top .features-item__l .below .board-content .board-row:not(:first-child) {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px dashed #565656;
  }
  #top .features-item__l .below .board-content__note {
    margin-top: 2rem;
  }
  #top .features-item__r {
    padding-right: 0rem;
  }
  #top .features-item:nth-child(2n) {
    flex-direction: column-reverse;
    align-items: center;
  }
  #top .features-item:nth-child(2n) .features-item__l .below {
    margin-left: 0;
  }
  #top .features-item:nth-child(2n) .features-item__r {
    padding-left: 0rem;
  }
  #top .features-item:not(:last-child) {
    margin-bottom: 5rem;
  }
  #top .features-item:nth-child(2) .above {
    margin-top: 5rem;
  }
  #top .features-item:nth-child(2) .below {
    margin-top: 3rem;
  }
  #top .features-item:nth-child(2) .features-item__r {
    padding-left: 2rem;
  }
  #top .features-item:nth-child(2) .features-item__r .features-r__img::after {
    bottom: -35%;
    right: 80%;
  }
}
#top .flo .flow {
  max-width: 78rem;
  margin-left: auto;
}
#top .flo .flow-title {
  position: relative;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1;
  padding-bottom: 5rem;
}
#top .flo .flow-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("../img/feature-icon-05.png") no-repeat left/contain;
  width: 80%;
  height: 2rem;
}
#top .flo .flow-title__ja {
  font-weight: 500;
  margin-left: 1.5rem;
}
#top .flo .flow-content {
  display: flex;
  align-items: center;
  margin-top: 4.2rem;
}
#top .flo .flow-content .flow-text {
  background-color: #1CBECA;
  border-radius: 50%;
  color: #fff;
  font-weight: 800;
  width: 11.5rem;
  height: 11.5rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
#top .flo .flow-content .flow-text:not(:last-child) {
  margin-right: 2rem;
}
#top .flo .flow-content .flow-cen {
  text-align: center;
  margin-right: 2rem;
}
#top .flo .flow-content .flow-cen__number {
  font-size: 3.5rem;
  font-weight: 800;
  position: relative;
}
#top .flo .flow-content .flow-cen__number::after {
  content: "";
  position: absolute;
  background: url("../img/feature-icon-06.svg") no-repeat center/contain;
  bottom: -0.3rem;
  left: 50%;
  transform: translateX(-50%);
  width: 120%;
  height: 1rem;
}
#top .flo .flow-content .flow-cen__text {
  font-weight: 800;
}
@media screen and (max-width: 1095px) and (min-width: 768px) {
  #top .flo {
    padding-top: 10rem;
  }
  #top .flo .flow {
    max-width: 100%;
  }
  #top .flo .flow-title {
    text-align: center;
  }
  #top .flo .flow-title__ja {
    margin-left: 0;
  }
  #top .flo .flow-title::after {
    width: 100%;
    background-position: center;
  }
  #top .flo .flow-content {
    margin-top: 2rem;
    justify-content: center;
  }
  #top .flo .flow-content .flow-text {
    width: 10rem;
    height: 10rem;
  }
  #top .flo .flow-content .flow-text:not(:last-child) {
    margin-right: 1rem;
  }
  #top .flo .flow-content .flow-cen {
    margin-right: 1rem;
  }
}
@media screen and (max-width: 767px) {
  #top .flo {
    padding-top: 5rem;
  }
  #top .flo .flow-title {
    text-align: center;
  }
  #top .flo .flow-title__ja {
    margin-left: 0;
  }
  #top .flo .flow-title::after {
    width: 100%;
    background-position: center;
  }
  #top .flo .flow-content {
    margin-top: 2rem;
    justify-content: center;
  }
  #top .flo .flow-content .flow-text {
    width: 7rem;
    height: 7rem;
  }
  #top .flo .flow-content .flow-text:not(:last-child) {
    margin-right: 1rem;
  }
  #top .flo .flow-content .flow-cen {
    margin-right: 1rem;
    margin-top: -1rem;
  }
}
#top .contact {
  max-width: 78rem;
  background-color: #D2FCFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  padding: 3.7rem 5.4rem;
  text-align: center;
  margin: 4.2rem 0 10rem;
  margin-left: auto;
}
#top .contact-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 4rem;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  padding: 1rem 0;
  transition: all 0.2s ease-in;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
#top .contact-btn::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleY(1) scaleX(1.25);
  top: 100%;
  width: 140%;
  height: 180%;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}
#top .contact-btn::after {
  content: "";
  position: absolute;
  left: 55%;
  transform: translateX(-50%) scaleY(1) scaleX(1.45);
  top: 180%;
  width: 160%;
  height: 190%;
  background-color: #1CBECA;
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}
#top .contact-btn:hover {
  color: #ffffff;
}
#top .contact-btn:hover:before {
  top: -35%;
  background-color: #1CBECA;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}
#top .contact-btn:hover:after {
  top: -45%;
  background-color: #1CBECA;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}
#top .contact-btn__l {
  font-size: 3.5rem;
  font-weight: 700;
}
#top .contact-btn__r {
  font-weight: 800;
  text-align: left;
  margin-left: 1rem;
}
#top .contact-email {
  font-size: 4rem;
  font-weight: 700;
  color: #1CBECA;
  margin: 1.5rem 0 1rem;
}
#top .contact-note {
  font-weight: 800;
}
@media screen and (max-width: 1095px) and (min-width: 768px) {
  #top .contact {
    padding: 3.5rem 2.5rem;
    margin: 4.2rem auto 10rem;
    max-width: 80%;
  }
  #top .contact-btn__l {
    font-size: 2rem;
  }
  #top .contact-email {
    font-size: 2rem;
    margin: 1rem 0 0.5rem;
  }
}
@media screen and (max-width: 767px) {
  #top .contact {
    padding: 1.5rem 1.5rem;
    margin: 3rem 0 10rem;
  }
  #top .contact-btn__l {
    font-size: 2rem;
  }
  #top .contact-email {
    font-size: 2rem;
    margin: 1rem 0 0.5rem;
  }
}
#top .info {
  background-color: #1CBECA;
  padding: 3.5rem 0;
}
#top .info-content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 5rem;
  column-gap: 12rem;
}
#top .info-item {
  width: 54rem;
  height: 30rem;
  display: flex;
}
#top .info-item .info-l {
  width: calc(100% - 41rem);
  position: relative;
  z-index: 1;
}
#top .info-item .info-l__img {
  position: absolute;
  border-top-left-radius: 12rem;
  border-bottom-left-radius: 12rem;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 25rem;
  max-width: 25rem;
  height: 22rem;
  z-index: 2;
}
#top .info-item .info-r {
  width: 41rem;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-top-right-radius: 15rem;
  border-bottom-right-radius: 15rem;
  padding-left: 14.5rem;
  padding-top: 10rem;
  background-color: #fff;
}
#top .info-item .info-r__title {
  font-size: 2rem;
  font-weight: 500;
  color: #1CBECA;
  position: relative;
}
#top .info-item .info-r__title::after {
  content: "";
  position: absolute;
  background: url("../img/info-img-03.png") no-repeat left/contain;
  bottom: -6rem;
  left: 0;
  width: 100%;
  height: 5rem;
}
@media screen and (max-width: 767px) {
  #top .info-item {
    width: 35rem;
    height: 16rem;
  }
  #top .info-item .info-l {
    width: 20%;
  }
  #top .info-item .info-l__img {
    border-top-left-radius: 7rem;
    border-bottom-left-radius: 7rem;
    width: 15rem;
    max-width: 15rem;
    height: 12rem;
  }
  #top .info-item .info-r {
    width: 80%;
    border-top-right-radius: 15rem;
    border-bottom-right-radius: 15rem;
    padding-left: 9.5rem;
    padding-top: 4rem;
  }
  #top .info-item .info-r__title {
    font-size: 1.5rem;
  }
  #top .info-item .info-r__title::after {
    height: 4rem;
    bottom: -5rem;
  }
}
#top .form {
  padding: 9rem 0 14.5rem;
}
#top .form__content {
  padding: 0 15.7rem;
}
#top .form .form-til {
  text-align: center;
}
#top .form__title {
  margin-bottom: 11rem;
  text-align: center;
  font-size: 4rem;
}
#top .form__title::before, #top .form__title::after {
  background-color: #000000;
}
#top .form dl {
  text-align: left;
}
#top .form dl dt {
  font-weight: bold;
}
#top .form dl .item {
  padding: 1rem 0 3.6rem;
}
#top .form dl dd {
  padding: 2.4rem 0 3.6rem;
}
#top .form dl dd .ip {
  width: 100%;
  height: 4.5rem;
  border: none;
  border-bottom: 0.1rem solid #050505;
  border-radius: 0;
}
#top .form dl dd .ip:focus,
#top .form dl dd .message:focus {
  outline: none;
}
#top .form dl dd .ip::placeholder {
  color: #CCCCCC;
}
#top .form dl dd .check {
  display: flex;
}
#top .form dl dd .check-box {
  display: flex;
}
#top .form dl dd .check-box__icon {
  width: 2.6rem;
  height: 2.6rem;
}
#top .form dl dd .check-box__value {
  padding-left: 1.2rem;
}
#top .form dl dd .check .space {
  margin-right: 7.3rem;
}
#top .form dl dd .message {
  width: 100%;
  min-height: 28.9rem;
  padding: 1rem;
  border: 0.1rem solid #050505;
  border-radius: 0.2rem;
}
#top .form dl .dd-check {
  padding: 2.7rem 0 4.3rem;
}
#top .form dl .dd-mess {
  padding: 1.8rem 0 3.2rem;
}
#top .form__btn {
  margin: 3.6rem auto 0;
  padding: 1.1rem 4.5rem;
  border-radius: 3rem;
  border: 0.1rem solid #050505;
  background-color: #fff;
  display: block;
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease;
  color: #050505;
  z-index: 2;
}
#top .form__btn .z-txt {
  position: relative;
  z-index: 2;
}
#top .form__btn::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleY(1) scaleX(1.25);
  top: 100%;
  width: 140%;
  height: 180%;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}
#top .form__btn::after {
  content: "";
  position: absolute;
  left: 55%;
  transform: translateX(-50%) scaleY(1) scaleX(1.45);
  top: 180%;
  width: 160%;
  height: 190%;
  background-color: #1CBECA;
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}
#top .form__btn:hover {
  color: #ffffff;
  border: 1px solid #fff;
}
#top .form__btn:hover:before {
  top: -35%;
  background-color: #1CBECA;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}
#top .form__btn:hover:after {
  top: -45%;
  background-color: #1CBECA;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}
@media screen and (max-width: 767px) {
  #top .form {
    padding: 7.25rem 0 12.4rem;
  }
  #top .form__title {
    margin-bottom: 5.1rem;
    font-size: 3rem;
  }
  #top .form .g-captcha {
    display: flex;
    justify-content: center;
  }
  #top .form__content {
    padding: 0 1rem;
  }
  #top .form__btn {
    margin: 3.6rem auto 0;
  }
  #top .form__btn .z-txt {
    font-size: 1.6rem;
  }
}/*# sourceMappingURL=top.css.map */