@charset "UTF-8";
/*全共通*/
/* line 21, ../sass/variable.scss */
.slide-in {
  overflow: hidden;
  display: inline-block;
}

/* line 26, ../sass/variable.scss */
.slide-in_inner {
  display: inline-block;
}

/*左右のアニメーション*/
/* line 32, ../sass/variable.scss */
.leftAnime {
  opacity: 0;
  /*事前に透過0にして消しておく*/
}

/* line 37, ../sass/variable.scss */
.slideAnimeLeftRight {
  animation-name: slideTextX100;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes slideTextX100 {
  from {
    transform: translateX(-100%);
    /*要素を左の枠外に移動*/
    opacity: 0;
  }
  to {
    transform: translateX(0);
    /*要素を元の位置に移動*/
    opacity: 1;
  }
}
/* line 59, ../sass/variable.scss */
.slideAnimeRightLeft {
  animation-name: slideTextX-100;
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes slideTextX-100 {
  from {
    transform: translateX(100%);
    /*要素を右の枠外に移動*/
    opacity: 0;
  }
  to {
    transform: translateX(0);
    /*要素を元の位置に移動*/
    opacity: 1;
  }
}
@keyframes bgchange {
  0% {
    background: #78b9bf;
  }
  /*変化させたい色*/
  15% {
    background: #63acb2;
  }
  /*変化させたい色*/
  35% {
    background: #6b92b9;
  }
  /*変化させたい色*/
  55% {
    background: #b8b4ff;
  }
  /*変化させたい色*/
  75% {
    background: #fff0b4;
  }
  85% {
    background: #ee98af;
  }
  95% {
    background: #facad2;
  }
  /*変化させたい色*/
  100% {
    background: #78b9bf;
  }
  /*変化させたい色*/
}
@keyframes fluidrotate {
  0%,
    100% {
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
  }
}
/* line 4, ../sass/style.scss */
.pc {
  display: block !important;
}

/* line 8, ../sass/style.scss */
.sp {
  display: none !important;
}

/* その場で */
/* line 13, ../sass/style.scss */
.fadeUp {
  animation-name: fadeUpAnime;
  /*アニメーションの定義名*/
  animation-duration: 1s;
  /*アニメーション変化時間 ※デフォルト*/
  animation-fill-mode: forwards;
  /*アニメーションの開始と終了時の状態を指定*/
  opacity: 0;
}

/*アニメーションの開始から終了までを指定する*/
@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* line 36, ../sass/style.scss */
.fadeUpTrigger {
  opacity: 0;
}

/* line 40, ../sass/style.scss */
.openbtn1 {
  position: relative;
  /*ボタン内側の基点となるためrelativeを指定*/
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 5px;
}

/*ボタン内側*/
/* line 50, ../sass/style.scss */
.openbtn1 span {
  display: inline-block;
  transition: all .4s;
  /*アニメーションの設定*/
  position: absolute;
  left: 14px;
  height: 3px;
  border-radius: 2px;
  background: #78b9bf;
  width: 45%;
}

/* line 62, ../sass/style.scss */
.openbtn1 span:nth-of-type(1) {
  top: 15px;
}

/* line 66, ../sass/style.scss */
.openbtn1 span:nth-of-type(2) {
  top: 23px;
}

/* line 70, ../sass/style.scss */
.openbtn1 span:nth-of-type(3) {
  top: 31px;
}

/*activeクラスが付与されると線が回転して×に*/
/* line 76, ../sass/style.scss */
.openbtn1.active span:nth-of-type(1) {
  top: 18px;
  left: 18px;
  transform: translateY(6px) rotate(-45deg);
  width: 30%;
}

/* line 83, ../sass/style.scss */
.openbtn1.active span:nth-of-type(2) {
  opacity: 0;
  /*真ん中の線は透過*/
}

/* line 88, ../sass/style.scss */
.openbtn1.active span:nth-of-type(3) {
  top: 30px;
  left: 18px;
  transform: translateY(-6px) rotate(45deg);
  width: 30%;
}

/* line 95, ../sass/style.scss */
.container {
  width: 780px;
  margin: 0 auto;
}

/* line 100, ../sass/style.scss */
.btn {
  color: #fff;
  text-align: center;
  display: inline-block;
  border-radius: 500px;
}
/* line 106, ../sass/style.scss */
.btn.line {
  background-color: #06c755;
  box-shadow: 3px 5px #09ae4e;
}
/* line 111, ../sass/style.scss */
.btn.normal {
  background-color: #5e80de;
  box-shadow: 3px 5px #4e6ab9;
}
/* line 116, ../sass/style.scss */
.btn a {
  padding: 10px 20px;
  color: #fff;
  display: block;
}

/* line 123, ../sass/style.scss */
.dot {
  position: relative;
}
/* line 126, ../sass/style.scss */
.dot:after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  bottom: -12px;
  left: 40%;
  background-color: #a7d7d6;
  border-radius: 50%;
}

/* line 138, ../sass/style.scss */
.yellowline {
  background-color: #ffed52;
}

/* line 142, ../sass/style.scss */
.slick-slide {
  opacity: .7;
}

/* line 146, ../sass/style.scss */
.slick-current {
  opacity: 1;
}

/* line 150, ../sass/style.scss */
h1,
h2,
h3 {
  letter-spacing: 2px;
}

/* line 156, ../sass/style.scss */
header {
  padding: 12px 0;
  background-color: rgba(255, 255, 255, 0.777);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
/* line 164, ../sass/style.scss */
header .container {
  display: flex;
  align-items: center;
}
/* line 168, ../sass/style.scss */
header .container .logo {
  margin-right: auto;
}
/* line 171, ../sass/style.scss */
header .container .logo img {
  width: 180px;
}
/* line 177, ../sass/style.scss */
header .container .btn {
  font-family: nitalago-ruika, "Open Sans", "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
}

/* line 183, ../sass/style.scss */
#head {
  margin-top: 59px;
}
/* line 186, ../sass/style.scss */
#head .container {
  background: url(../images/lp-back.png);
  background-size: cover;
  padding: 50px 30px;
  box-sizing: border-box;
}
/* line 192, ../sass/style.scss */
#head .container h1 {
  margin-top: 20px;
  font-family: nitalago-ruika, "Open Sans", "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
  font-size: 55px;
  line-height: 35px;
}
/* line 198, ../sass/style.scss */
#head .container h1 span {
  font-family: "Open Sans", "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
  font-weight: bold;
  font-size: 65px;
}
/* line 204, ../sass/style.scss */
#head .container h1 small {
  font-size: 45px;
}
/* line 209, ../sass/style.scss */
#head .container h2 {
  font-family: "Open Sans", "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
  font-weight: bold;
  font-size: 52px;
  color: #ff0000;
}
/* line 215, ../sass/style.scss */
#head .container h2 img {
  margin-right: 8px;
}
/* line 220, ../sass/style.scss */
#head .container p {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 70px;
}
/* line 225, ../sass/style.scss */
#head .container p span {
  background-color: #ffed52;
}
/* line 231, ../sass/style.scss */
#head .container .btns {
  display: flex;
  flex-direction: column;
}
/* line 235, ../sass/style.scss */
#head .container .btns .btn {
  width: 400px;
  margin-bottom: 20px;
}
/* line 239, ../sass/style.scss */
#head .container .btns .btn a {
  padding: 14px;
  font-family: nitalago-ruika, "Open Sans", "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
}

