@charset "UTF-8";
/* ############################
GROWUP Ver1.0 CSS
############################ */
/* ############################
リセットCSS START
############################ */
*,
*:before,
*:after {
  box-sizing: border-box;
}

/* マージン、パディング、ボーダーをリセット */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0;
  border: 0;
}

/* リストスタイルをリセット */
ol,
ul {
  list-style: none;
}

/* フォント継承をリセット */
html {
  font-family: sans-serif;
}

/* リンクのスタイルをリセット */
a {
  text-decoration: none;
  color: inherit;
}

/* 画像のスケーリングを防ぐ */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* テーブルのボーダースパイシングとボーダーコラプスをリセット */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* その他の基本的なスタイルリセット */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

/* ############################
リセットCSS END
############################ */
/* contents */
.text-center {
  text-align: center;
}

img.hidden {
  opacity: 0;
  animation: fadeIn 0.5s ease-in 0.2s forwards;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}
body {
  max-width: 700px;
  margin: 0 auto !important;
  position: relative;
}

.btn-area {
  position: relative;
}

@keyframes zoom {
  0% {
    transform: scale(1);
    /* 初期サイズ */
  }
  100% {
    transform: scale(1.1);
    /* 1.2倍に拡大 */
  }
}
.btn2 {
  bottom: 2%;
}

.btn3 {
  bottom: 6%;
}

.btn4 {
  bottom: 3%;
}

.form-absolute {
  position: absolute;
  bottom: 48%;
  left: 4%;
}

.n-btn-area img {
  margin: 0 auto;
}

table {
  width: 90%;
  text-align: left;
  margin: 0px auto 0;
}

table th,
table td {
  width: 100%;
  display: block;
}

table th {
  margin-top: 30px;
}

.sec01 {
  background-image: url("../img/img01__1.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 50%;
  background-color: #DBF7FB;
}
@media (max-width: 700px) {
  .sec01 {
    padding-top: 55%;
  }
}
.sec01_2 .btn1 {
  position: absolute;
  top: 7%;
  left: 10%;
  width: 80%;
  animation: zoom 1s alternate infinite;
  z-index: 1;
}
.sec01 #fpoint {
  margin: 0;
  padding-bottom: 50px;
}

input {
  width: 100%;
  padding: 20px;
  border-radius: 10px;
  border: solid 1px #000;
}

input[type=image] {
  border: none;
}

.required,
.err {
  color: red;
}

.btn-fix {
  position: fixed;
  bottom: 0;
  box-sizing: border-box;
  width: clamp(0%, 100%, 700px);
  padding: 10px;
}

.btn-fix img {
  width: 100%;
}

.sec10 {
  padding-bottom: 150px;
}

.sec10 h2 {
  font-weight: 700;
  margin: 60px auto;
  position: relative;
  background: #FF00A7;
  color: #FFF;
  padding: 15px;
}

.copyright {
  text-align: center;
  font-size: 0.8rem;
  padding: 20px;
  background: #2B85FF;
}

.copyright,
.copyright a {
  color: #FFF;
}

footer p {
  background: #319FAF;
  height: 30px;
}

@media (max-width: 700px) {
  .copyright span {
    display: block;
    padding-top: 10px;
  }
  table th {
    margin-top: 5px;
  }
  input {
    padding: 15px;
  }
  .sec10 {
    padding-bottom: 0vw;
  }
  .btn2 {
    bottom: 3.2%;
  }
}
/* ##########################################
特定商取引法に基づく表記|プライバシーポリシー
########################################## */
.low-content td,
.policy-content td {
  line-height: 2;
}

.policy-content th {
  text-align: left;
}

.policy-content h1 span {
  display: block;
  font-size: 1.4rem;
}

.policy-content table,
.low-content table {
  width: 100%;
  font-size: 1rem;
}

.low-content h1,
.policy-content h1 {
  font-size: 2rem;
  margin-top: 40px;
}

.policy-content table th,
.policy-content table td,
.low-content table th,
.low-content table td {
  width: 100%;
  display: block;
}

.policy-content table th,
.low-content table th {
  background: #666;
  color: #FFF;
  padding: 10px;
}

.thumnail .slick-track {
  justify-content: center !important;
}/*# sourceMappingURL=style.css.map */