/* line 249, ../sass/style.scss */
#intro .container {
  padding: 80px 0;
  background-color: #fff;
}
/* line 255, ../sass/style.scss */
#intro h2 {
  font-weight: bold;
  font-size: 25px;
  margin-bottom: 20px;
}
/* line 261, ../sass/style.scss */
#intro h3 {
  font-weight: bold;
  font-size: 36px;
  margin-bottom: 60px;
}
/* line 268, ../sass/style.scss */
#intro .kadais {
  width: 570px;
  margin: 0 auto 80px auto;
  position: relative;
}
/* line 273, ../sass/style.scss */
#intro .kadais:before {
  content: '';
  position: absolute;
  background: url(../images/sweat.png) no-repeat;
  width: 55px;
  height: 62px;
  top: -50px;
  right: -50px;
}
/* line 283, ../sass/style.scss */
#intro .kadais:after {
  content: '';
  position: absolute;
  background: url(../images/sweat.png) no-repeat;
  transform: rotate(180deg);
  width: 55px;
  height: 62px;
  bottom: -50px;
  left: -50px;
}
/* line 294, ../sass/style.scss */
#intro .kadais .kadai {
  background-color: #000;
  padding: 14px 0;
  width: 100%;
  border-radius: 500px;
  margin-bottom: 20px;
}
/* line 301, ../sass/style.scss */
#intro .kadais .kadai p {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
}
/* line 307, ../sass/style.scss */
#intro .kadais .kadai p span {
  color: #ff9933;
}

/* line 317, ../sass/style.scss */
.mocha-short .container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
/* line 323, ../sass/style.scss */
.mocha-short .container img {
  width: 100%;
}

/* line 329, ../sass/style.scss */
.solu {
  background-color: #dff0f0;
  position: relative;
  border-radius: 12px;
  padding: 40px 50px;
  width: 600px;
  margin: 0 auto 70px auto;
}
/* line 337, ../sass/style.scss */
.solu h3 {
  background-color: #e278a1;
  font-weight: bold;
  width: 80%;
  padding: 14px 0;
  top: -25px;
  left: 0;
  right: 0;
  margin: auto;
  color: #fff;
  text-align: center;
  position: absolute;
  border-radius: 500px;
}
/* line 352, ../sass/style.scss */
.solu p {
  width: 90%;
  margin: 0 auto;
  font-weight: normal;
}
/* line 358, ../sass/style.scss */
.solu span {
  color: #ffed52;
}

/* line 365, ../sass/style.scss */
#solution .container {
  z-index: 0;
  position: relative;
  padding: 80px 0;
  background-color: #fff;
}
/* line 371, ../sass/style.scss */
#solution .container h2 {
  font-weight: bold;
  font-size: 36px;
  line-height: 57px;
  margin-left: 40px;
  margin-bottom: 110px;
}
/* line 378, ../sass/style.scss */
#solution .container h2 .dot:after {
  background-color: #e278a1;
}
/* line 383, ../sass/style.scss */
#solution .container .center {
  margin: 0 0 30px 0;
}
/* line 387, ../sass/style.scss */
#solution .container img {
  width: 280px;
}
/* line 391, ../sass/style.scss */
#solution .container .ys {
  position: relative;
  z-index: 0;
}
/* line 395, ../sass/style.scss */
#solution .container .ys:after {
  content: '';
  position: absolute;
  background: url(../images/shorts.png) no-repeat;
  background-color: rgba(255, 255, 255, 0.8);
  background-blend-mode: lighten;
  background-size: contain;
  background-position: right;
  top: -50px;
  right: 0;
  width: 366px;
  height: 387px;
  z-index: -1;
}
/* line 411, ../sass/style.scss */
#solution .container .tk {
  position: relative;
  z-index: 0;
  margin-bottom: 110px;
}
/* line 416, ../sass/style.scss */
#solution .container .tk h2 {
  text-align: right;
  margin: 0;
  margin-right: 40px;
}
/* line 422, ../sass/style.scss */
#solution .container .tk:after {
  content: '';
  position: absolute;
  background: url(../images/tiktok.png) no-repeat;
  background-color: rgba(255, 255, 255, 0.8);
  background-blend-mode: lighten;
  background-size: contain;
  background-position: right;
  top: -50px;
  left: 0;
  width: 366px;
  height: 387px;
  z-index: -1;
}
/* line 439, ../sass/style.scss */
#solution .container .merits ul {
  margin: 0 0 80px 40px;
}
/* line 442, ../sass/style.scss */
#solution .container .merits ul li {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
/* line 447, ../sass/style.scss */
#solution .container .merits ul li img {
  margin-right: 10px;
  width: 40px;
}
/* line 452, ../sass/style.scss */
#solution .container .merits ul li p {
  font-size: 24px;
  font-weight: bold;
}
/* line 459, ../sass/style.scss */
#solution .container .merits h3 {
  font-size: 30px;
  font-family: nitalago-ruika, "Open Sans", "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
  text-align: center;
  line-height: 45px;
}
/* line 465, ../sass/style.scss */
#solution .container .merits h3 span {
  color: #ff0000;
}

/* line 473, ../sass/style.scss */
.titleimage {
  text-align: center;
  margin-bottom: 80px;
}
/* line 477, ../sass/style.scss */
.titleimage img {
  width: 150px;
  margin-bottom: 10px;
}
/* line 482, ../sass/style.scss */
.titleimage h3 {
  text-align: center;
  font-weight: bold;
  font-size: 22px;
}

/* line 491, ../sass/style.scss */
#about .container {
  background-color: #fff;
  padding: 80px 0;
}
/* line 495, ../sass/style.scss */
#about .container h2 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 110px;
}
/* line 501, ../sass/style.scss */
#about .container .flows {
  position: relative;
  z-index: 0;
}
/* line 505, ../sass/style.scss */
#about .container .flows:after {
  content: "";
  background-color: #a7d7d6;
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 120px;
  z-index: -1;
}
/* line 517, ../sass/style.scss */
#about .container .flow {
  background-color: #f7f7f7;
  padding: 20px 20px 40px 40px;
  width: 600px;
  margin: 0 auto 40px auto;
  border-radius: 12px;
}
/* line 524, ../sass/style.scss */
#about .container .flow h3 {
  background-color: #5e80de;
  border-radius: 500px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  padding: 10px 30px;
  margin-bottom: 20px;
  display: inline-block;
  width: 50%;
}
/* line 535, ../sass/style.scss */
#about .container .flow h3 span {
  font-family: "Open Sans", "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
  font-style: italic;
  font-weight: bold;
  font-size: 20px;
  margin-right: 20px;
}
/* line 544, ../sass/style.scss */
#about .container .flow p {
  padding-left: 30px;
  font-weight: normal;
}
/* line 549, ../sass/style.scss */
#about .container .flow .concept:after {
  content: '';
  background: url(../images/001-project-management.svg) no-repeat;
  width: 50px;
  height: 50px;
  background-size: contain;
  position: absolute;
  top: -10px;
  right: -20px;
}
/* line 560, ../sass/style.scss */
#about .container .flow .script:after {
  content: '';
  background: url(../images/002-writing.svg) no-repeat;
  width: 50px;
  height: 50px;
  background-size: contain;
  position: absolute;
  top: -10px;
  right: -20px;
}
/* line 571, ../sass/style.scss */
#about .container .flow .photograph:after {
  content: '';
  background: url(../images/003-photographer.svg) no-repeat;
  width: 50px;
  height: 50px;
  background-size: contain;
  position: absolute;
  top: -10px;
  right: -20px;
}
/* line 582, ../sass/style.scss */
#about .container .flow .videoedit:after {
  content: '';
  background: url(../images/004-video-editing.svg) no-repeat;
  width: 50px;
  height: 50px;
  background-size: contain;
  position: absolute;
  top: -10px;
  right: -20px;
}
/* line 593, ../sass/style.scss */
#about .container .flow .report:after {
  content: '';
  background: url(../images/005-report.svg) no-repeat;
  width: 50px;
  height: 50px;
  background-size: contain;
  position: absolute;
  top: -10px;
  right: -20px;
}

/* line 609, ../sass/style.scss */
#voices .container {
  background-color: #fff;
}
/* line 613, ../sass/style.scss */
#voices .titleimage {
  text-align: left;
  margin: 0 0 80px 40px;
}
/* line 617, ../sass/style.scss */
#voices .titleimage h3 {
  text-align: left;
}
/* line 622, ../sass/style.scss */
#voices .voice {
  padding: 80px 0;
  background-color: #a7d7d6;
}
/* line 626, ../sass/style.scss */
#voices .voice .voice-title {
  font-weight: bold;
  font-size: 18px;
  border-top-right-radius: 500px;
  border-bottom-right-radius: 500px;
  color: #fff;
  background-color: #5e80de;
  margin-bottom: 80px;
  padding: 20px;
  display: inline-block;
  width: 60%;
}
/* line 638, ../sass/style.scss */
#voices .voice .voice-title span {
  font-family: "Open Sans", "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
  font-weight: bold;
  font-style: italic;
  margin-right: 20px;
}
/* line 646, ../sass/style.scss */
#voices .voice .solu {
  width: 500px;
}
/* line 649, ../sass/style.scss */
#voices .voice .solu h3 {
  padding: 10px 0;
}
/* line 653, ../sass/style.scss */
#voices .voice .solu.yobo {
  background-color: #f7f7f7;
  margin-bottom: 30px;
}
/* line 657, ../sass/style.scss */
#voices .voice .solu.yobo h3 {
  width: 40%;
  background-color: #000;
}
/* line 662, ../sass/style.scss */
#voices .voice .solu.yobo:before {
  content: '';
  position: absolute;
  background: url(../images/sweat.png) no-repeat;
  width: 55px;
  height: 62px;
  top: -50px;
  right: -50px;
}
/* line 673, ../sass/style.scss */
#voices .voice .solu.kaiketsu {
  background-color: #5e80de;
  color: #fff;
}
/* line 677, ../sass/style.scss */
#voices .voice .solu.kaiketsu h3 {
  width: 40%;
  background-color: #e278a1;
}
/* line 682, ../sass/style.scss */
#voices .voice .solu.kaiketsu:before {
  content: '';
  position: absolute;
  background: url(../images/lightbulb.png) no-repeat;
  background-size: contain;
  width: 58px;
  height: 74px;
  top: -50px;
  right: -50px;
}
/* line 694, ../sass/style.scss */
#voices .voice .solu h4 {
  font-weight: bold;
  font-size: 16px;
  margin-top: 30px;
  background: #4c69b8;
  text-align: center;
  padding: 20px;
  border-radius: 12px;
}
/* line 706, ../sass/style.scss */
#voices .voice .center img {
  width: 60px;
  margin-bottom: 50px;
}

/* line 715, ../sass/style.scss */
#plan .container {
  padding: 80px 0;
  background-color: #fff;
}
/* line 719, ../sass/style.scss */
#plan .container .titleimage {
  text-align: left;
  margin: 0 0 80px 40px;
}
/* line 723, ../sass/style.scss */
#plan .container .titleimage h3 {
  text-align: left;
}
/* line 728, ../sass/style.scss */
#plan .container .plans {
  background-color: #eebd2c;
  padding: 60px;
}
/* line 732, ../sass/style.scss */
#plan .container .plans .plan {
  background-color: #fff;
  border-radius: 12px;
  width: 400px;
  margin: 0 auto;
}
/* line 738, ../sass/style.scss */
#plan .container .plans .plan .inner {
  background-color: #eebd2c;
  padding: 10px;
}
/* line 744, ../sass/style.scss */
#plan .container .plans .plan .plan-title {
  background-color: #f7f7f7;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  padding: 24px 0;
}
/* line 750, ../sass/style.scss */
#plan .container .plans .plan .plan-title h3 {
  margin-left: 20px;
  font-size: 18px;
  font-weight: bold;
}
/* line 755, ../sass/style.scss */
#plan .container .plans .plan .plan-title h3 small {
  font-size: 14px;
  letter-spacing: 1px;
  color: #484848;
}
/* line 763, ../sass/style.scss */
#plan .container .plans .plan .plan-content {
  padding: 30px 0;
  background-color: #fff;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}
/* line 769, ../sass/style.scss */
#plan .container .plans .plan .plan-content .flex {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 30px;
}
/* line 775, ../sass/style.scss */
#plan .container .plans .plan .plan-content .flex .monthly {
  border-radius: 12px;
}
/* line 778, ../sass/style.scss */
#plan .container .plans .plan .plan-content .flex .monthly h4 {
  font-weight: bold;
  font-size: 14px;
  background-color: #eebd2c;
  padding: 10px 0;
  text-align: center;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
}
/* line 788, ../sass/style.scss */
#plan .container .plans .plan .plan-content .flex .monthly p {
  padding: 20px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  padding: 10px;
  font-size: 14px;
  text-align: center;
}
/* line 798, ../sass/style.scss */
#plan .container .plans .plan .plan-content .flex .monthly p span {
  font-family: "Open Sans", "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 30px;
}
/* line 808, ../sass/style.scss */
#plan .container .plans .plan .plan-content .flex .content ul li {
  margin-bottom: 4px;
  display: flex;
  font-size: 13px;
  margin: 10px 0;
}
/* line 815, ../sass/style.scss */
#plan .container .plans .plan .plan-content .flex .content ul li img {
  width: 20px;
  margin-right: 10px;
}
/* line 820, ../sass/style.scss */
#plan .container .plans .plan .plan-content .flex .content ul li.close {
  color: #484848;
}
/* line 823, ../sass/style.scss */
#plan .container .plans .plan .plan-content .flex .content ul li.close img {
  width: 16px;
  margin: 0 12px 0 2px;
}
/* line 832, ../sass/style.scss */
#plan .container .plans .plan .plan-content .price {
  text-align: center;
  font-size: 14px;
}
/* line 836, ../sass/style.scss */
#plan .container .plans .plan .plan-content .price span {
  font-family: "Open Sans", "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 30px;
}

/* line 852, ../sass/style.scss */
#qa h2 img {
  width: 60px;
  margin-left: 10px;
}
/* line 858, ../sass/style.scss */
#qa .container {
  padding: 80px 0 160px 0;
  background-color: #fff;
}
/* line 862, ../sass/style.scss */
#qa .container h2 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 80px;
}
/* line 868, ../sass/style.scss */
#qa .container .qa-list {
  width: 500px;
  margin: 0 auto;
}
/* line 872, ../sass/style.scss */
#qa .container .qa-list dl {
  position: relative;
}
/* line 875, ../sass/style.scss */
#qa .container .qa-list dl:before {
  position: absolute;
  top: 35px;
  right: 35px;
  display: block;
  width: 7px;
  height: 7px;
  margin: auto;
  transition: .2s;
  content: '';
  transform: rotate(135deg);
  border-top: 2px solid #000;
  border-right: 2px solid #000;
}
/* line 890, ../sass/style.scss */
#qa .container .qa-list dl:first-child {
  border-top: 1px solid #000;
}
/* line 895, ../sass/style.scss */
#qa .container .qa-list .open::before {
  transform: rotate(-45deg);
}
/* line 899, ../sass/style.scss */
#qa .container .qa-list .qa {
  border-bottom: 1px solid;
}
/* line 902, ../sass/style.scss */
#qa .container .qa-list .qa dt {
  padding: 20px 20px 26px 20px;
}
/* line 905, ../sass/style.scss */
#qa .container .qa-list .qa dt:before {
  content: 'Q';
  font-family: "Open Sans", "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
  font-size: 26px;
  color: #5e80de;
  font-weight: bold;
  font-style: italic;
  margin-right: 10px;
}
/* line 916, ../sass/style.scss */
#qa .container .qa-list .qa dd {
  display: none;
  padding: 20px;
  font-weight: normal;
}
/* line 921, ../sass/style.scss */
#qa .container .qa-list .qa dd:before {
  content: 'A';
  font-family: "Open Sans", "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
  font-size: 26px;
  color: #ff0000;
  font-weight: bold;
  font-style: italic;
  margin-right: 10px;
}

/* line 936, ../sass/style.scss */
#footer-btn {
  position: fixed;
  display: flex;
  flex-direction: column;
  width: 460px;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: auto;
}
/* line 946, ../sass/style.scss */
#footer-btn .btn {
  width: 460px;
  position: relative;
}

/* line 952, ../sass/style.scss */
.balloon1 {
  position: relative;
  display: inline-block;
  margin: 1.5em auto;
  padding: 14px 0;
  min-width: 120px;
  max-width: 100%;
  color: #5e80de;
  width: 70%;
  background: #e0edffa0;
  border-radius: 15px;
}

/* line 965, ../sass/style.scss */
.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
}

/* line 975, ../sass/style.scss */
.balloon1 p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  text-align: center;
}

/* line 984, ../sass/style.scss */
#form .container {
  background-color: #fff;
  padding: 80px 0;
}
/* line 988, ../sass/style.scss */
#form .container h2 {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 40px;
}
/* line 994, ../sass/style.scss */
#form .container form {
  width: 500px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 60px;
  background-color: #f7f7f7;
  border-radius: 12px;
}
/* line 1002, ../sass/style.scss */
#form .container form dt,
#form .container form dd {
  margin-bottom: 10px;
}
/* line 1007, ../sass/style.scss */
#form .container form input,
#form .container form textarea {
  width: 100%;
  border: none;
  border: 2px solid #eee;
  border-radius: 12px;
  color: #000;
  padding: 8px 12px;
  font-size: 14px;
  transition: .2s;
  box-sizing: border-box;
}
/* line 1019, ../sass/style.scss */
#form .container form input:focus,
#form .container form textarea:focus {
  outline: none;
  border: 2px solid #5e80de;
  background-color: #fffff1;
}
/* line 1026, ../sass/style.scss */
#form .container form input[type="checkbox"] {
  width: auto;
}
/* line 1030, ../sass/style.scss */
#form .container form .red {
  color: #ff5066;
  margin: 2px;
}
/* line 1035, ../sass/style.scss */
#form .container form .submit {
  display: inline-block;
}
/* line 1038, ../sass/style.scss */
#form .container form .submit input[type="submit"] {
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  border: none;
  border-radius: 120px;
  padding: 8px 42px;
  text-align: center;
  letter-spacing: 1.3px;
  font-weight: bold;
  transition: .2s;
  color: #fff;
  background-color: #5e80de;
}
/* line 1054, ../sass/style.scss */
#form .container form .submit input[type="submit"]:hover {
  transform: scale(0.95);
}

/* line 1064, ../sass/style.scss */
#thanks .container {
  padding: 80px 0;
}
/* line 1067, ../sass/style.scss */
#thanks .container h4 {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 20px;
}
/* line 1073, ../sass/style.scss */
#thanks .container .errors {
  color: #cf5757;
  margin-bottom: 20px;
}
/* line 1078, ../sass/style.scss */
#thanks .container .btn {
  border: none;
  padding: 7px 20px;
  font-weight: bold;
}

/* line 1086, ../sass/style.scss */
footer {
  background-color: #000;
  padding: 80px 0 0 0;
}
/* line 1090, ../sass/style.scss */
footer img {
  width: 180px;
  margin-bottom: 20px;
}
/* line 1095, ../sass/style.scss */
footer ul {
  margin-bottom: 80px;
}
/* line 1098, ../sass/style.scss */
footer ul li {
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
}
/* line 1103, ../sass/style.scss */
footer ul li a {
  color: #fff;
}
/* line 1109, ../sass/style.scss */
footer .copyright {
  color: #fff;
  font-size: 10px;
  text-align: center;
  margin-bottom: 8px;
}