@charset "UTF-8";
/*--------------------------------------------------------------
# 変数
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# ミックスイン
--------------------------------------------------------------*/
/* Slider */
/* line 3, app/assets/stylesheets/lib/slick.scss */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

/* line 17, app/assets/stylesheets/lib/slick.scss */
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

/* line 24, app/assets/stylesheets/lib/slick.scss */
.slick-list:focus {
  outline: none;
}

/* line 28, app/assets/stylesheets/lib/slick.scss */
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

/* line 33, app/assets/stylesheets/lib/slick.scss */
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 42, app/assets/stylesheets/lib/slick.scss */
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 50, app/assets/stylesheets/lib/slick.scss */
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

/* line 56, app/assets/stylesheets/lib/slick.scss */
.slick-track:after {
  clear: both;
}

/* line 60, app/assets/stylesheets/lib/slick.scss */
.slick-loading .slick-track {
  visibility: hidden;
}

/* line 64, app/assets/stylesheets/lib/slick.scss */
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

/* line 68, app/assets/stylesheets/lib/slick.scss */
[dir="rtl"] .slick-slide {
  float: right;
}

/* line 71, app/assets/stylesheets/lib/slick.scss */
.slick-slide img {
  display: block;
}

/* line 74, app/assets/stylesheets/lib/slick.scss */
.slick-slide.slick-loading img {
  display: none;
}

/* line 80, app/assets/stylesheets/lib/slick.scss */
.slick-slide.dragging img {
  pointer-events: none;
}

/* line 84, app/assets/stylesheets/lib/slick.scss */
.slick-initialized .slick-slide {
  display: block;
}

/* line 88, app/assets/stylesheets/lib/slick.scss */
.slick-loading .slick-slide {
  visibility: hidden;
}

/* line 92, app/assets/stylesheets/lib/slick.scss */
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* line 98, app/assets/stylesheets/lib/slick.scss */
.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/* Icons */
/* Arrows */
/* line 63, app/assets/stylesheets/lib/slick-theme.scss */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

/* line 89, app/assets/stylesheets/lib/slick-theme.scss */
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

/* line 92, app/assets/stylesheets/lib/slick-theme.scss */
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 103, app/assets/stylesheets/lib/slick-theme.scss */
.slick-prev {
  left: -25px;
}

/* line 105, app/assets/stylesheets/lib/slick-theme.scss */
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

/* line 109, app/assets/stylesheets/lib/slick-theme.scss */
.slick-prev:before {
  content: "←";
}

/* line 111, app/assets/stylesheets/lib/slick-theme.scss */
[dir="rtl"] .slick-prev:before {
  content: "→";
}

/* line 117, app/assets/stylesheets/lib/slick-theme.scss */
.slick-next {
  right: -25px;
}

/* line 119, app/assets/stylesheets/lib/slick-theme.scss */
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

/* line 123, app/assets/stylesheets/lib/slick-theme.scss */
.slick-next:before {
  content: "→";
}

/* line 125, app/assets/stylesheets/lib/slick-theme.scss */
[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
/* line 133, app/assets/stylesheets/lib/slick-theme.scss */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

/* line 137, app/assets/stylesheets/lib/slick-theme.scss */
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

/* line 146, app/assets/stylesheets/lib/slick-theme.scss */
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

/* line 154, app/assets/stylesheets/lib/slick-theme.scss */
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

/* line 166, app/assets/stylesheets/lib/slick-theme.scss */
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

/* line 168, app/assets/stylesheets/lib/slick-theme.scss */
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

/* line 172, app/assets/stylesheets/lib/slick-theme.scss */
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 189, app/assets/stylesheets/lib/slick-theme.scss */
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

@font-face {
  font-family: 'Gill Sans Light';
  src: url(/assets/fonts/gillsans-light.ttf) format("truetype");
}

@font-face {
  font-family: 'Noto Sans JP';
  font-weight: 300;
  font-style: normal;
  src: url(/assets/NotoSansJP/NotoSansJP-Light.ttf) format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans JP';
  font-weight: 400;
  font-style: normal;
  src: url(/assets/NotoSansJP/NotoSansJP-Regular.ttf) format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans JP';
  font-weight: 500;
  font-style: normal;
  src: url(/assets/NotoSansJP/NotoSansJP-Medium.ttf) format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans JP';
  font-weight: 600;
  font-style: normal;
  src: url(/assets/NotoSansJP/NotoSansJP-SemiBold.ttf) format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans JP';
  font-weight: 700;
  font-style: normal;
  src: url(/assets/NotoSansJP/NotoSansJP-Bold.ttf) format("truetype");
  font-display: swap;
}

@font-face {
  font-family: 'LINE Seed JP';
  font-weight: 400;
  font-style: normal;
  src: url(/assets/LINE/LINESeedJP_OTF_Rg.woff2) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: 'LINE Seed JP';
  font-weight: 700;
  font-style: normal;
  src: url(/assets/LINE/LINESeedJP_OTF_Bd.woff2) format("woff2");
}

/*--------------------------------------------------------------
# 基本設定
--------------------------------------------------------------*/
/* line 6, app/assets/stylesheets/module/_base.scss */
* {
  box-sizing: border-box;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

/* line 12, app/assets/stylesheets/module/_base.scss */
*::before,
*::after {
  box-sizing: border-box;
}

/* line 17, app/assets/stylesheets/module/_base.scss */
html {
  font-size: 62.5%;
}

/* line 21, app/assets/stylesheets/module/_base.scss */
body {
  margin: 0;
  padding: 90px 0 0 0;
  overflow-x: hidden;
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 1.6rem;
  line-height: 1.7;
  word-break: break-word;
  overflow-wrap: break-word;
}

@media screen and (max-width: 897px) {
  /* line 21, app/assets/stylesheets/module/_base.scss */
  body {
    font-size: 4.267vw;
    padding: 0;
  }
}

/* line 36, app/assets/stylesheets/module/_base.scss */
body.home-store, body.home-store_lp {
  padding: 0;
}

/* line 41, app/assets/stylesheets/module/_base.scss */
body.home-lp7, body.home-lp7_1, body.home-lp7_2, body.home-lp10, body.home-lp10_1, body.home-lp11 {
  min-height: 100vh;
  background-image: linear-gradient(90deg, rgba(185, 139, 188, 0.2), rgba(185, 225, 247, 0.2)), url(/assets/chat/chat_background-0fa75705c1f96641ddc8b7235e62e505892b00df59ae3ba5d417ca5b114f98ed.png);
  background-size: cover, auto;
  background-repeat: no-repeat, repeat;
  background-attachment: fixed;
}

@media screen and (max-width: 897px) {
  /* line 41, app/assets/stylesheets/module/_base.scss */
  body.home-lp7, body.home-lp7_1, body.home-lp7_2, body.home-lp10, body.home-lp10_1, body.home-lp11 {
    background-size: contain, contain;
    background-repeat: no-repeat, repeat-y;
  }
}

/* line 59, app/assets/stylesheets/module/_base.scss */
body.home-lp7_1, body.home-lp10_1 {
  background-image: linear-gradient(90deg, rgba(185, 139, 188, 0.2), rgba(185, 225, 247, 0.2)), url(/assets/chat/chat_background-2-6ca7c39b1453710c30388f869aefd83a5738986804320d833e0512305c250787.jpg);
}

/* line 64, app/assets/stylesheets/module/_base.scss */
body.home-thanks {
  background-color: linear-gradient(90deg, #b98bbc, #b9e1f7);
}

/* line 69, app/assets/stylesheets/module/_base.scss */
a {
  text-decoration: none;
}

/* line 73, app/assets/stylesheets/module/_base.scss */
img {
  max-width: 100%;
  height: auto;
  font-size: 0;
  line-height: 0;
  vertical-align: bottom;
  border: none;
  transition: opacity .2s;
}

/* line 83, app/assets/stylesheets/module/_base.scss */
.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: #f4e7ff;
}

/* line 89, app/assets/stylesheets/module/_base.scss */
body.article .wrapper, body.store .wrapper {
  background: #fafafa;
}

/* line 95, app/assets/stylesheets/module/_base.scss */
p > em {
  font-style: normal;
  font-weight: bold;
}

/* line 100, app/assets/stylesheets/module/_base.scss */
#content {
  min-height: calc(100vh - 380px);
}

/* line 103, app/assets/stylesheets/module/_base.scss */
#content.fixed {
  padding-top: 50px;
}

/* line 108, app/assets/stylesheets/module/_base.scss */
.container {
  width: 1000px;
  margin: 0 auto;
}

/* line 112, app/assets/stylesheets/module/_base.scss */
.companies-index .container {
  max-width: 1240px;
  width: 100%;
}

/* line 117, app/assets/stylesheets/module/_base.scss */
.companies-show .container {
  max-width: 720px;
  width: 100%;
}

@media screen and (max-width: 897px) {
  /* line 122, app/assets/stylesheets/module/_base.scss */
  .column .container {
    padding: 5vw 5vw 0;
  }
}

@media screen and (max-width: 897px) {
  /* line 108, app/assets/stylesheets/module/_base.scss */
  .container {
    width: 100%;
    padding: 0 5vw;
  }
}

/* line 135, app/assets/stylesheets/module/_base.scss */
.breadcrumb {
  min-height: 50px;
  margin: 0 auto;
  padding: 0;
  color: #27272a;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 897px) {
  /* line 135, app/assets/stylesheets/module/_base.scss */
  .breadcrumb {
    padding: 1em 0;
    font-size: 3.5vw;
  }
}

/* line 149, app/assets/stylesheets/module/_base.scss */
.breadcrumb a {
  color: #337ab7;
  font-weight: bold;
  text-decoration: underline;
  margin-right: 0.3em;
}

@media screen and (min-width: 1025px) {
  /* line 149, app/assets/stylesheets/module/_base.scss */
  .breadcrumb a {
    cursor: pointer;
    transition: 0.5s opacity;
  }
  /* line 47, app/assets/stylesheets/_mixin.scss */
  .breadcrumb a:hover {
    opacity: 0.7;
  }
  /* line 50, app/assets/stylesheets/_mixin.scss */
  .breadcrumb a:hover img {
    opacity: 1;
  }
}

/* line 156, app/assets/stylesheets/module/_base.scss */
.breadcrumb a:not(:first-child) {
  margin-left: 0.3em;
}

/* line 161, app/assets/stylesheets/module/_base.scss */
.breadcrumb .current {
  margin-left: 0.3em;
}

/* line 165, app/assets/stylesheets/module/_base.scss */
.companies-index .breadcrumb, .columns-index .breadcrumb, .columns-show .breadcrumb, .columns-category .breadcrumb {
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  height: 64px;
}

/* line 173, app/assets/stylesheets/module/_base.scss */
.companies-index .breadcrumb a, .columns-index .breadcrumb a, .columns-show .breadcrumb a, .columns-category .breadcrumb a {
  color: #000;
  text-decoration: none;
  font-weight: normal;
}

/* line 178, app/assets/stylesheets/module/_base.scss */
.companies-index .breadcrumb a:hover, .columns-index .breadcrumb a:hover, .columns-show .breadcrumb a:hover, .columns-category .breadcrumb a:hover {
  text-decoration: underline;
}

/* line 183, app/assets/stylesheets/module/_base.scss */
.companies-index .breadcrumb .current, .columns-index .breadcrumb .current, .columns-show .breadcrumb .current, .columns-category .breadcrumb .current {
  color: #BB8DBE;
  font-weight: bold;
}

/* line 192, app/assets/stylesheets/module/_base.scss */
.companies-index #main {
  background: #f2f2f2;
  padding: 50px 0;
}

@media screen and (max-width: 897px) {
  /* line 198, app/assets/stylesheets/module/_base.scss */
  .view--pc {
    display: none !important;
  }
}

@media screen and (min-width: 897px) {
  /* line 204, app/assets/stylesheets/module/_base.scss */
  .view--sp {
    display: none !important;
  }
}

@keyframes blink {
  0% {
    border-color: #ff0000;
  }
  50% {
    border-color: #ff0000;
  }
  51% {
    border-color: transparent;
  }
  100% {
    border-color: transparent;
  }
}

/* line 21, app/assets/stylesheets/module/_form.scss */
.topForm-sp__header {
  width: 1000px;
  display: block;
  margin: 0 auto;
}

/* line 26, app/assets/stylesheets/module/_form.scss */
.topForm-sp__header img {
  vertical-align: text-bottom;
  width: 5rem;
  margin: 0 0.5rem 0.15rem 0;
}

@media screen and (max-width: 897px) {
  /* line 21, app/assets/stylesheets/module/_form.scss */
  .topForm-sp__header {
    max-width: 100%;
  }
  /* line 35, app/assets/stylesheets/module/_form.scss */
  .topForm-sp__header img {
    width: 15.33vw;
    margin: 0 0.5rem;
  }
}

/* line 42, app/assets/stylesheets/module/_form.scss */
.topForm-sp__prologue {
  position: relative;
  display: block;
  margin: auto 0;
  padding: 1em 0;
  font-size: 4.6rem;
  font-weight: bold;
  text-align: center;
  line-height: 2;
  color: #fff;
}

@media screen and (max-width: 897px) {
  /* line 42, app/assets/stylesheets/module/_form.scss */
  .topForm-sp__prologue {
    margin-bottom: 0;
    color: #000;
    font-size: 8.5vw;
    padding-top: 0;
    padding-bottom: 1.5rem;
    letter-spacing: -0.08rem;
    line-height: 1.7;
  }
  /* line 63, app/assets/stylesheets/module/_form.scss */
  .topForm-sp__prologue span {
    color: #F54E6E;
  }
}

/* line 68, app/assets/stylesheets/module/_form.scss */
.topForm-sp__prologue::after {
  position: absolute;
  top: 77%;
  left: 50%;
  width: 100vw;
  height: 400px;
  transform: translate(-50%, -50%);
  background: #BB8DBE;
  content: "";
  z-index: -100;
}

@media screen and (max-width: 897px) {
  /* line 68, app/assets/stylesheets/module/_form.scss */
  .topForm-sp__prologue::after {
    display: none;
  }
}

@media screen and (max-width: 897px) {
  /* line 86, app/assets/stylesheets/module/_form.scss */
  .topForm {
    margin-bottom: 10vw;
  }
}

/* line 92, app/assets/stylesheets/module/_form.scss */
.topForm__header {
  width: 1000px;
  display: block;
  margin: 0 auto;
}

/* line 97, app/assets/stylesheets/module/_form.scss */
.topForm__header img {
  vertical-align: text-bottom;
  width: 5rem;
  margin: 0 0.5rem 0.15rem 0;
}

@media screen and (max-width: 897px) {
  /* line 92, app/assets/stylesheets/module/_form.scss */
  .topForm__header {
    max-width: 100%;
    background-color: #BB8DBE;
    border-top: 3px solid #000;
  }
  /* line 108, app/assets/stylesheets/module/_form.scss */
  .topForm__header img {
    width: 6.33vw;
  }
}

/* line 114, app/assets/stylesheets/module/_form.scss */
.topForm__prologue {
  position: relative;
  display: block;
  margin: auto 0;
  padding: 1em 0;
  font-size: 4.6rem;
  font-weight: bold;
  text-align: center;
  line-height: 2;
  color: #fff;
}

@media screen and (max-width: 897px) {
  /* line 114, app/assets/stylesheets/module/_form.scss */
  .topForm__prologue {
    margin-bottom: 0;
    font-size: 5vw;
  }
}

/* line 131, app/assets/stylesheets/module/_form.scss */
.topForm__prologue::after {
  position: absolute;
  top: 77%;
  left: 50%;
  width: 100vw;
  height: 400px;
  transform: translate(-50%, -50%);
  background: #BB8DBE;
  content: "";
  z-index: -100;
}

@media screen and (max-width: 897px) {
  /* line 131, app/assets/stylesheets/module/_form.scss */
  .topForm__prologue::after {
    display: none;
  }
}

/* line 148, app/assets/stylesheets/module/_form.scss */
.topForm__prologue-acc {
  display: inline-block;
  margin-right: 0.2em;
  padding: 0 0.6em;
  color: #000;
  background: #ffde35;
  line-height: 1.5;
}

/* line 158, app/assets/stylesheets/module/_form.scss */
.topForm__btn {
  font-size: 3rem;
  margin: 1.5em auto;
  padding: 0;
}

@media screen and (max-width: 897px) {
  /* line 158, app/assets/stylesheets/module/_form.scss */
  .topForm__btn {
    font-size: 6.4vw;
    margin: 10vw auto 0;
  }
}

/* line 169, app/assets/stylesheets/module/_form.scss */
.topForm__submit {
  margin: 3em auto 5em;
}

@media screen and (max-width: 897px) {
  /* line 169, app/assets/stylesheets/module/_form.scss */
  .topForm__submit {
    margin: 2em auto 3em;
  }
}

/* line 180, app/assets/stylesheets/module/_form.scss */
.form__cnt {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 1px 1px 16px #aaaaaa75;
}

@media screen and (max-width: 897px) {
  /* line 180, app/assets/stylesheets/module/_form.scss */
  .form__cnt {
    border-top: none;
    border-bottom: none;
    border-radius: 0;
    margin: 0 -5vw;
  }
}

/* line 194, app/assets/stylesheets/module/_form.scss */
.form__row {
  display: flex;
  font-size: 2rem;
  border-top: 1px solid #000;
}

@media screen and (max-width: 897px) {
  /* line 194, app/assets/stylesheets/module/_form.scss */
  .form__row {
    display: block;
  }
}

/* line 203, app/assets/stylesheets/module/_form.scss */
.form__row:first-child {
  border-top: initial;
}

@media screen and (max-width: 897px) {
  /* line 203, app/assets/stylesheets/module/_form.scss */
  .form__row:first-child {
    border-top: 1px solid #000;
  }
}

/* line 212, app/assets/stylesheets/module/_form.scss */
.form__row-ttl {
  position: relative;
  width: 16em;
  padding: 1em 3.5em 1em 1em;
  font-weight: bold;
  background: #fff;
}

@media screen and (max-width: 897px) {
  /* line 212, app/assets/stylesheets/module/_form.scss */
  .form__row-ttl {
    width: 100%;
    padding: 0.5em 0;
    font-size: 5vw;
    text-align: center;
    border-bottom: 1px solid #000;
  }
}

/* line 228, app/assets/stylesheets/module/_form.scss */
.form__row-required {
  position: absolute;
  top: 1.1em;
  right: 1em;
  padding: 0.1em 0.3em;
  color: #fff;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.3;
  background: #F54E6E;
  border-radius: 100px;
}

@media screen and (max-width: 897px) {
  /* line 228, app/assets/stylesheets/module/_form.scss */
  .form__row-required {
    top: 0.7em;
    font-size: 4.733vw;
  }
}

/* line 247, app/assets/stylesheets/module/_form.scss */
.form__row-option {
  position: absolute;
  top: 1.1em;
  right: 1em;
  padding: 0.1em 0.3em;
  color: #fff;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.3;
  background: #aaa;
  border-radius: 100px;
}

@media screen and (max-width: 897px) {
  /* line 247, app/assets/stylesheets/module/_form.scss */
  .form__row-option {
    top: 0.65em;
    font-size: 4.8vw;
  }
}

/* line 265, app/assets/stylesheets/module/_form.scss */
.form__row-supplement {
  font-size: 1.5rem;
}

/* line 268, app/assets/stylesheets/module/_form.scss */
.form__row-supplement i {
  vertical-align: bottom;
  margin-right: 0.3em;
  color: #F54E6E;
}

/* line 276, app/assets/stylesheets/module/_form.scss */
.form__row-cnt {
  width: calc(100% - 16em);
  margin: 0;
  padding: 1.1em 2em;
  background-color: #e8fcfc;
}

@media screen and (max-width: 897px) {
  /* line 276, app/assets/stylesheets/module/_form.scss */
  .form__row-cnt {
    width: 100%;
    padding: 5vw;
  }
}

/* line 288, app/assets/stylesheets/module/_form.scss */
.form__annotation {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 1.8rem;
}

/* line 294, app/assets/stylesheets/module/_form.scss */
.form__key-annotation {
  position: relative;
  margin: 0;
  padding-left: 1.5em;
  padding-top: 0.3em;
  font-size: 1.8rem;
}

@media screen and (max-width: 897px) {
  /* line 294, app/assets/stylesheets/module/_form.scss */
  .form__key-annotation {
    font-size: 3.5vw;
  }
}

/* line 305, app/assets/stylesheets/module/_form.scss */
.form__key-annotation::before {
  position: absolute;
  top: 55%;
  left: 0;
  transform: translateY(-50%);
  width: 1.2em;
  height: 1.2em;
  content: "";
  background: url(/assets/icon/key_icon-85206323342491955a48323284f60715ee6272c601e7cfaf6db0c655f13eb9aa.svg) no-repeat;
}

/* line 317, app/assets/stylesheets/module/_form.scss */
.form__caption {
  margin: 0.5em 0;
  font-size: 2rem;
}

@media screen and (max-width: 897px) {
  /* line 317, app/assets/stylesheets/module/_form.scss */
  .form__caption {
    font-size: 4.267vw;
  }
}

/* line 325, app/assets/stylesheets/module/_form.scss */
.form__caption:last-child {
  margin-bottom: 0;
}

/* line 329, app/assets/stylesheets/module/_form.scss */
.form__caption--bold {
  font-weight: bold;
}

/* line 333, app/assets/stylesheets/module/_form.scss */
.form__caption i {
  vertical-align: bottom;
  margin-right: 0.3em;
  color: #F54E6E;
}

/* line 339, app/assets/stylesheets/module/_form.scss */
.form__caption--cat {
  position: relative;
  margin-top: 0;
  margin-bottom: 1em;
}

@media screen and (max-width: 897px) {
  /* line 339, app/assets/stylesheets/module/_form.scss */
  .form__caption--cat {
    margin: 0 0 5vw;
    font-size: 3.8vw;
  }
}

/* line 351, app/assets/stylesheets/module/_form.scss */
.form__tel-caption {
  margin: 0.5em 0;
  font-size: 2rem;
}

@media screen and (max-width: 897px) {
  /* line 351, app/assets/stylesheets/module/_form.scss */
  .form__tel-caption {
    font-size: 4.267vw;
  }
}

/* line 359, app/assets/stylesheets/module/_form.scss */
.form__tel-caption:last-child {
  margin-bottom: 0;
}

/* line 363, app/assets/stylesheets/module/_form.scss */
.form__tel-caption--bold {
  font-weight: bold;
}

/* line 367, app/assets/stylesheets/module/_form.scss */
.form__tel-caption i {
  vertical-align: bottom;
  margin-right: 0.3em;
  color: #F54E6E;
}

/* line 373, app/assets/stylesheets/module/_form.scss */
.form__tel-caption--cat {
  position: relative;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

@media screen and (max-width: 897px) {
  /* line 373, app/assets/stylesheets/module/_form.scss */
  .form__tel-caption--cat {
    font-size: 3.5vw;
  }
}

/* line 382, app/assets/stylesheets/module/_form.scss */
.form__tel-caption--cat:first-child {
  margin-top: 0;
}

/* line 387, app/assets/stylesheets/module/_form.scss */
.form__tel-caption--remark {
  position: relative;
  margin-top: 0.1em;
  margin-bottom: 0.5em;
}

@media screen and (max-width: 897px) {
  /* line 387, app/assets/stylesheets/module/_form.scss */
  .form__tel-caption--remark {
    font-size: 3.4vw;
  }
}

/* line 396, app/assets/stylesheets/module/_form.scss */
.form__tel-caption--remark:first-child {
  margin-top: 0;
}

/* line 401, app/assets/stylesheets/module/_form.scss */
.form__tel-caption__row-required {
  margin-left: 0.3em;
  padding: 0.1em 0.3em;
  color: #fff;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1.3;
  background: #F54E6E;
  border-radius: 100px;
}

@media screen and (max-width: 897px) {
  /* line 401, app/assets/stylesheets/module/_form.scss */
  .form__tel-caption__row-required {
    top: 0.7em;
    font-size: 3.7vw;
  }
}

/* line 417, app/assets/stylesheets/module/_form.scss */
.form__tel-caption__row-option {
  margin-left: 0.3em;
  padding: 0.1em 0.3em;
  color: #fff;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1.3;
  background: #aaa;
  border-radius: 100px;
}

@media screen and (max-width: 897px) {
  /* line 417, app/assets/stylesheets/module/_form.scss */
  .form__tel-caption__row-option {
    top: 0.65em;
    font-size: 3.7vw;
  }
}

/* line 435, app/assets/stylesheets/module/_form.scss */
.form-cat {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 897px) {
  /* line 435, app/assets/stylesheets/module/_form.scss */
  .form-cat {
    align-items: flex-start;
  }
}

/* line 445, app/assets/stylesheets/module/_form.scss */
.form-radio-list {
  width: calc(100% / 4 - 3%);
  margin-bottom: 20px;
}

/* line 453, app/assets/stylesheets/module/_form.scss */
.form-radio-list:not(:nth-child(4n)) {
  margin-right: 4%;
}

@media screen and (max-width: 897px) {
  /* line 445, app/assets/stylesheets/module/_form.scss */
  .form-radio-list {
    width: calc(100% / 3 - 3%);
    margin-bottom: 10px;
  }
  /* line 462, app/assets/stylesheets/module/_form.scss */
  .form-radio-list.form-more {
    width: 100%;
  }
  /* line 466, app/assets/stylesheets/module/_form.scss */
  .form-radio-list:not(:nth-child(4n)) {
    margin-right: 0;
  }
  /* line 470, app/assets/stylesheets/module/_form.scss */
  .form-radio-list:not(:nth-child(3n)) {
    margin-right: 4.5%;
  }
  /* line 475, app/assets/stylesheets/module/_form.scss */
  .form-radio-list:nth-child(4) {
    width: 100%;
    margin: 0;
  }
  /* line 480, app/assets/stylesheets/module/_form.scss */
  .form-radio-list .last-radio-item {
    height: 18vw;
  }
}

/* line 485, app/assets/stylesheets/module/_form.scss */
.form-radio-list [type="radio"] {
  display: none;
}

/* line 489, app/assets/stylesheets/module/_form.scss */
.form-radio-list__img {
  position: relative;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #aaa;
  padding: 1.5em;
  display: flex;
  justify-content: center;
  height: 130px;
  align-items: center;
}

@media screen and (max-width: 897px) {
  /* line 489, app/assets/stylesheets/module/_form.scss */
  .form-radio-list__img {
    padding: 1.3rem;
    height: 27.3vw;
  }
}

/* line 505, app/assets/stylesheets/module/_form.scss */
.form-radio-list__img img {
  max-height: 100%;
}

/* line 509, app/assets/stylesheets/module/_form.scss */
.form-radio-list__img.not-checked::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border-radius: 10px;
  border: 4px solid transparent;
  animation: 1s linear infinite blink;
  content: "";
}

@media screen and (max-width: 897px) {
  /* line 509, app/assets/stylesheets/module/_form.scss */
  .form-radio-list__img.not-checked::before {
    border-radius: 8px;
    border-width: 3px;
  }
}

/* line 526, app/assets/stylesheets/module/_form.scss */
[type="radio"]:checked + .form-radio-list__img::before {
  animation: none;
}

/* line 530, app/assets/stylesheets/module/_form.scss */
[type="radio"]:checked + .form-radio-list__img::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 12px;
  background: url(/assets/checked-f229c78c84cf9a7f7f2a93ec6f26bb3fa6105c9759f4e4a45c6c0679f9b94c25.svg) center/85% auto no-repeat, #fff;
  opacity: 0.6;
  content: "";
}

@media screen and (max-width: 897px) {
  /* line 544, app/assets/stylesheets/module/_form.scss */
  [type="radio"]:checked + .form-radio-list__img.last-radio-item::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 12px;
    background: url(/assets/checked-f229c78c84cf9a7f7f2a93ec6f26bb3fa6105c9759f4e4a45c6c0679f9b94c25.svg) center/15% auto no-repeat, #fff;
    opacity: 0.6;
    content: "";
  }
  /* line 556, app/assets/stylesheets/module/_form.scss */
  .form-radio-list__img.last-radio-item p {
    font-size: 4vw;
    font-weight: bold;
  }
}

/* line 564, app/assets/stylesheets/module/_form.scss */
.form-radio-list__txt {
  display: block;
  margin-top: 0.5em;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 897px) {
  /* line 564, app/assets/stylesheets/module/_form.scss */
  .form-radio-list__txt {
    font-size: 4vw;
  }
}

/* line 579, app/assets/stylesheets/module/_form.scss */
.form-checkbox-list-part {
  width: calc(100% / 4 - 3%);
  margin-bottom: 20px;
}

/* line 587, app/assets/stylesheets/module/_form.scss */
.form-checkbox-list-part:not(:nth-child(4n)) {
  margin-right: 4%;
}

@media screen and (max-width: 897px) {
  /* line 579, app/assets/stylesheets/module/_form.scss */
  .form-checkbox-list-part {
    width: calc(100% / 3 - 3%);
    margin-bottom: 10px;
  }
  /* line 596, app/assets/stylesheets/module/_form.scss */
  .form-checkbox-list-part.form-more {
    width: 100%;
  }
  /* line 600, app/assets/stylesheets/module/_form.scss */
  .form-checkbox-list-part:not(:nth-child(4n)) {
    margin-right: 0;
  }
  /* line 604, app/assets/stylesheets/module/_form.scss */
  .form-checkbox-list-part:not(:nth-child(3n)) {
    margin-right: 4.5%;
  }
}

/* line 610, app/assets/stylesheets/module/_form.scss */
.form-checkbox-list-part [type="checkbox"] {
  display: none;
}

/* line 614, app/assets/stylesheets/module/_form.scss */
.form-checkbox-list-part__img {
  position: relative;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #aaa;
  padding: 1.5em;
  display: flex;
  justify-content: center;
  height: 130px;
  align-items: center;
}

@media screen and (max-width: 897px) {
  /* line 614, app/assets/stylesheets/module/_form.scss */
  .form-checkbox-list-part__img {
    padding: 1.3rem;
    height: 27.3vw;
  }
}

/* line 630, app/assets/stylesheets/module/_form.scss */
.form-checkbox-list-part__img img {
  max-height: 100%;
}

/* line 634, app/assets/stylesheets/module/_form.scss */
.form-checkbox-list-part__img.not-checked::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border-radius: 10px;
  border: 4px solid transparent;
  animation: 1s linear infinite blink;
  content: "";
}

@media screen and (max-width: 897px) {
  /* line 634, app/assets/stylesheets/module/_form.scss */
  .form-checkbox-list-part__img.not-checked::before {
    border-radius: 8px;
    border-width: 3px;
  }
}

/* line 651, app/assets/stylesheets/module/_form.scss */
[type="checkbox"]:checked + .form-checkbox-list-part__img::before {
  animation: none;
}

/* line 655, app/assets/stylesheets/module/_form.scss */
[type="checkbox"]:checked + .form-checkbox-list-part__img::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 12px;
  background: url(/assets/checked-f229c78c84cf9a7f7f2a93ec6f26bb3fa6105c9759f4e4a45c6c0679f9b94c25.svg) center/85% auto no-repeat, #fff;
  opacity: 0.6;
  content: "";
}

/* line 668, app/assets/stylesheets/module/_form.scss */
.form-checkbox-list-part__txt {
  display: block;
  margin-top: 0.5em;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 897px) {
  /* line 668, app/assets/stylesheets/module/_form.scss */
  .form-checkbox-list-part__txt {
    font-size: 4vw;
  }
}

/* line 682, app/assets/stylesheets/module/_form.scss */
.form-text {
  position: relative;
}

/* line 686, app/assets/stylesheets/module/_form.scss */
.form-text textarea {
  width: 100%;
  width: 100%;
  max-width: 100%;
  padding: 10px 10px 10px 10px;
  color: inherit;
  font-size: 2rem;
  font-family: inherit;
  line-height: inherit;
  background: url(/assets/top/icon_valid_success-f5c1f11d7bc99a3eb57e6e058cbb407c3d67ce8587cb90d42f0ecc1160754f07.svg) no-repeat right 0.4em center/0 #fff;
  border: 1px solid #aaa;
  border-radius: 10px;
  appearance: none;
}

@media screen and (max-width: 897px) {
  /* line 686, app/assets/stylesheets/module/_form.scss */
  .form-text textarea {
    font-size: 4vw;
  }
}

/* line 705, app/assets/stylesheets/module/_form.scss */
.form-text.not-checked::before {
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: 7px;
  left: -2px;
  border-radius: 12px;
  border: 4px solid transparent;
  animation: 1s linear infinite blink;
  content: "";
  pointer-events: none;
}

/* line 719, app/assets/stylesheets/module/_form.scss */
.form-select {
  position: relative;
}

/* line 723, app/assets/stylesheets/module/_form.scss */
.form-select select {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 60px;
  padding: 0 0 0 1em;
  color: inherit;
  font-size: 2rem;
  font-weight: bold;
  font-family: inherit;
  line-height: inherit;
  background-color: #fff;
  background-image: url(/assets/select_bg-1b5a9170249c533ca8c4f00e6f501423436bee88a5a6805ede341f18b59887ec.svg), url(/assets/top/icon_valid_success-f5c1f11d7bc99a3eb57e6e058cbb407c3d67ce8587cb90d42f0ecc1160754f07.svg);
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 24px 24px, 0;
  border: 1px solid #aaa;
  border-radius: 10px;
  appearance: none;
}

@media screen and (max-width: 897px) {
  /* line 723, app/assets/stylesheets/module/_form.scss */
  .form-select select {
    font-size: 4.333vw;
  }
}

/* line 749, app/assets/stylesheets/module/_form.scss */
.form-select.not-checked::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border-radius: 12px;
  border: 4px solid transparent;
  animation: 1s linear infinite blink;
  content: "";
  pointer-events: none;
}

/* line 763, app/assets/stylesheets/module/_form.scss */
.form-radio {
  position: relative;
  display: inline-block;
  font-weight: bold;
}

/* line 769, app/assets/stylesheets/module/_form.scss */
.form-radio [type="radio"] {
  display: none;
}

/* line 773, app/assets/stylesheets/module/_form.scss */
.form-radio__txt {
  padding: 0.5em 0 0.5em 1.8em;
}

@media screen and (max-width: 897px) {
  /* line 773, app/assets/stylesheets/module/_form.scss */
  .form-radio__txt {
    padding-left: 2.2em;
    font-size: 5.333vw;
  }
}

@media screen and (max-width: 897px) {
  /* line 781, app/assets/stylesheets/module/_form.scss */
  .form-radio__txt small {
    display: block;
    padding: 0 0 0 2.7em;
    font-size: 3.7vw;
  }
}

/* line 791, app/assets/stylesheets/module/_form.scss */
.form-radio__checkbox {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  background: #fff;
  border: 3px solid #aaa;
  border-radius: 100px;
  content: "";
}

/* line 804, app/assets/stylesheets/module/_form.scss */
.form-radio__checkbox.not-checked::before {
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border-radius: 12px;
  border: 4px solid transparent;
  animation: 1s linear infinite blink;
  content: "";
}

/* line 817, app/assets/stylesheets/module/_form.scss */
[type="radio"]:checked + .form-radio__checkbox::after {
  position: absolute;
  top: 50%;
  left: 7%;
  transform: translate(23%, -50%);
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  background: #aaa;
  border-radius: 100px;
  content: "";
}

/* line 831, app/assets/stylesheets/module/_form.scss */
.form-address {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 0 20px 0;
}

@media screen and (max-width: 897px) {
  /* line 831, app/assets/stylesheets/module/_form.scss */
  .form-address {
    position: relative;
  }
}

/* line 841, app/assets/stylesheets/module/_form.scss */
.form-address:last-child {
  margin-bottom: 0;
}

/* line 845, app/assets/stylesheets/module/_form.scss */
.form-address__ttl {
  width: 150px;
  font-weight: bold;
  font-size: 2rem;
}

@media screen and (max-width: 897px) {
  /* line 845, app/assets/stylesheets/module/_form.scss */
  .form-address__ttl {
    width: 100%;
  }
}

/* line 855, app/assets/stylesheets/module/_form.scss */
.form-address__zip {
  position: relative;
  width: 220px;
  margin-right: auto;
}

@media screen and (max-width: 897px) {
  /* line 855, app/assets/stylesheets/module/_form.scss */
  .form-address__zip {
    width: 48%;
    margin-left: -1em;
  }
  /* line 864, app/assets/stylesheets/module/_form.scss */
  .form-address__zip .form-input {
    padding-left: 2em;
    padding-right: 5px;
  }
}

/* line 871, app/assets/stylesheets/module/_form.scss */
.form-address__mark {
  width: 30px;
  margin-left: -30px;
  font-weight: bold;
  font-size: 2.4rem;
}

@media screen and (max-width: 897px) {
  /* line 871, app/assets/stylesheets/module/_form.scss */
  .form-address__mark {
    position: relative;
    left: 10px;
    margin-left: 0;
    width: 1em;
    z-index: 1;
  }
}

/* line 886, app/assets/stylesheets/module/_form.scss */
.form-address__find, .form-address__back {
  font-size: 1.6rem;
  color: #000;
  text-decoration: underline;
}

@media screen and (max-width: 897px) {
  /* line 886, app/assets/stylesheets/module/_form.scss */
  .form-address__find, .form-address__back {
    font-size: 3.5vw;
  }
}

/* line 897, app/assets/stylesheets/module/_form.scss */
.form-address__back {
  display: none;
}

/* line 901, app/assets/stylesheets/module/_form.scss */
.form-address__cnt {
  flex: 1;
}

/* line 905, app/assets/stylesheets/module/_form.scss */
.form-address__label {
  display: none;
  width: 100%;
  margin: 20px 0 0 150px;
  font-size: 1em;
}

@media screen and (max-width: 897px) {
  /* line 905, app/assets/stylesheets/module/_form.scss */
  .form-address__label {
    margin: 20px 0 0;
    font-size: 5vw;
  }
}

/* line 917, app/assets/stylesheets/module/_form.scss */
.form-address__zip, .form-address__cnt {
  position: relative;
}

/* line 920, app/assets/stylesheets/module/_form.scss */
.form-address__zip.not-checked::before, .form-address__cnt.not-checked::before {
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border-radius: 12px;
  border: 4px solid transparent;
  animation: 1s linear infinite blink;
  content: "";
  pointer-events: none;
}

/* line 935, app/assets/stylesheets/module/_form.scss */
.form-input {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 60px;
  padding: 0 45px 0 10px;
  color: inherit;
  font-size: 2rem;
  font-family: inherit;
  line-height: inherit;
  background: url(/assets/top/icon_valid_success-f5c1f11d7bc99a3eb57e6e058cbb407c3d67ce8587cb90d42f0ecc1160754f07.svg) no-repeat right 0.4em center/0 #fff;
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 10px;
  appearance: none;
}

@media screen and (max-width: 897px) {
  /* line 935, app/assets/stylesheets/module/_form.scss */
  .form-input {
    font-size: 4.333vw;
  }
}

/* line 956, app/assets/stylesheets/module/_form.scss */
.form-input:focus {
  outline: none;
}

/* line 961, app/assets/stylesheets/module/_form.scss */
.form-username {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}

/* line 968, app/assets/stylesheets/module/_form.scss */
.form-username:first-child {
  margin-top: 0;
}

/* line 972, app/assets/stylesheets/module/_form.scss */
.form-username__ttl {
  width: 115px;
  font-weight: bold;
  font-size: 2rem;
}

@media screen and (max-width: 897px) {
  /* line 972, app/assets/stylesheets/module/_form.scss */
  .form-username__ttl {
    width: 100%;
  }
}

/* line 982, app/assets/stylesheets/module/_form.scss */
.form-username__sei, .form-username__mei {
  position: relative;
  flex: 1;
  margin-right: 10px;
}

/* line 987, app/assets/stylesheets/module/_form.scss */
.form-username__sei.not-checked::before, .form-username__mei.not-checked::before {
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  border-radius: 12px;
  border: 4px solid transparent;
  animation: 1s linear infinite blink;
  content: "";
  pointer-events: none;
}

/* line 1001, app/assets/stylesheets/module/_form.scss */
.form-username__company {
  position: relative;
  flex: 1;
}

/* line 1005, app/assets/stylesheets/module/_form.scss */
.form-username__company.not-checked::before {
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  border-radius: 12px;
  border: 4px solid transparent;
  animation: 1s linear infinite blink;
  content: "";
  pointer-events: none;
}

/* line 1020, app/assets/stylesheets/module/_form.scss */
.form-userkana {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}

/* line 1027, app/assets/stylesheets/module/_form.scss */
.form-userkana:first-child {
  margin-top: 0;
}

/* line 1031, app/assets/stylesheets/module/_form.scss */
.form-userkana__ttl {
  width: 115px;
  font-weight: bold;
  font-size: 2rem;
}

@media screen and (max-width: 897px) {
  /* line 1031, app/assets/stylesheets/module/_form.scss */
  .form-userkana__ttl {
    width: 100%;
  }
}

/* line 1041, app/assets/stylesheets/module/_form.scss */
.form-userkana__sei, .form-userkana__mei {
  position: relative;
  flex: 1;
  margin-right: 10px;
}

/* line 1046, app/assets/stylesheets/module/_form.scss */
.form-userkana__sei.not-checked::before, .form-userkana__mei.not-checked::before {
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  border-radius: 12px;
  border: 4px solid transparent;
  animation: 1s linear infinite blink;
  content: "";
  pointer-events: none;
}

/* line 1060, app/assets/stylesheets/module/_form.scss */
.form-userkana__company {
  position: relative;
  flex: 1;
}

/* line 1064, app/assets/stylesheets/module/_form.scss */
.form-userkana__company.not-checked::before {
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  border-radius: 12px;
  border: 4px solid transparent;
  animation: 1s linear infinite blink;
  content: "";
  pointer-events: none;
}

/* line 1079, app/assets/stylesheets/module/_form.scss */
.form-tel {
  position: relative;
}

/* line 1082, app/assets/stylesheets/module/_form.scss */
.form-tel.not-checked::before {
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  border-radius: 12px;
  border: 4px solid transparent;
  animation: 1s linear infinite blink;
  content: "";
  pointer-events: none;
}

/* line 1096, app/assets/stylesheets/module/_form.scss */
.form-email {
  position: relative;
}

/* line 1099, app/assets/stylesheets/module/_form.scss */
.form-email.not-checked::before {
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  border-radius: 12px;
  border: 4px solid transparent;
  animation: 1s linear infinite blink;
  content: "";
  pointer-events: none;
}

/* line 1115, app/assets/stylesheets/module/_form.scss */
.form-group--inline .form-radio {
  display: inline-block;
  margin-right: 2em;
}

/* line 1121, app/assets/stylesheets/module/_form.scss */
.form-reason {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 897px) {
  /* line 1121, app/assets/stylesheets/module/_form.scss */
  .form-reason {
    align-items: flex-start;
  }
}

/* line 1131, app/assets/stylesheets/module/_form.scss */
.other-detail {
  margin-top: 2rem;
}

/* line 1134, app/assets/stylesheets/module/_form.scss */
.other-detail i {
  color: #F54E6E;
  margin-right: 0.5rem;
  vertical-align: middle;
}

/* line 1142, app/assets/stylesheets/module/_form.scss */
.form-checkbox-list {
  width: 49%;
  margin-bottom: 5px;
  position: relative;
}

/* line 1147, app/assets/stylesheets/module/_form.scss */
.form-checkbox-list:nth-child(2n - 1) {
  margin-right: 2%;
}

@media screen and (max-width: 897px) {
  /* line 1142, app/assets/stylesheets/module/_form.scss */
  .form-checkbox-list {
    width: 95%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  /* line 1156, app/assets/stylesheets/module/_form.scss */
  .form-checkbox-list.form-more {
    width: 100%;
  }
}

/* line 1161, app/assets/stylesheets/module/_form.scss */
.form-checkbox-list [type="checkbox"] {
  display: none;
}

/* line 1165, app/assets/stylesheets/module/_form.scss */
.form-checkbox-list__checkbox {
  position: absolute;
  top: 53%;
  left: 0;
  transform: translateY(-50%);
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  background: #fff;
  border: 2px solid #aaa;
  border-radius: 5px;
  content: "";
}

/* line 1178, app/assets/stylesheets/module/_form.scss */
.form-checkbox-list__checkbox.not-checked::before {
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  border-radius: 5px;
  border: 3px solid transparent;
  animation: 1s linear infinite blink;
  content: "";
}

/* line 1191, app/assets/stylesheets/module/_form.scss */
[type="checkbox"]:checked + .form-checkbox-list__checkbox::after {
  position: absolute;
  top: 50%;
  left: -10%;
  transform: translateY(-50%);
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  background: #39d300;
  border-radius: 5px;
  content: "";
}

/* line 1204, app/assets/stylesheets/module/_form.scss */
[type="checkbox"]:checked + .form-checkbox-list__checkbox::before {
  content: '';
  display: block;
  position: absolute;
  top: 10%;
  left: 50%;
  width: 14px;
  height: 7px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(-45deg) translate(-50%, -50%);
  z-index: 50;
}

/* line 1218, app/assets/stylesheets/module/_form.scss */
.form-checkbox-list__txt {
  padding-left: 1.7em;
  font-size: 0.9em;
}

/* line 1224, app/assets/stylesheets/module/_form.scss */
.form-valid__error {
  position: relative;
}

/* line 1227, app/assets/stylesheets/module/_form.scss */
.form-valid__error:not(.not_error_display) select, .form-valid__error:not(.not_error_display) textarea, .form-valid__error:not(.not_error_display) [type="text"], .form-valid__error:not(.not_error_display) [type="tel"], .form-valid__error:not(.not_error_display) [type="email"], .form-valid__error:not(.not_error_display) [type="number"] {
  border-color: #e74c3c;
}

/* line 1236, app/assets/stylesheets/module/_form.scss */
.form-valid__error.form-group:not(.not_error_display) {
  outline: 2px solid #dc3545;
}

/* line 1240, app/assets/stylesheets/module/_form.scss */
.form-valid__error .form-error {
  position: absolute;
  bottom: calc(100% + 6px);
  margin: 0;
  padding: 0 0.5em;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.2;
  white-space: nowrap;
  background: #e74c3c;
  border: 2px #c0392b solid;
  border-radius: 4px;
  opacity: 0.85;
}

/* line 1254, app/assets/stylesheets/module/_form.scss */
.form-valid__error .form-error::before {
  position: absolute;
  top: 100%;
  left: 15px;
  width: 0;
  height: 0;
  border-color: #e74c3c transparent transparent transparent;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  content: "";
}

/* line 1266, app/assets/stylesheets/module/_form.scss */
.form-valid__error .form-error::after {
  position: absolute;
  top: 100%;
  left: 18px;
  width: 0;
  height: 0;
  border-color: #e74c3c transparent transparent transparent;
  border-style: solid;
  border-width: 7px 7px 0 7px;
  content: "";
}

/* line 1280, app/assets/stylesheets/module/_form.scss */
.form-valid__error.not_error_display .form-error {
  display: none;
}

/* line 1288, app/assets/stylesheets/module/_form.scss */
.form-valid__success select {
  border-color: #39d300;
  background-size: 0, 30px 30px;
}

/* line 1293, app/assets/stylesheets/module/_form.scss */
.form-valid__success .form-input, .form-valid__success textarea {
  border-color: #39d300;
  background-size: 30px 30px;
}

/* line 1302, app/assets/stylesheets/module/_form.scss */
.agreement__check {
  display: block;
  margin-top: 1em;
  cursor: pointer;
  transition: .5s opacity;
  font-size: 1.5rem;
  position: relative;
}

@media screen and (max-width: 897px) {
  /* line 1302, app/assets/stylesheets/module/_form.scss */
  .agreement__check {
    font-size: 3.5vw;
  }
}

/* line 1315, app/assets/stylesheets/module/_form.scss */
.agreement [type="checkbox"] {
  display: none;
}

/* line 1319, app/assets/stylesheets/module/_form.scss */
.agreement__checkbox {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  background: #fff;
  border: 2px solid #aaa;
  border-radius: 5px;
  content: "";
}

/* line 1331, app/assets/stylesheets/module/_form.scss */
.agreement__checkbox.not-checked::before {
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  border-radius: 5px;
  border: 3px solid transparent;
  animation: 1s linear infinite blink;
  content: "";
}

/* line 1344, app/assets/stylesheets/module/_form.scss */
[type="checkbox"]:checked + .agreement__checkbox::after {
  position: absolute;
  top: 50%;
  left: -12%;
  transform: translateY(-50%);
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  background: #BB8DBE;
  border-radius: 5px;
  content: "";
}

/* line 1357, app/assets/stylesheets/module/_form.scss */
[type="checkbox"]:checked + .agreement__checkbox::before {
  content: '';
  display: block;
  position: absolute;
  top: 10%;
  left: 50%;
  width: 14px;
  height: 7px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(-45deg) translate(-50%, -50%);
  z-index: 50;
}

/* line 1372, app/assets/stylesheets/module/_form.scss */
.form__error {
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  padding: 0 0.5em;
  color: #fff;
  font-size: 0.9em;
  line-height: 1.2;
  white-space: nowrap;
  background: #e74c3c;
  border: 2px #c0392b solid;
  border-radius: 4px;
  opacity: 0.85;
}

/* line 1388, app/assets/stylesheets/module/_form.scss */
.form__error::before {
  position: absolute;
  top: 100%;
  left: 15px;
  width: 0;
  height: 0;
  border-color: #c0392b transparent transparent transparent;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  content: "";
}

/* line 1400, app/assets/stylesheets/module/_form.scss */
.form__error::after {
  position: absolute;
  top: 100%;
  left: 18px;
  width: 0;
  height: 0;
  border-color: #e74c3c transparent transparent transparent;
  border-style: solid;
  border-width: 7px 7px 0 7px;
  content: "";
}

/* line 1413, app/assets/stylesheets/module/_form.scss */
.privacy-note {
  margin-top: 16px;
  padding: 24px 16px;
  text-align: center;
  font-size: 14px;
  line-height: 1.7;
  font-weight: 400;
}

@media screen and (max-width: 897px) {
  /* line 1413, app/assets/stylesheets/module/_form.scss */
  .privacy-note {
    margin-top: 0;
    font-size: 3vw;
    padding: 3em 0 0;
  }
}

/* line 1427, app/assets/stylesheets/module/_form.scss */
.privacy-note__link {
  color: #7b1fa2;
  text-decoration: underline;
  font-weight: 500;
}

/* line 1433, app/assets/stylesheets/module/_form.scss */
.privacy-note__muted {
  font-size: 12px;
  padding: 24px 16px 0;
}

@media screen and (max-width: 897px) {
  /* line 1433, app/assets/stylesheets/module/_form.scss */
  .privacy-note__muted {
    font-size: 2.7vw;
  }
}

/* line 1441, app/assets/stylesheets/module/_form.scss */
.privacy-note__muted .privacy-note__link {
  color: #9c27b0;
}

@media screen and (max-width: 897px) {
  /* line 1445, app/assets/stylesheets/module/_form.scss */
  .privacy-note__muted .privacy-note__text {
    width: 95%;
    margin: 0 auto;
  }
}

/* line 1, app/assets/stylesheets/module/_footer.scss */
.footer {
  background: linear-gradient(90deg, #A9E1F7, #BEA4D8);
  text-align: center;
  padding-top: 5rem;
  width: 100vw;
}

@media screen and (max-width: 897px) {
  /* line 1, app/assets/stylesheets/module/_footer.scss */
  .footer {
    padding: 7vw 0 0;
  }
}

/* line 11, app/assets/stylesheets/module/_footer.scss */
.footer__sub-ttl {
  margin-bottom: 1px;
  font-size: 1.5rem;
}

@media screen and (max-width: 897px) {
  /* line 11, app/assets/stylesheets/module/_footer.scss */
  .footer__sub-ttl {
    font-size: 3.5vw;
  }
}

/* line 21, app/assets/stylesheets/module/_footer.scss */
.footer__logo img {
  height: 6rem;
}

@media screen and (max-width: 897px) {
  /* line 21, app/assets/stylesheets/module/_footer.scss */
  .footer__logo img {
    width: 50%;
  }
}

/* line 30, app/assets/stylesheets/module/_footer.scss */
.footer__logo {
  text-align: center;
  overflow: hidden;
}

/* line 34, app/assets/stylesheets/module/_footer.scss */
.footer__logo .footer__logo-box {
  width: 280px;
  max-width: 50%;
  margin: 0 auto;
  position: relative;
}

/* line 40, app/assets/stylesheets/module/_footer.scss */
.footer__logo .footer__logo-box .footer_logo {
  width: 100%;
}

/* line 44, app/assets/stylesheets/module/_footer.scss */
.footer__logo .footer__logo-box .footer_p_mark {
  position: absolute;
  bottom: 0;
  right: -4rem;
  width: 6rem;
  height: 6rem;
}

@media screen and (max-width: 897px) {
  /* line 44, app/assets/stylesheets/module/_footer.scss */
  .footer__logo .footer__logo-box .footer_p_mark {
    right: -7rem;
  }
}

/* line 59, app/assets/stylesheets/module/_footer.scss */
.footer__nav {
  display: flex;
  justify-content: center;
  margin: 35px;
}

@media screen and (max-width: 897px) {
  /* line 59, app/assets/stylesheets/module/_footer.scss */
  .footer__nav {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 0;
    list-style: none;
    border-top: 1px solid #000;
    margin: 10vw 0;
    padding-left: 0;
  }
}

/* line 75, app/assets/stylesheets/module/_footer.scss */
.footer__item:first-child {
  margin: 0;
}

/* line 79, app/assets/stylesheets/module/_footer.scss */
.footer__item {
  margin-left: 2em;
}

@media screen and (max-width: 897px) {
  /* line 79, app/assets/stylesheets/module/_footer.scss */
  .footer__item {
    width: 50%;
    margin-left: 0;
    height: 53px;
    display: flex;
    flex-flow: column;
    justify-content: center;
  }
}

/* line 92, app/assets/stylesheets/module/_footer.scss */
.footer__link {
  color: #000;
  font-size: 1.3rem;
}

@media screen and (max-width: 897px) {
  /* line 92, app/assets/stylesheets/module/_footer.scss */
  .footer__link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.2vw;
    background: #fff;
    border-bottom: 1px solid #000;
    height: 100%;
  }
  /* line 106, app/assets/stylesheets/module/_footer.scss */
  .footer__link:nth-child(odd) {
    border-right: 1px solid #000;
  }
  /* line 110, app/assets/stylesheets/module/_footer.scss */
  .footer__link::after {
    position: absolute;
    top: 50%;
    right: 1em;
    width: 0.8em;
    height: 0.8em;
    display: block;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    transform: rotate(-45deg) translateY(-50%);
    content: "";
  }
}

/* line 124, app/assets/stylesheets/module/_footer.scss */
.footer__link:hover {
  text-decoration: underline;
}

/* line 129, app/assets/stylesheets/module/_footer.scss */
.footer__copy {
  margin-bottom: 5px;
}

/* line 136, app/assets/stylesheets/module/_footer.scss */
.popup {
  position: fixed;
  z-index: 67;
  right: 3vw;
  bottom: 3vh;
  display: none;
  max-width: 320px;
}

@media screen and (max-width: 480px) {
  /* line 136, app/assets/stylesheets/module/_footer.scss */
  .popup {
    position: fixed;
    z-index: 67;
    right: 0;
    bottom: 0;
    display: none;
    max-width: 100%;
  }
}

/* line 153, app/assets/stylesheets/module/_footer.scss */
.popup__close {
  position: absolute;
  top: -20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border: none;
  background: transparent;
}

/* line 167, app/assets/stylesheets/module/_footer.scss */
.popup img {
  border: 3px solid #fff;
}

@media screen and (max-width: 480px) {
  /* line 167, app/assets/stylesheets/module/_footer.scss */
  .popup img {
    border: none;
  }
}

/* line 177, app/assets/stylesheets/module/_footer.scss */
.chat-popup {
  position: fixed;
  z-index: 67;
  right: 3vw;
  bottom: 3vh;
  display: none;
  max-width: 320px;
}

@media screen and (max-width: 480px) {
  /* line 177, app/assets/stylesheets/module/_footer.scss */
  .chat-popup {
    position: fixed;
    z-index: 67;
    right: 0;
    bottom: 0;
    display: none;
    max-width: 100%;
  }
}

/* line 194, app/assets/stylesheets/module/_footer.scss */
.chat-popup__close {
  position: absolute;
  top: -20px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border: none;
  background: transparent;
}

/* line 208, app/assets/stylesheets/module/_footer.scss */
.chat-popup img {
  border: 3px solid #fff;
}

@media screen and (max-width: 480px) {
  /* line 208, app/assets/stylesheets/module/_footer.scss */
  .chat-popup img {
    border: none;
  }
}

/*--------------------------------------------------------------
# アニメーションスタイル
--------------------------------------------------------------*/
/* line 8, app/assets/stylesheets/module/_animation.scss */
.inview--typing span {
  opacity: 0;
}

/* line 11, app/assets/stylesheets/module/_animation.scss */
.inview--typing span.is-active {
  opacity: 1;
}

/* line 18, app/assets/stylesheets/module/_animation.scss */
.inview--fadein {
  transform: translateY(50px);
  opacity: 0;
  transition: 0.7s ease-in-out;
}

/* line 23, app/assets/stylesheets/module/_animation.scss */
.inview--fadein.is-active {
  transform: translateY(0);
  opacity: 1;
}

/* line 29, app/assets/stylesheets/module/_animation.scss */
.mv-inview--fadein {
  transform: translateY(180px);
  opacity: 0;
  transition: 1.5s ease-in-out;
}

/* line 34, app/assets/stylesheets/module/_animation.scss */
.mv-inview--fadein.is-active {
  transform: translateY(0);
  opacity: 1;
}

/* line 40, app/assets/stylesheets/module/_animation.scss */
.inview--fadein-nomal {
  opacity: 0;
  transition: 0.7s ease-in-out;
}

/* line 44, app/assets/stylesheets/module/_animation.scss */
.inview--fadein-nomal.is-active {
  opacity: 1;
}

/* line 50, app/assets/stylesheets/module/_animation.scss */
.inview--connect_fadein > * {
  opacity: 0;
  transition: 1s ease-in-out;
}

/* line 54, app/assets/stylesheets/module/_animation.scss */
.inview--connect_fadein > *.is-active {
  opacity: 1;
}

/* line 2, app/assets/stylesheets/module/_chat.scss */
.hidden_form {
  display: none;
}

/* line 6, app/assets/stylesheets/module/_chat.scss */
#browser_back_touch {
  height: 1px;
  position: fixed;
  z-index: 65;
  top: 0;
  left: 0;
  width: 100%;
}

/* line 19, app/assets/stylesheets/module/_chat.scss */
.chat-container {
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
}

/* line 25, app/assets/stylesheets/module/_chat.scss */
.chat-container {
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
}

/* line 31, app/assets/stylesheets/module/_chat.scss */
.contents_wrapper {
  width: calc(100vw - 400px + 85px);
  max-width: 900px;
  margin: 0 auto;
  padding: 160px 0 150px;
  overflow: hidden;
}

@media screen and (max-width: 897px) {
  /* line 31, app/assets/stylesheets/module/_chat.scss */
  .contents_wrapper {
    width: 100%;
    padding: 50px 10px 100px 10px;
  }
  /* line 42, app/assets/stylesheets/module/_chat.scss */
  .home-lp7 .contents_wrapper, .home-lp7_1 .contents_wrapper, .home-lp7_2 .contents_wrapper, .home-lp10 .contents_wrapper, .home-lp10_1 .contents_wrapper, .home-lp11 .contents_wrapper {
    padding: 35vw 10px 40px 10px;
  }
}

/* line 57, app/assets/stylesheets/module/_chat.scss */
.chat_user {
  display: flex;
  position: relative;
  justify-content: end;
  text-align: end;
  width: 320px;
  margin: 0 0 50px auto;
  animation: fadeIn 0.6s forwards;
  position: relative;
}

@media screen and (max-width: 897px) {
  /* line 57, app/assets/stylesheets/module/_chat.scss */
  .chat_user {
    margin-bottom: 40px;
  }
}

/* line 71, app/assets/stylesheets/module/_chat.scss */
.chat_user--redo {
  position: absolute;
  bottom: -1.6em;
  right: 1em;
  font-size: 0.8em;
  color: #6d6d6d;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0;
  appearance: none;
  cursor: pointer;
}

@media screen and (max-width: 897px) {
  /* line 71, app/assets/stylesheets/module/_chat.scss */
  .chat_user--redo {
    bottom: -1.6em;
    right: 5vw;
    font-size: 3.5vw;
  }
}

@media screen and (max-width: 897px) {
  /* line 91, app/assets/stylesheets/module/_chat.scss */
  .chat_user + .chat_user {
    margin-top: 0;
  }
}

/* line 98, app/assets/stylesheets/module/_chat.scss */
.redo-inactive {
  display: none;
  pointer-events: none;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* line 113, app/assets/stylesheets/module/_chat.scss */
.chat-user__box {
  background-color: #CC99CC;
  border-radius: 22px;
  display: inline-block;
  font-size: 20px;
  font-weight: 300;
  padding: 10px 11px 10px 12px;
  position: relative;
  text-align: left;
}

/* line 123, app/assets/stylesheets/module/_chat.scss */
.chat-user__box::after {
  background-image: none;
  border: 7px solid transparent;
  border-left: 15px solid #CC99CC;
  content: "";
  height: 0;
  margin-top: -15px;
  position: absolute;
  right: -11px;
  top: 23%;
  transform: rotate(-40deg);
  width: 0;
}

/* line 137, app/assets/stylesheets/module/_chat.scss */
.chat-user__box::before {
  margin-right: 15px;
  position: absolute;
  content: "既読";
  color: #aaa;
  opacity: 1;
  bottom: 0;
  transform: translate(-165%, 0);
  animation: late-show 0.01s linear 0.3s forwards;
  font-size: 16px;
}

@media screen and (max-width: 897px) {
  /* line 137, app/assets/stylesheets/module/_chat.scss */
  .chat-user__box::before {
    font-size: 14px;
  }
}

@media screen and (max-width: 897px) {
  /* line 154, app/assets/stylesheets/module/_chat.scss */
  .chat-user__text {
    font-size: 14px;
  }
}

/* line 161, app/assets/stylesheets/module/_chat.scss */
.chat-adviser {
  display: flex;
  justify-content: start;
  margin-top: 20px;
  margin-bottom: 50px;
  max-width: 600px;
}

@media screen and (max-width: 897px) {
  /* line 161, app/assets/stylesheets/module/_chat.scss */
  .chat-adviser {
    margin-bottom: 30px;
    margin-top: -20px;
  }
}

/* line 173, app/assets/stylesheets/module/_chat.scss */
.chat-adviser:first-child {
  margin-top: 0;
}

/* line 177, app/assets/stylesheets/module/_chat.scss */
.chat-adviser__img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 47% 34%;
  background-image: url(/assets/chat/chat_adviser-061375a806659a95fb8e3fb5697f63056c760fbde935d61467cc0246432ecb5b.jpg);
  background-color: #fff;
  flex-shrink: 0;
  border: 1px solid #CC99CC;
}

@media screen and (max-width: 897px) {
  /* line 177, app/assets/stylesheets/module/_chat.scss */
  .chat-adviser__img {
    width: 50px;
    height: 50px;
  }
}

/* line 195, app/assets/stylesheets/module/_chat.scss */
.chat-adviser .chat-adviser__img.chat-adviser__clone {
  background-image: url(/assets/chat/chat_adviser-2-993b6cf183016203168b0f2765d6dc18ae83b2e3655d79efab7a6b5f57d77b8c.jpg);
}

/* line 199, app/assets/stylesheets/module/_chat.scss */
.chat-adviser__name {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.8;
  padding-left: 1rem;
}

/* line 206, app/assets/stylesheets/module/_chat.scss */
.chat-adviser__text {
  background-color: #fff;
  border: 2px solid #CC99CC;
  border-radius: 15px;
  font-size: 20px;
  font-weight: bold;
  margin-left: 1.5rem;
  margin-top: 5px;
  padding: 10px 12px 10px 11px;
  position: relative;
  width: fit-content;
}

/* line 219, app/assets/stylesheets/module/_chat.scss */
.chat-adviser__text::before {
  border: 5px solid transparent;
  border-right: 12px solid #fff;
  content: "";
  height: 0;
  left: -12px;
  margin-top: -19px;
  position: absolute;
  top: 16px;
  transform: rotate(32deg);
  width: 0;
  z-index: 1;
}

/* line 233, app/assets/stylesheets/module/_chat.scss */
.chat-adviser__text::after {
  border: 6px solid transparent;
  border-right: 15px solid #CC99CC;
  content: "";
  left: -17px;
  margin-top: -20px;
  position: absolute;
  top: 14px;
  transform: rotate(32deg);
}

@media screen and (max-width: 897px) {
  /* line 206, app/assets/stylesheets/module/_chat.scss */
  .chat-adviser__text {
    font-size: 14px;
  }
}

/* line 249, app/assets/stylesheets/module/_chat.scss */
.search-input {
  width: 100%;
  height: 4vh;
  border: none;
  padding: 1.3vw;
  font-size: 1.8rem;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

/* line 259, app/assets/stylesheets/module/_chat.scss */
.option-box {
  background: rgba(255, 166, 229, 0.5);
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 30px auto;
  padding: 20px 18px;
  width: 70%;
}

@media screen and (max-width: 897px) {
  /* line 259, app/assets/stylesheets/module/_chat.scss */
  .option-box {
    width: 100%;
  }
}

/* line 273, app/assets/stylesheets/module/_chat.scss */
.option-box__caption {
  margin: 0;
  font-weight: bold;
  font-size: 1em;
}

@media screen and (max-width: 897px) {
  /* line 273, app/assets/stylesheets/module/_chat.scss */
  .option-box__caption {
    font-size: 4vw;
  }
}

/* line 284, app/assets/stylesheets/module/_chat.scss */
.address_option-box {
  background: rgba(255, 166, 229, 0.5);
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 30px auto;
  padding: 20px 18px;
  width: 70%;
}

@media screen and (max-width: 897px) {
  /* line 284, app/assets/stylesheets/module/_chat.scss */
  .address_option-box {
    width: 100%;
  }
}

/* line 299, app/assets/stylesheets/module/_chat.scss */
.city-option-box,
.area-option-box {
  background: rgba(255, 166, 229, 0.5);
  border-radius: 8px;
  margin: 30px auto;
  padding: 20px 18px;
  width: 70%;
}

@media screen and (max-width: 897px) {
  /* line 299, app/assets/stylesheets/module/_chat.scss */
  .city-option-box,
.area-option-box {
    width: 100%;
  }
}

/* line 314, app/assets/stylesheets/module/_chat.scss */
.city-option__list,
.area-option__list {
  padding: 0px;
  position: relative;
  overflow: scroll;
  max-height: 300px;
}

@media screen and (max-width: 897px) {
  /* line 314, app/assets/stylesheets/module/_chat.scss */
  .city-option__list,
.area-option__list {
    height: 300px;
  }
}

/* line 325, app/assets/stylesheets/module/_chat.scss */
.city-option__item,
.area-option__item {
  color: #404040;
  border-left: solid 6px #c487c8;
  border-bottom: solid 2px #dadada;
  background: whitesmoke;
  margin-bottom: 3px;
  line-height: 1.5;
  padding: 0.5em;
  list-style-type: none !important;
  font-weight: bold;
  border-radius: 5px;
}

/* line 339, app/assets/stylesheets/module/_chat.scss */
.city-option-btn,
.area-option-btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0.5em 0.5em 0.5em 1.5em;
  appearance: none;
  width: 100%;
  height: 100%;
  font-weight: bold;
  text-align: left;
}

/* line 354, app/assets/stylesheets/module/_chat.scss */
.form-box {
  background: rgba(255, 166, 229, 0.3);
  border-radius: 8px;
  margin: 30px auto;
  padding: 20px 18px;
  display: none;
  width: 70%;
}

/* line 362, app/assets/stylesheets/module/_chat.scss */
.form-box__no-bg {
  background: none;
}

@media screen and (max-width: 897px) {
  /* line 354, app/assets/stylesheets/module/_chat.scss */
  .form-box {
    width: 100%;
  }
}

/* line 371, app/assets/stylesheets/module/_chat.scss */
.option-btn {
  background: #fff;
  border: 2px solid #CC99CC;
  border-radius: 10px;
  box-shadow: 0 4px 1px #9a9a9a61;
  color: #000;
  font-size: 15px;
  font-weight: 600;
  margin: 10px 0;
  outline: none;
  overflow: hidden;
  padding: 20px 5px;
  text-align: center;
}

/* line 388, app/assets/stylesheets/module/_chat.scss */
.option-btn__2 {
  flex-basis: 48%;
}

/* line 392, app/assets/stylesheets/module/_chat.scss */
.option-btn__3 {
  flex-basis: 32%;
}

/* line 397, app/assets/stylesheets/module/_chat.scss */
.address_option-btn {
  background: #fff;
  border: 2px solid #CC99CC;
  border-radius: 10px;
  box-shadow: 0 4px 1px #9a9a9a61;
  color: #000;
  font-size: 15px;
  font-weight: 600;
  margin: 10px 0;
  outline: none;
  overflow: hidden;
  padding: 20px 5px;
  text-align: center;
}

/* line 414, app/assets/stylesheets/module/_chat.scss */
.address_option-btn__2 {
  flex-basis: 48%;
}

/* line 418, app/assets/stylesheets/module/_chat.scss */
.address_option-btn__3 {
  flex-basis: 32%;
}

/* line 423, app/assets/stylesheets/module/_chat.scss */
.option-radios {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

/* line 429, app/assets/stylesheets/module/_chat.scss */
.option-radios__item {
  flex-basis: 46%;
  position: relative;
  text-align: left;
}

/* line 434, app/assets/stylesheets/module/_chat.scss */
.option-radios__item button {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  text-align: left;
  width: 100%;
}

/* line 444, app/assets/stylesheets/module/_chat.scss */
.option-radios__img {
  margin: 0 auto 5px;
  padding-bottom: 70%;
  pointer-events: none;
  width: 100%;
}

/* line 450, app/assets/stylesheets/module/_chat.scss */
.option-radios__img--small {
  background: url(/assets/gaiheki-og-81292565d359987b44001f007e57cd33e99650549fd6de39266275d3b38f5f7c.png) no-repeat;
  background-size: contain;
}

/* line 455, app/assets/stylesheets/module/_chat.scss */
.option-radios__img--test {
  background: url(/assets/favicon-7017cc85650b2cb6ae5dbce1d14359ed3db167f923180519a08c42902f7636de.png) no-repeat;
  background-size: contain;
}

/* line 460, app/assets/stylesheets/module/_chat.scss */
.option-radios__img--mortar {
  background: url(/assets/chat/chat_mortar-72af2186f0ea88561df14c025fe127af901fd5181dfeca32bb15e999b81b465b.jpg) no-repeat;
  background-size: cover;
}

/* line 465, app/assets/stylesheets/module/_chat.scss */
.option-radios__img--siding {
  background: url(/assets/chat/chat_siding-5b962b5662eeecda3bf817140d5061ff3610f78655a05c2e7e80b44e7dcc01c8.jpg) no-repeat;
  background-size: cover;
}

/* line 470, app/assets/stylesheets/module/_chat.scss */
.option-radios__img--tile {
  background: url(/assets/chat/chat_tile-013452bf358cb66fceab6cec6e7de00eabf4e51b3239fac6c69df5cbde77899e.jpg) no-repeat;
  background-size: cover;
}

/* line 475, app/assets/stylesheets/module/_chat.scss */
.option-radios__img--alc {
  background: url(/assets/chat/chat_alc-d0f7c0772d1e8465763f70e8e9a43fe4a22c401b07dd4858a030a3b9c4253b44.jpg) no-repeat;
  background-size: cover;
}

/* line 480, app/assets/stylesheets/module/_chat.scss */
.option-radios__img--kawara {
  background: url(/assets/chat/chat_kawara-8718d81100d51e64f406b4b8370fac0173d4548814391809e728d9f0a9a8e0b7.jpg) no-repeat;
  background-size: cover;
}

/* line 485, app/assets/stylesheets/module/_chat.scss */
.option-radios__img--slate {
  background: url(/assets/chat/chat_slate-de538b4280474ad584eb66de2ca03deca1c5dd9caa93b227131432e30e6316f4.jpg) no-repeat;
  background-size: cover;
}

/* line 490, app/assets/stylesheets/module/_chat.scss */
.option-radios__img--galvalume {
  background: url(/assets/chat/chat_galvalume-a9dc66efedc011239b17f789190db1413de0b419be2a2be157c2adee7aa03a92.jpg) no-repeat;
  background-size: cover;
}

/* line 495, app/assets/stylesheets/module/_chat.scss */
.option-radios__img--totan {
  background: url(/assets/chat/chat_totan-9661c0d3f3db839eac85658dfb6e6da427ba863f3de58e449e63c704bc788062.jpg) no-repeat;
  background-size: cover;
}

/* line 500, app/assets/stylesheets/module/_chat.scss */
.option-radios__img--yosemune {
  background: url(/assets/chat/chat_yosemune-e830fd1683c21f8d8ccbfce854cf98ee6913f00b481d7b23f420b5e86d181f2e.png) no-repeat;
  background-size: contain;
  background-position: center;
}

/* line 506, app/assets/stylesheets/module/_chat.scss */
.option-radios__img--kiritsuma {
  background: url(/assets/chat/chat_kiritsuma-a92b8964ed093a8901f976439913660b1fd0fe65289ec220a3106d9895e19995.png) no-repeat;
  background-size: contain;
  background-position: center;
}

/* line 512, app/assets/stylesheets/module/_chat.scss */
.option-radios__img--katanagare {
  background: url(/assets/chat/chat_katanagare-91f09ef134ad5b3d3bccd68026693305e6c162cd332b60ce7971a745ee280209.png) no-repeat;
  background-size: contain;
  background-position: center;
}

/* line 518, app/assets/stylesheets/module/_chat.scss */
.option-radios__img--rikuyane {
  background: url(/assets/chat/chat_rikuyane-4a2a44d2ffb55e55469c88597e1fed043f0334d422ba10fc21413dcbf7cd4b9e.png) no-repeat;
  background-size: contain;
  background-position: center;
  width: 80%;
}

/* line 525, app/assets/stylesheets/module/_chat.scss */
.option-radios__img--slant20 {
  background: url(/assets/chat/chat_slant20-8615c3174474880844e20c668051333e466d3fc322ee4ddc96385564cdba1b51.jpg) no-repeat;
  background-size: contain;
  border-radius: 10px;
}

/* line 531, app/assets/stylesheets/module/_chat.scss */
.option-radios__img--slant30 {
  background: url(/assets/chat/chat_slant30-1259d08b63213a6893293d453b25c078110ea956b1722731188d49de840abe34.jpg) no-repeat;
  background-size: contain;
  border-radius: 10px;
}

/* line 537, app/assets/stylesheets/module/_chat.scss */
.option-radios__img--slant40 {
  background: url(/assets/chat/chat_slant40-1955a0174f86f33af2e1f8c51c9e052d00b09a423298430fdae89406e38b59d2.jpg) no-repeat;
  background-size: contain;
  border-radius: 10px;
}

/* line 544, app/assets/stylesheets/module/_chat.scss */
.option-radios__txt {
  display: inline-block;
  color: #4c4c4c;
  font-size: 15px;
  font-weight: bold;
  padding-left: 35px;
  pointer-events: none;
  position: relative;
  margin-bottom: 20px;
}

/* line 554, app/assets/stylesheets/module/_chat.scss */
.option-radios__txt::before {
  background: #fff;
  border: 1px solid #0dcaf0;
  border-radius: 50%;
  content: "";
  height: 20px;
  left: 5px;
  top: 2px;
  position: absolute;
  width: 20px;
}

/* line 568, app/assets/stylesheets/module/_chat.scss */
.option-icon {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 100%;
}

/* line 574, app/assets/stylesheets/module/_chat.scss */
.option-icon__item {
  flex-basis: 32%;
  position: relative;
  text-align: left;
}

/* line 579, app/assets/stylesheets/module/_chat.scss */
.option-icon__item button {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  text-align: left;
  width: 100%;
}

/* line 587, app/assets/stylesheets/module/_chat.scss */
.option-icon__item:hover {
  opacity: 0.7;
}

/* line 592, app/assets/stylesheets/module/_chat.scss */
.option-icon__item-2 {
  flex-basis: 47%;
  position: relative;
  text-align: left;
}

/* line 597, app/assets/stylesheets/module/_chat.scss */
.option-icon__item-2 button {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  text-align: left;
  width: 100%;
}

/* line 607, app/assets/stylesheets/module/_chat.scss */
.option-icon__img {
  margin: 0 auto 5px;
  padding-bottom: 70%;
  pointer-events: none;
  width: 100%;
  position: relative;
}

/* line 614, app/assets/stylesheets/module/_chat.scss */
.option-icon__img--wall {
  background: url(/assets/chat/chat_wall-80edab47c5b24881aff6e3fffc1e59e837287ce42f3d6b6055ec0cafeaa5abc6.png) no-repeat;
  background-size: contain;
}

/* line 619, app/assets/stylesheets/module/_chat.scss */
.option-icon__img--roof {
  background: url(/assets/chat/chat_roof-294073458948cc8341ec0bd5ed7a823de8b350f2fc22862406d9c7546af6c9c9.png) no-repeat;
  background-size: contain;
}

/* line 624, app/assets/stylesheets/module/_chat.scss */
.option-icon__img--wall_roof {
  background: url(/assets/chat/chat_wall_roof-3a10afe8564ce2779b7bbbbb10a6f524f588707c09d9886d614601ca4747bf1a.png) no-repeat;
  background-size: contain;
}

/* line 629, app/assets/stylesheets/module/_chat.scss */
.option-icon__img--wall_paint {
  background: url(/assets/chat/chat_wall_paint-304bbd704a5e9f99129c976ed77b65a975380a5352e3a855a84c71942fe37c53.png) no-repeat;
  background-size: contain;
}

/* line 634, app/assets/stylesheets/module/_chat.scss */
.option-icon__img--wall_change {
  background: url(/assets/chat/chat_wall_change-d7158197f0da676530186671d7343564d578411b351dbced90e22da49ce4c3a5.png) no-repeat;
  background-size: contain;
}

/* line 639, app/assets/stylesheets/module/_chat.scss */
.option-icon__img--roof_paint {
  background: url(/assets/chat/chat_roof_paint-7395091b30776bf3d3abf26ee6b48f62691039f668a9330a800649818ec20a8c.png) no-repeat;
  background-size: contain;
}

/* line 644, app/assets/stylesheets/module/_chat.scss */
.option-icon__img--roof_change {
  background: url(/assets/chat/chat_roof_change-afd93cea6add2710fc7ed605723bc710f0e56428c6f2db8113ca42df5b444579.png) no-repeat;
  background-size: contain;
}

/* line 649, app/assets/stylesheets/module/_chat.scss */
.option-icon__img--roof_waterproof {
  background: url(/assets/chat/chat_roof_waterproof-518510aa7e8909f202024f288088ecb111ada3dd6f74cfd740ef5727a953c210.png) no-repeat;
  background-size: contain;
}

/* line 654, app/assets/stylesheets/module/_chat.scss */
.option-icon__img--building_type {
  background: url(/assets/chat/chat_building_type-bc5cdc2cb3f10c128d25e3587db545bb3c6e194c4b0978364aa735272fc082be.png) no-repeat;
  background-size: contain;
}

/* line 659, app/assets/stylesheets/module/_chat.scss */
.option-icon__img--floor {
  background: url(/assets/chat/chat_floor-03396bfd41fa834e29fa5208e1c433f945b73ae3546cf2577f347578be5e0bc7.png) no-repeat;
  background-size: contain;
}

/* line 664, app/assets/stylesheets/module/_chat.scss */
.option-icon__img--floor2 {
  background: url(/assets/chat/chat_floor2-f697bcafb8b4cd38e910aca81cd562a968b9ec5c7cdf4d89db85d7c466257b46.png) no-repeat;
  background-size: contain;
}

/* line 669, app/assets/stylesheets/module/_chat.scss */
.option-icon__img--floor3 {
  background: url(/assets/chat/chat_floor3-f6d4651b6400b3632e300a4988a2f4668119283357b4890e26c955c0f85518bc.png) no-repeat;
  background-size: contain;
}

/* line 674, app/assets/stylesheets/module/_chat.scss */
.option-icon__img--other {
  background: url(/assets/chat/chat_other-e052ef303d5be4de22059e506462b538cd26efd29f0fb4c8ddd81f6cabca16a7.png) no-repeat;
  background-size: contain;
}

/* line 680, app/assets/stylesheets/module/_chat.scss */
.option-icon__txt {
  display: inline-block;
  color: #4c4c4c;
  font-size: 16px;
  font-weight: bold;
  pointer-events: none;
  position: relative;
  margin-inline: auto;
}

/* line 691, app/assets/stylesheets/module/_chat.scss */
.chat-img {
  text-align: center;
  margin: 35px;
}

/* line 696, app/assets/stylesheets/module/_chat.scss */
.chat-img span {
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 330px;
  width: 480px;
}

@media screen and (max-width: 897px) {
  /* line 696, app/assets/stylesheets/module/_chat.scss */
  .chat-img span {
    height: 170px;
    width: 270px;
  }
}

/* line 711, app/assets/stylesheets/module/_chat.scss */
.chat-img__img-moss {
  background: url(/assets/chat/chat_moss-14e9d8e1c3be476db3ff03299f119a6b5f9de35f97f769b6eef9653981785cff.jpg);
}

/* line 715, app/assets/stylesheets/module/_chat.scss */
.chat-img__img-crack {
  background: url(/assets/chat/chat_crack-26ac5cdfe0fd57fcb7a60dbf3792a62b673409a389be91666942aa5842d7127a.jpg);
}

/* line 719, app/assets/stylesheets/module/_chat.scss */
.chat-img__img-fading {
  background: url(/assets/chat/chat_fading-303f747e60291a10495cbae5cb258dde40850ca8b222d271f9c96f315feb9b3c.jpg);
}

/* line 723, app/assets/stylesheets/module/_chat.scss */
.chat-img__img-chalking {
  background: url(/assets/chat/chat_chalking-f8e23c13ad89459d16a1bc56a64680e43349c1eb4b60f3e36044430be80eb252.jpg);
}

/* line 727, app/assets/stylesheets/module/_chat.scss */
.chat-img__img-peeling {
  background: url(/assets/chat/chat_peeling-9cbb888e0d2e9f561d636167afdceb9c5b24101e1ff672a8a6a06155d61c21a9.jpg);
}

/* line 731, app/assets/stylesheets/module/_chat.scss */
.chat-img__img-roof-moss {
  background: url(/assets/chat/chat_roof_moss-979174cb5f5bb91c84328115a3e0a6242330700cf8373fc817fac702f9dfcfee.jpg);
}

/* line 735, app/assets/stylesheets/module/_chat.scss */
.chat-img__img-roof-crack {
  background: url(/assets/chat/chat_roof_crack-4db0db8dea76bbecb3267593baa727df506b01428de2ac660d4500c8ee752391.jpg);
}

/* line 739, app/assets/stylesheets/module/_chat.scss */
.chat-img__img-roof-dull {
  background: url(/assets/chat/chat_roof_dull-22a4e311c581a0419325b8040d05d0d2d172b3da6da8179741925e6ce5edacdb.jpg);
}

/* line 743, app/assets/stylesheets/module/_chat.scss */
.chat-img__img-roof-leak {
  background: url(/assets/chat/chat_roof_leak-826244c153aa912b4584ea73ab987a9c9280f558c2875f116ff909c903fa06f4.jpg);
}

/* line 747, app/assets/stylesheets/module/_chat.scss */
.chat-img__img-kawara-crack {
  background: url(/assets/chat/chat_kawara_crack-71fd0549dae3f315dd89adb1c9de83b87340e43561d4b7f3659797fe4bd9e0fc.jpg);
}

@keyframes late-open {
  to {
    opacity: 1;
    width: auto;
    height: auto;
    overflow: auto;
  }
}

@keyframes late-hide {
  to {
    margin: 0;
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
  }
}

@keyframes dot-flashing {
  0% {
    background-color: transparent;
  }
  100% {
    background-color: #aaa;
  }
}

@keyframes message-loader-bounce {
  0% {
    opacity: 0.2;
    transform: translateY(0);
  }
  50% {
    opacity: 0.6;
    transform: translateY(-10px);
  }
  100% {
    opacity: 0.2;
    transform: translateY(0);
  }
}

/* line 801, app/assets/stylesheets/module/_chat.scss */
.loader {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: block;
  margin: 5px 20px 5px 40px;
  position: relative;
  color: #aaa;
  box-sizing: border-box;
  animation: animloader 1s linear infinite alternate, late-hide 0.01s linear 1s forwards;
}

@keyframes animloader {
  0% {
    box-shadow: -36px -6px, -14px 6px, 12px -6px;
  }
  33% {
    box-shadow: -36px 6px, -14px -6px, 12px 6px;
  }
  66% {
    box-shadow: -36px -6px, -14px 6px, 12px -6px;
  }
  100% {
    box-shadow: -36px 6px, -14px -6px, 12px 6px;
  }
}

/* line 832, app/assets/stylesheets/module/_chat.scss */
.late-open {
  display: block;
  opacity: 1;
  width: 0;
  height: 0;
  overflow: hidden;
  -webkit-animation: late-open 0.01s linear 1s forwards;
  animation: late-open 0.01s linear 1s forwards;
}

/* line 842, app/assets/stylesheets/module/_chat.scss */
.option-modal {
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

/* モーダルCSS */
/* line 850, app/assets/stylesheets/module/_chat.scss */
.chat-modal {
  display: none;
  position: fixed;
  z-index: 83;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 860, app/assets/stylesheets/module/_chat.scss */
.chcat-modal-bg {
  width: 100%;
  height: 100%;
  background-color: rgba(30, 30, 30, 0.9);
}

/* line 866, app/assets/stylesheets/module/_chat.scss */
.chat-modal-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  max-width: 650px;
  padding: 20px;
  background-color: #faf4fd;
  border-radius: 10px;
}

/* line 878, app/assets/stylesheets/module/_chat.scss */
.chat-modal-restraint {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  max-width: 650px;
  padding: 20px;
}

/* line 887, app/assets/stylesheets/module/_chat.scss */
.chat-modal-restraint img {
  border-radius: 10px;
}

/* line 892, app/assets/stylesheets/module/_chat.scss */
.show-modal {
  height: 50px;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 83;
}

/* line 903, app/assets/stylesheets/module/_chat.scss */
.chat-modal-bubble img {
  position: absolute;
  transform: translateY(-120%);
  top: 0;
  left: 0;
  width: 85%;
}

@media screen and (max-width: 897px) {
  /* line 903, app/assets/stylesheets/module/_chat.scss */
  .chat-modal-bubble img {
    transform: translateY(-105%);
  }
}

/* line 916, app/assets/stylesheets/module/_chat.scss */
.chat-modal-banner {
  background-color: #fff;
  padding: 10px;
}

@media screen and (max-width: 897px) {
  /* line 916, app/assets/stylesheets/module/_chat.scss */
  .chat-modal-banner {
    margin-bottom: 30px;
    padding: 5px;
  }
}

/* line 926, app/assets/stylesheets/module/_chat.scss */
.chat-modal-title {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  margin-top: 1em;
}

@media screen and (max-width: 897px) {
  /* line 926, app/assets/stylesheets/module/_chat.scss */
  .chat-modal-title {
    margin-bottom: 30px;
    padding: 5px;
  }
}

/* line 938, app/assets/stylesheets/module/_chat.scss */
.chat-modal-title img {
  width: 70%;
}

@media screen and (max-width: 897px) {
  /* line 938, app/assets/stylesheets/module/_chat.scss */
  .chat-modal-title img {
    width: 85%;
  }
}

/* line 946, app/assets/stylesheets/module/_chat.scss */
.option-finger:after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 30px;
  height: 30px;
  background-image: url(/assets/finger-5166a6cb9c52de4f2cabb96cfdecf43f7be5e33116dced6e8da81fedd2238998.png);
  background-size: 30px 30px;
  background-position: 50% 50%;
  animation: hand .5s infinite;
  bottom: 0;
  right: 0;
  z-index: 10;
}

@keyframes hand {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/* line 982, app/assets/stylesheets/module/_chat.scss */
#chat-lp-footer {
  position: relative;
  padding: 1rem 4vw;
  background: rgba(225, 224, 224, 0.85);
  overflow: hidden;
}

@media screen and (max-width: 897px) {
  /* line 982, app/assets/stylesheets/module/_chat.scss */
  #chat-lp-footer {
    padding: 1.2rem 4vw;
  }
}

/* line 994, app/assets/stylesheets/module/_chat.scss */
.chat-lp-footer .chat-lp-footer__content {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  font-size: 1rem;
  line-height: 1.6;
  white-space: nowrap;
}

@media screen and (max-width: 897px) {
  /* line 994, app/assets/stylesheets/module/_chat.scss */
  .chat-lp-footer .chat-lp-footer__content {
    font-size: 2.2vw;
    white-space: normal;
  }
}

/* line 1008, app/assets/stylesheets/module/_chat.scss */
.chat-lp-footer__link {
  color: #000;
  text-decoration: none;
  transition: opacity 0.2s;
  display: inline;
  font-size: inherit;
}

/* line 1015, app/assets/stylesheets/module/_chat.scss */
.chat-lp-footer__link:hover {
  opacity: 0.7;
  text-decoration: none;
}

@media screen and (max-width: 897px) {
  /* line 1008, app/assets/stylesheets/module/_chat.scss */
  .chat-lp-footer__link {
    color: #000;
    white-space: nowrap;
  }
}

/* line 1026, app/assets/stylesheets/module/_chat.scss */
.chat-lp-footer__separator {
  color: #000;
  margin: 0 0.6rem;
  display: inline;
  font-size: inherit;
}

@media screen and (max-width: 897px) {
  /* line 1026, app/assets/stylesheets/module/_chat.scss */
  .chat-lp-footer__separator {
    margin: 0 0.5rem;
    white-space: nowrap;
  }
}

/* line 1038, app/assets/stylesheets/module/_chat.scss */
.chat-lp-footer__copy {
  font-size: 1rem;
  color: #000;
  line-height: 1.4;
  display: inline;
  padding-left: 20px;
}

@media screen and (max-width: 897px) {
  /* line 1038, app/assets/stylesheets/module/_chat.scss */
  .chat-lp-footer__copy {
    font-size: 2vw;
    display: block;
    padding-left: 0;
    margin-top: 0.5rem;
  }
}

/* line 3, app/assets/stylesheets/module/_column.scss */
.columns-show .contents-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

/* line 9, app/assets/stylesheets/module/_column.scss */
.columns-show .article-content {
  order: 1;
}

/* line 13, app/assets/stylesheets/module/_column.scss */
.columns-show .single-sidebar {
  order: 2;
}

@media screen and (max-width: 897px) {
  /* line 2, app/assets/stylesheets/module/_column.scss */
  .columns-show {
    background: #fff !important;
  }
  /* line 20, app/assets/stylesheets/module/_column.scss */
  .columns-show .contents-inner {
    flex-direction: column-reverse;
  }
}

/* line 26, app/assets/stylesheets/module/_column.scss */
.main {
  flex: 1;
  margin: 0 auto;
}

/* line 30, app/assets/stylesheets/module/_column.scss */
body.single .main {
  padding: 20px 40px;
  background: #fff;
  border: 1px solid #BB8DBE;
  border-radius: 20px;
}

@media screen and (max-width: 897px) {
  /* line 30, app/assets/stylesheets/module/_column.scss */
  body.single .main {
    padding: 5vw;
    width: 100%;
  }
}

@media screen and (max-width: 897px) {
  /* line 42, app/assets/stylesheets/module/_column.scss */
  body.home .main, body.archive .main {
    width: 100%;
  }
}

/* line 50, app/assets/stylesheets/module/_column.scss */
body.article .main {
  margin-bottom: 100px;
}

/* line 55, app/assets/stylesheets/module/_column.scss */
img {
  width: 100%;
  height: auto;
  font-size: 0;
  line-height: 0;
  vertical-align: bottom;
  border: none;
  transition: opacity 0.2s;
}

/* line 65, app/assets/stylesheets/module/_column.scss */
.ql-editor {
  max-width: 100%;
  white-space: normal;
}

@media screen and (max-width: 897px) {
  /* line 65, app/assets/stylesheets/module/_column.scss */
  .ql-editor {
    padding: 0;
  }
}

/* line 74, app/assets/stylesheets/module/_column.scss */
.ql-editor figure {
  margin: 1.5em 0;
}

/* line 77, app/assets/stylesheets/module/_column.scss */
.ql-editor figure img {
  display: block;
  margin: 0 auto;
}

/* line 84, app/assets/stylesheets/module/_column.scss */
.ql-editor h1,
.ql-editor h2,
.ql-editor h3 {
  margin: 2.4rem 0 0.8em;
  font-family: "Zen Kaku Gothic New";
}

@media screen and (max-width: 897px) {
  /* line 91, app/assets/stylesheets/module/_column.scss */
  .ql-editor h1 {
    font-size: 1.4em;
  }
}

/* line 97, app/assets/stylesheets/module/_column.scss */
.ql-editor h2 {
  display: flex;
  font-size: 2.2rem;
  line-height: 1.5em;
  align-items: center;
  font-weight: bold;
  padding: 0.5em 0.9em;
  background-color: #e5b4e5;
  border-radius: 8px;
  margin: 2em 0 2em;
}

@media screen and (max-width: 897px) {
  /* line 97, app/assets/stylesheets/module/_column.scss */
  .ql-editor h2 {
    font-size: 20px;
  }
}

/* line 113, app/assets/stylesheets/module/_column.scss */
.ql-editor h3 {
  font-size: 1.8rem;
  line-height: 1.8em;
  border-left: 5px solid #e5b4e5;
  padding: 0px 16px;
  font-weight: 700;
}

/* line 121, app/assets/stylesheets/module/_column.scss */
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 2.5em;
}

/* line 125, app/assets/stylesheets/module/_column.scss */
.ql-editor p:not(.liquid-speech-balloon-text p) {
  font-size: 1.6rem;
  line-height: 2.25em;
  font-weight: 400;
  margin: 0 0 2.25em;
  padding: 0;
}

@media screen and (max-width: 897px) {
  /* line 125, app/assets/stylesheets/module/_column.scss */
  .ql-editor p:not(.liquid-speech-balloon-text p) {
    font-size: 3.7vw;
  }
}

/* line 136, app/assets/stylesheets/module/_column.scss */
.ql-editor p:not(.liquid-speech-balloon-text p) img {
  display: block;
  margin: 0 auto;
  font-size: 4vw;
}

/* line 143, app/assets/stylesheets/module/_column.scss */
.ql-editor ol,
.ql-editor ul {
  padding-left: 0;
  margin: 2em 0;
}

/* line 149, app/assets/stylesheets/module/_column.scss */
strong {
  font-weight: 600;
}

/* line 153, app/assets/stylesheets/module/_column.scss */
.ql-editor ul > li,
.ql-editor ol > li {
  margin: .5em 0;
  position: relative;
  border-bottom: 2px dashed #C6C6C6;
  padding: 5px 30px;
}

/* line 160, app/assets/stylesheets/module/_column.scss */
.ql-editor ul > li:last-child,
.ql-editor ol > li:last-child {
  border-bottom: none;
}

/* line 164, app/assets/stylesheets/module/_column.scss */
.ql-editor ul > li::before,
.ql-editor ol > li::before {
  content: '';
  width: 16px;
  height: 16px;
  padding: 10px;
  background-image: url(/assets/mdi_check-bold-8e8659ba56cffacd756a5fc3bda74507ddfe9226e3666fa21481f94912485dad.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
}

/* line 176, app/assets/stylesheets/module/_column.scss */
.ql-editor ul,
.ql-editor ol {
  background-color: #F7F7F7;
  border-radius: 10px;
  padding: 30px;
}

/* line 184, app/assets/stylesheets/module/_column.scss */
.article-content {
  width: calc( 100% - 290px);
  min-width: 0;
  overflow: hidden;
  padding: 50px 115px 100px;
  background: #fff;
  border-radius: 20px;
  margin-bottom: 50px;
}

@media screen and (max-width: 897px) {
  /* line 184, app/assets/stylesheets/module/_column.scss */
  .article-content {
    padding: 0;
    width: 100%;
    border: none;
  }
}

/* line 200, app/assets/stylesheets/module/_column.scss */
.article-ttl {
  color: #000;
  font-size: 3.2rem;
  font-family: "Zen Kaku Gothic New";
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1.28px;
}

@media screen and (max-width: 897px) {
  /* line 200, app/assets/stylesheets/module/_column.scss */
  .article-ttl {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 5.4vw;
    font-weight: 600;
    letter-spacing: 0.96px;
  }
}

/* line 216, app/assets/stylesheets/module/_column.scss */
.article-meta-date {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.48px;
  margin-bottom: 50px;
}

@media screen and (max-width: 897px) {
  /* line 216, app/assets/stylesheets/module/_column.scss */
  .article-meta-date {
    font-size: 3.5vw;
    color: #000;
    line-height: 1.5em;
  }
}

/* line 233, app/assets/stylesheets/module/_column.scss */
.column-wdt-1240 {
  max-width: 1240px;
  width: 100%;
}

/* line 238, app/assets/stylesheets/module/_column.scss */
.article-img {
  width: 100%;
}

/* line 243, app/assets/stylesheets/module/_column.scss */
.ballonn-wrap {
  padding: 1em 0;
  flex-direction: row;
  display: flex;
}

/* line 248, app/assets/stylesheets/module/_column.scss */
.ballonn-wrap.customer {
  flex-direction: row-reverse;
}

/* line 253, app/assets/stylesheets/module/_column.scss */
.avater-box {
  position: relative;
  width: 64px;
  height: 64px;
  line-height: 1;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

/* line 262, app/assets/stylesheets/module/_column.scss */
.avater-box::before {
  position: absolute;
  content: '外壁塗装のプロ';
  display: block;
  width: 100%;
  left: 0;
  top: 69px;
  font-size: 11px;
  text-align: center;
  font-weight: bold;
  letter-spacing: -2px;
}

/* line 275, app/assets/stylesheets/module/_column.scss */
.avater-box.expart {
  background-image: url(/assets/expart-icon-a71f8e43275e9d188fe11a06e88977cbc56bd8b87722df3b1de47e0859bd2d1f.png);
}

/* line 278, app/assets/stylesheets/module/_column.scss */
.avater-box.expart::before {
  content: '外壁塗装のプロ';
}

/* line 283, app/assets/stylesheets/module/_column.scss */
.avater-box.customer {
  background-image: url(/assets/customer-icon-3e054f59d7b362aa89cecfe52a6d3bfa5285822d7f7e7338c7259baa81ee829c.png);
}

/* line 286, app/assets/stylesheets/module/_column.scss */
.avater-box.customer::before {
  content: '外壁塗装を検討している人';
}

/* line 292, app/assets/stylesheets/module/_column.scss */
.bubble {
  position: relative;
  z-index: 0;
  border-radius: 5px;
  padding: 20px 30px;
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
}

/* line 300, app/assets/stylesheets/module/_column.scss */
.bubble.expart {
  margin-left: 20px;
  background-color: #e5b4e5;
}

/* line 304, app/assets/stylesheets/module/_column.scss */
.bubble.expart::before {
  position: absolute;
  z-index: 0;
  content: '.';
  line-height: 1;
  width: 0;
  height: 0;
  top: 25px;
  left: -9px;
  color: transparent;
  border-color: transparent #e5b4e5 transparent transparent;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 10px solid #e5b4e5;
}

/* line 321, app/assets/stylesheets/module/_column.scss */
.bubble.customer {
  position: relative;
  z-index: 0;
  padding: 23px 30px;
  width: 100%;
  background-color: #f4e7ff;
  margin-left: 0;
  margin-right: 20px;
  border-radius: 10px;
}

/* line 331, app/assets/stylesheets/module/_column.scss */
.bubble.customer::before {
  position: absolute;
  z-index: 0;
  content: '.';
  line-height: 1;
  width: 0;
  height: 0;
  top: 25px;
  left: auto;
  right: -16px;
  color: transparent;
  border-right: 7px solid transparent;
  border-left: 10px solid #f4e7ff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}

/* line 351, app/assets/stylesheets/module/_column.scss */
.liquid-speech-balloon-wrap {
  padding: 1em 0;
  display: flex;
  flex-direction: row;
}

/* line 356, app/assets/stylesheets/module/_column.scss */
.liquid-speech-balloon-wrap.liquid-speech-balloon-right {
  flex-direction: row-reverse;
}

/* line 361, app/assets/stylesheets/module/_column.scss */
.liquid-speech-balloon-avatar {
  position: relative;
  width: 64px;
  height: 64px;
  line-height: 1;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

/* line 370, app/assets/stylesheets/module/_column.scss */
.liquid-speech-balloon-avatar::before {
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  top: 69px;
  font-size: 11px;
  text-align: center;
  font-weight: bold;
  letter-spacing: -2px;
}

/* line 383, app/assets/stylesheets/module/_column.scss */
.liquid-speech-balloon-00 .liquid-speech-balloon-avatar {
  background-image: url(/assets/expart-icon-a71f8e43275e9d188fe11a06e88977cbc56bd8b87722df3b1de47e0859bd2d1f.png);
}

/* line 386, app/assets/stylesheets/module/_column.scss */
.liquid-speech-balloon-00 .liquid-speech-balloon-avatar::before {
  content: '外壁塗装のプロ';
}

/* line 391, app/assets/stylesheets/module/_column.scss */
.liquid-speech-balloon-01 .liquid-speech-balloon-avatar {
  background-image: url(/assets/customer-icon-3e054f59d7b362aa89cecfe52a6d3bfa5285822d7f7e7338c7259baa81ee829c.png);
}

/* line 394, app/assets/stylesheets/module/_column.scss */
.liquid-speech-balloon-01 .liquid-speech-balloon-avatar::before {
  content: '外壁塗装を検討している人';
}

/* line 399, app/assets/stylesheets/module/_column.scss */
.liquid-speech-balloon-text {
  position: relative;
  z-index: 0;
  border-radius: 5px;
  padding: 20px 30px;
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
}

/* line 407, app/assets/stylesheets/module/_column.scss */
.liquid-speech-balloon-text p {
  font-size: 1.6rem;
  line-height: 2.25em;
  font-weight: 400;
}

@media screen and (max-width: 897px) {
  /* line 407, app/assets/stylesheets/module/_column.scss */
  .liquid-speech-balloon-text p {
    font-size: 3.7vw;
  }
}

/* line 418, app/assets/stylesheets/module/_column.scss */
.liquid-speech-balloon-arrow {
  display: none;
}

/* line 422, app/assets/stylesheets/module/_column.scss */
.liquid-speech-balloon-00 .liquid-speech-balloon-text {
  margin-left: 20px;
}

/* line 425, app/assets/stylesheets/module/_column.scss */
.liquid-speech-balloon-00 .liquid-speech-balloon-text::before {
  position: absolute;
  z-index: 0;
  content: '.';
  line-height: 1;
  width: 0;
  height: 0;
  top: 25px;
  left: -9px;
  color: transparent;
  border-color: transparent #e5b4e5 transparent transparent;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 10px solid #e5b4e5;
}

/* line 442, app/assets/stylesheets/module/_column.scss */
.liquid-speech-balloon-01 .liquid-speech-balloon-text {
  position: relative;
  z-index: 0;
  padding: 23px 30px;
  width: 100%;
  margin-left: 0;
  margin-right: 20px;
  border-radius: 10px;
}

/* line 451, app/assets/stylesheets/module/_column.scss */
.liquid-speech-balloon-01 .liquid-speech-balloon-text::before {
  position: absolute;
  z-index: 0;
  content: '.';
  line-height: 1;
  width: 0;
  height: 0;
  top: 25px;
  left: auto;
  right: -16px;
  color: transparent;
  border-right: 7px solid transparent;
  border-left: 10px solid #f4e7ff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}

/* line 469, app/assets/stylesheets/module/_column.scss */
.toc {
  width: 100%;
  background: #f9f9f9;
  padding: 35px 70px;
  max-width: 750px;
  margin: 30px auto 0px;
  border: 1px solid #aaa;
  border-radius: 4px;
}

@media screen and (max-width: 897px) {
  /* line 469, app/assets/stylesheets/module/_column.scss */
  .toc {
    padding: 5vw;
    line-height: 21px;
    width: calc(100% - 5vw);
  }
}

/* line 484, app/assets/stylesheets/module/_column.scss */
.toc__title {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 auto 35px;
  display: block;
  text-align: center;
}

/* line 492, app/assets/stylesheets/module/_column.scss */
.toc__list {
  list-style: none;
  padding-left: 0;
  font-size: 1.6rem;
  line-height: 1.6;
}

/* line 499, app/assets/stylesheets/module/_column.scss */
.toc__number {
  color: #BB8DBE;
  font-family: Futura;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 28.8px;
  letter-spacing: 0.64px;
}

@media screen and (max-width: 897px) {
  /* line 499, app/assets/stylesheets/module/_column.scss */
  .toc__number {
    font-size: 4vw;
  }
}

/* line 513, app/assets/stylesheets/module/_column.scss */
.toc__item {
  margin-bottom: 10px;
}

/* line 517, app/assets/stylesheets/module/_column.scss */
.toc__link {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  line-height: 28.8px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.64px;
  color: #333;
}

/* line 527, app/assets/stylesheets/module/_column.scss */
.toc__sub-list {
  padding-left: 20px;
}

/* line 531, app/assets/stylesheets/module/_column.scss */
.toc__sub-item {
  list-style: none;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 0.56px;
  padding-bottom: 10px;
}

/* line 541, app/assets/stylesheets/module/_column.scss */
.toc__sub-item:before {
  content: "-";
  padding-right: 8px;
}

@media screen and (max-width: 897px) {
  /* line 531, app/assets/stylesheets/module/_column.scss */
  .toc__sub-item {
    font-size: 1.4rem;
    line-height: 1.8em;
  }
}

/* line 552, app/assets/stylesheets/module/_column.scss */
.toc__sub-link {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  line-height: 1.8em;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.56px;
  color: #333;
}

/* line 563, app/assets/stylesheets/module/_column.scss */
.expartIntroduction {
  padding-bottom: 4em;
}

/* line 566, app/assets/stylesheets/module/_column.scss */
.expartIntroduction__box {
  display: flex;
  padding: 30px;
  max-width: 100%;
  width: 800px;
  margin: 0 auto;
  border-radius: 10px;
  background: #F7F7F7;
}

@media screen and (max-width: 897px) {
  /* line 566, app/assets/stylesheets/module/_column.scss */
  .expartIntroduction__box {
    display: block;
    text-align: center;
    max-width: 100%;
  }
}

/* line 582, app/assets/stylesheets/module/_column.scss */
.expartIntroduction__img {
  padding: 1em;
  margin-top: 0.5em;
  width: 150px;
  height: 150px;
  background-image: url(/assets/specialist-img-9272b4294bbeebcba346885bb8c2220f3910c2329c3f89b09f1092fb071ee97f.jpg);
  background-size: cover;
}

@media screen and (max-width: 897px) {
  /* line 582, app/assets/stylesheets/module/_column.scss */
  .expartIntroduction__img {
    padding-bottom: 0;
    margin: 0 auto 20px;
  }
}

/* line 595, app/assets/stylesheets/module/_column.scss */
.expartIntroduction__img img {
  max-width: 100px;
}

/* line 600, app/assets/stylesheets/module/_column.scss */
.expartIntroduction__txt-box {
  padding-left: 1em;
  width: fit-content;
  flex: 1;
}

@media screen and (max-width: 897px) {
  /* line 600, app/assets/stylesheets/module/_column.scss */
  .expartIntroduction__txt-box {
    padding: 0;
    margin: 0;
  }
}

/* line 612, app/assets/stylesheets/module/_column.scss */
.expartIntroduction__name {
  font-size: 16px !important;
  font-weight: bold;
  text-align: left;
  line-height: 25px !important;
}

/* line 618, app/assets/stylesheets/module/_column.scss */
.expartIntroduction__name::before {
  content: "外壁塗装のプロ";
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
  color: #BE8DBD;
  display: block;
}

/* line 628, app/assets/stylesheets/module/_column.scss */
.expartIntroduction__txt {
  margin: 0;
  font-size: 12px !important;
}

@media screen and (max-width: 897px) {
  /* line 628, app/assets/stylesheets/module/_column.scss */
  .expartIntroduction__txt {
    text-align: start;
    margin-top: 1em;
  }
}

/* line 640, app/assets/stylesheets/module/_column.scss */
.ql-editor table {
  border: 1px solid #e5b4e5;
  border-collapse: separate;
  overflow: hidden;
  border-spacing: 0;
  border-radius: 10px;
  width: 100%;
}

/* line 649, app/assets/stylesheets/module/_column.scss */
.ql-editor td {
  padding: 10px;
  vertical-align: middle;
  border-right: 1px solid #e5b4e5;
  border-bottom: 1px solid #e5b4e5;
  position: relative;
}

/* line 656, app/assets/stylesheets/module/_column.scss */
.ql-editor td:last-child {
  border-right: none;
}

/* line 661, app/assets/stylesheets/module/_column.scss */
.ql-editor tr {
  font-size: 16px;
  font-family: "Zen Kaku Gothic New";
  line-height: 23.4px;
  letter-spacing: 0.72px;
}

@media screen and (max-width: 897px) {
  /* line 661, app/assets/stylesheets/module/_column.scss */
  .ql-editor tr {
    font-size: 3.6vw;
    font-weight: 400 !important;
  }
}

/* line 673, app/assets/stylesheets/module/_column.scss */
.ql-editor tr:last-child th, .ql-editor tr:last-child td {
  border-bottom: none;
}

/* line 680, app/assets/stylesheets/module/_column.scss */
.ql-editor tr.colored-table td {
  background-color: #e5b4e5;
  color: #fff;
  text-align: center;
  font-family: "Zen Kaku Gothic New";
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.72px;
  border-right: 1px solid #ffffff;
}

/* line 690, app/assets/stylesheets/module/_column.scss */
.ql-editor tr.colored-table td:last-child {
  border-right: none;
}

/* line 695, app/assets/stylesheets/module/_column.scss */
.main-column {
  width: calc( 100% - 260px - 30px);
  background-color: #fff;
  border-radius: 10px;
  padding: 60px 44px;
}

@media screen and (max-width: 897px) {
  /* line 695, app/assets/stylesheets/module/_column.scss */
  .main-column {
    width: 100%;
    padding: 20px 15px;
    margin-top: 10px;
  }
}

/* line 708, app/assets/stylesheets/module/_column.scss */
.main {
  padding: 50px 0;
}

@media screen and (max-width: 897px) {
  /* line 708, app/assets/stylesheets/module/_column.scss */
  .main {
    padding: 0;
  }
}

/* line 716, app/assets/stylesheets/module/_column.scss */
.contents-inner {
  display: flex;
  margin-bottom: 50px;
}

@media screen and (max-width: 897px) {
  /* line 716, app/assets/stylesheets/module/_column.scss */
  .contents-inner {
    flex-flow: column;
    flex-flow: column-reverse;
  }
  /* line 724, app/assets/stylesheets/module/_column.scss */
  .companies-index .contents-inner {
    flex-flow: column;
  }
  /* line 728, app/assets/stylesheets/module/_column.scss */
  body.article .contents-inner {
    flex-flow: column-reverse;
    align-items: flex-start;
  }
}

/* line 734, app/assets/stylesheets/module/_column.scss */
.companies-index .contents-inner {
  justify-content: space-between;
}

@media screen and (max-width: 897px) {
  /* line 738, app/assets/stylesheets/module/_column.scss */
  .contents-inner .detail-sidebar {
    display: none;
  }
}

/* line 745, app/assets/stylesheets/module/_column.scss */
.breadcrumb-container {
  margin: 50px 0 40px;
  background-color: #fff;
}

@media screen and (max-width: 897px) {
  /* line 745, app/assets/stylesheets/module/_column.scss */
  .breadcrumb-container {
    margin: 0;
    overflow: hidden;
  }
}

/* line 755, app/assets/stylesheets/module/_column.scss */
.breadcrumb {
  display: flex;
  flex-wrap: nowrap;
}

/* line 760, app/assets/stylesheets/module/_column.scss */
.breadcrumbs {
  max-width: 1240px;
  width: 100%;
  display: flex;
  justify-content: left;
  color: #616774;
  font-size: 1.4rem;
  font-family: "Noto Sans JP", sans-serif;
  position: relative;
  margin: 0 auto;
}

@media screen and (max-width: 897px) {
  /* line 760, app/assets/stylesheets/module/_column.scss */
  .breadcrumbs {
    overflow: scroll;
    white-space: nowrap;
    padding-left: 15px;
  }
}

/* line 777, app/assets/stylesheets/module/_column.scss */
.breadcrumbs a {
  color: black;
  font-weight: 400;
  font-weight: bold;
  color: #616774;
}

/* line 785, app/assets/stylesheets/module/_column.scss */
.breadcrumb-separator {
  display: flex;
  align-items: center;
  width: 2px;
  height: 21px;
  margin: auto 15px;
  color: #616774;
  font-weight: 500;
}

@media screen and (max-width: 897px) {
  /* line 785, app/assets/stylesheets/module/_column.scss */
  .breadcrumb-separator {
    width: 7px;
    height: 12px;
    margin: auto 12px;
  }
}

@media screen and (max-width: 897px) {
  /* line 801, app/assets/stylesheets/module/_column.scss */
  .column {
    overflow-x: hidden;
  }
}

/* line 807, app/assets/stylesheets/module/_column.scss */
.column .column-list__list-container {
  display: flex;
  overflow-x: scroll;
  flex-wrap: nowrap;
  padding-left: 0;
  padding: 10.5px 0px 4px;
}

/* line 814, app/assets/stylesheets/module/_column.scss */
.column .column-list__list-container .single-list-item {
  list-style: none;
}

@media screen and (max-width: 897px) {
  /* line 814, app/assets/stylesheets/module/_column.scss */
  .column .column-list__list-container .single-list-item {
    margin-right: 20px;
  }
}

/* line 821, app/assets/stylesheets/module/_column.scss */
.column .column-list__list-container li::before {
  display: none !important;
}

/* line 826, app/assets/stylesheets/module/_column.scss */
.column .column-list__category-container {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  padding: 10.5px 0px 4px;
}

@media screen and (max-width: 897px) {
  /* line 826, app/assets/stylesheets/module/_column.scss */
  .column .column-list__category-container {
    display: flex;
    overflow-x: scroll;
    flex-wrap: nowrap;
    padding-left: 0;
    padding: 10.5px 0px 4px;
  }
}

/* line 841, app/assets/stylesheets/module/_column.scss */
.column .column-list__category-page-container {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  padding: 10.5px 0px 4px;
}

@media screen and (max-width: 897px) {
  /* line 841, app/assets/stylesheets/module/_column.scss */
  .column .column-list__category-page-container {
    justify-content: space-between;
  }
}

/* line 852, app/assets/stylesheets/module/_column.scss */
.column .column-list__category-list-item {
  list-style: none;
  margin: 0 15px 15px 0;
}

@media screen and (max-width: 897px) {
  /* line 852, app/assets/stylesheets/module/_column.scss */
  .column .column-list__category-list-item {
    margin-right: 20px;
  }
}

/* line 860, app/assets/stylesheets/module/_column.scss */
.column .column-list__category-page-list-item {
  list-style: none;
  margin: 0 15px 15px 0;
}

@media screen and (max-width: 897px) {
  /* line 860, app/assets/stylesheets/module/_column.scss */
  .column .column-list__category-page-list-item {
    width: 48%;
    margin: 0 0 15px;
  }
}

/* line 868, app/assets/stylesheets/module/_column.scss */
.column .column-list__category-page-list-item:nth-child(3n) {
  margin-right: 0;
}

/* line 874, app/assets/stylesheets/module/_column.scss */
.column .heigth-auto {
  height: auto;
}

/* line 879, app/assets/stylesheets/module/_column.scss */
.column .column-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-bottom: 0.3em;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1em;
}

@media screen and (max-width: 897px) {
  /* line 879, app/assets/stylesheets/module/_column.scss */
  .column .column-header {
    border-bottom: none;
    margin-bottom: 0em;
    padding-bottom: 0em;
  }
}

/* line 893, app/assets/stylesheets/module/_column.scss */
.column .column-header .ttl-bullet {
  font-family: "Zen Kaku Gothic New";
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  padding-left: 20px;
}

@media screen and (max-width: 897px) {
  /* line 893, app/assets/stylesheets/module/_column.scss */
  .column .column-header .ttl-bullet {
    font-size: 15px;
  }
}

/* line 903, app/assets/stylesheets/module/_column.scss */
.column .column-header .ttl-bullet::before {
  content: "・";
  font-size: 30px;
  position: absolute;
  top: -18%;
  left: -1%;
}

@media screen and (max-width: 897px) {
  /* line 903, app/assets/stylesheets/module/_column.scss */
  .column .column-header .ttl-bullet::before {
    font-size: 25px;
    top: -35%;
    left: -2%;
  }
}

/* line 917, app/assets/stylesheets/module/_column.scss */
.column .column-header .ttl-bullet.blue::before {
  color: #46C3E6;
}

/* line 918, app/assets/stylesheets/module/_column.scss */
.column .column-header .ttl-bullet.red::before {
  color: #F84B6C;
}

/* line 919, app/assets/stylesheets/module/_column.scss */
.column .column-header .ttl-bullet.orange::before {
  color: #FE8901;
}

/* line 920, app/assets/stylesheets/module/_column.scss */
.column .column-header .ttl-bullet.yellow::before {
  color: #F2D332;
}

/* line 921, app/assets/stylesheets/module/_column.scss */
.column .column-header .ttl-bullet.purple::before {
  color: #5946E6;
}

/* line 922, app/assets/stylesheets/module/_column.scss */
.column .column-header .ttl-bullet.brown::before {
  color: #7C4503;
}

/* line 923, app/assets/stylesheets/module/_column.scss */
.column .column-header .ttl-bullet.gray::before {
  color: #949494;
}

/* line 924, app/assets/stylesheets/module/_column.scss */
.column .column-header .ttl-bullet.blue-violet::before {
  color: #5946E6;
}

/* line 925, app/assets/stylesheets/module/_column.scss */
.column .column-header .ttl-bullet.lite-blue::before {
  color: #46C3E6;
}

/* line 926, app/assets/stylesheets/module/_column.scss */
.column .column-header .ttl-bullet.vivid-red::before {
  color: #F84B4B;
}

/* line 927, app/assets/stylesheets/module/_column.scss */
.column .column-header .ttl-bullet.vibrant-orange::before {
  color: #FE8901;
}

/* line 928, app/assets/stylesheets/module/_column.scss */
.column .column-header .ttl-bullet.lime-green::before {
  color: #9CDA51;
}

/* line 929, app/assets/stylesheets/module/_column.scss */
.column .column-header .ttl-bullet.medium-purple::before {
  color: #945FD7;
}

/* line 930, app/assets/stylesheets/module/_column.scss */
.column .column-header .ttl-bullet.emerald-green::before {
  color: #2AA848;
}

/* line 931, app/assets/stylesheets/module/_column.scss */
.column .column-header .ttl-bullet.dark-brown::before {
  color: #7C4503;
}

/* line 932, app/assets/stylesheets/module/_column.scss */
.column .column-header .ttl-bullet.grey::before {
  color: #949494;
}

/* line 933, app/assets/stylesheets/module/_column.scss */
.column .column-header .ttl-bullet.white::before {
  color: #FFFFFF;
}

/* line 936, app/assets/stylesheets/module/_column.scss */
.column .column-header .column-link {
  display: flex;
  height: 100%;
  text-decoration: none;
}

/* line 941, app/assets/stylesheets/module/_column.scss */
.column .column-header .column-link .link-icon {
  margin-left: 10px;
}

/* line 945, app/assets/stylesheets/module/_column.scss */
.column .column-header .column-link__txt {
  font-family: "Zen Kaku Gothic New";
  font-size: 1.4rem;
  color: #BE8DBD;
  font-weight: 700;
  display: flex;
  white-space: nowrap;
}

@media screen and (max-width: 897px) {
  /* line 945, app/assets/stylesheets/module/_column.scss */
  .column .column-header .column-link__txt {
    display: none;
  }
}

/* line 961, app/assets/stylesheets/module/_column.scss */
.column-link {
  text-decoration: none;
  color: #000000;
}

/* line 965, app/assets/stylesheets/module/_column.scss */
.column-link .column-box {
  width: calc( ( 100% / 3 ) - 10px);
  height: 100%;
  margin-top: 10px;
  background-color: #FFFFFF;
  border-radius: 15px;
  box-shadow: 3px 2px 7px 0px rgba(0, 0, 0, 0.1);
  padding: 20px;
  width: 275px;
  box-sizing: border-box;
}

@media screen and (max-width: 897px) {
  /* line 965, app/assets/stylesheets/module/_column.scss */
  .column-link .column-box {
    width: 194px;
    padding: 10px 10px 20px;
    margin-top: 0px;
  }
  /* line 980, app/assets/stylesheets/module/_column.scss */
  .column-list__category-page-list-item .column-link .column-box {
    width: 100%;
  }
}

/* line 985, app/assets/stylesheets/module/_column.scss */
.column-link .column-box:hover {
  opacity: 0.6;
}

/* line 989, app/assets/stylesheets/module/_column.scss */
.column-link .column-box__header img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 130px;
  border-radius: 10px;
  object-fit: cover;
}

@media screen and (max-width: 897px) {
  /* line 989, app/assets/stylesheets/module/_column.scss */
  .column-link .column-box__header img {
    height: 95px;
  }
}

/* line 1001, app/assets/stylesheets/module/_column.scss */
.column-link .column-box__list-container {
  display: flex;
  flex-wrap: wrap;
  margin: 15px 0px 7px;
}

/* line 1007, app/assets/stylesheets/module/_column.scss */
.column-link .column-box__list {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin: 0 8px 8px 0;
}

@media screen and (max-width: 897px) {
  /* line 1007, app/assets/stylesheets/module/_column.scss */
  .column-link .column-box__list {
    font-size: 8px;
    margin: 0 4px 8px 0;
  }
}

/* line 1018, app/assets/stylesheets/module/_column.scss */
.column-link .column-box__ttl {
  font-family: "Zen Kaku Gothic New";
  font-size: 1.8rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-top: 0px;
  margin-bottom: 15px;
}

@media screen and (max-width: 897px) {
  /* line 1018, app/assets/stylesheets/module/_column.scss */
  .column-link .column-box__ttl {
    font-size: 14px;
    -webkit-line-clamp: 4;
    margin-bottom: 10px;
  }
}

/* line 1035, app/assets/stylesheets/module/_column.scss */
.column-link .column-box-date {
  display: flex;
  font-size: 12px;
  margin-bottom: 0px;
  margin-right: 8px;
}

/* line 1041, app/assets/stylesheets/module/_column.scss */
.column-link .column-box-date__icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 1047, app/assets/stylesheets/module/_column.scss */
.column-link .column-box-date__txt {
  font-family: Poppins;
}

/* line 1051, app/assets/stylesheets/module/_column.scss */
.column-link .column-box-date__icon {
  margin-right: 8px;
}

/* line 1059, app/assets/stylesheets/module/_column.scss */
.article__box {
  display: flex;
  flex-direction: row;
  padding: 20px 0;
  border-bottom: 2px dashed #aaa;
}

/* line 1065, app/assets/stylesheets/module/_column.scss */
.article__box:last-child {
  border-bottom: none;
}

@media screen and (max-width: 897px) {
  /* line 1059, app/assets/stylesheets/module/_column.scss */
  .article__box {
    flex-direction: column;
  }
}

/* line 1074, app/assets/stylesheets/module/_column.scss */
.article__og {
  flex: 1;
  padding-right: 20px;
}

@media screen and (max-width: 897px) {
  /* line 1074, app/assets/stylesheets/module/_column.scss */
  .article__og {
    padding-right: 0;
  }
}

/* line 1083, app/assets/stylesheets/module/_column.scss */
.article__ttl {
  flex: 1;
  position: relative;
  color: #000;
  padding-bottom: 2em;
}

@media screen and (max-width: 897px) {
  /* line 1083, app/assets/stylesheets/module/_column.scss */
  .article__ttl {
    margin: 0;
    padding-bottom: 0;
  }
}

/* line 1095, app/assets/stylesheets/module/_column.scss */
.article__last-updated {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  font-size: 1.6rem;
}

@media screen and (max-width: 897px) {
  /* line 1095, app/assets/stylesheets/module/_column.scss */
  .article__last-updated {
    position: initial;
    margin-top: 0.5em;
    text-align: end;
  }
}

/* line 1109, app/assets/stylesheets/module/_column.scss */
.article__tag {
  color: #aaa;
  margin-right: 0.5em;
  vertical-align: middle;
  font-size: 1.2em;
  white-space: nowrap;
}

/* line 1119, app/assets/stylesheets/module/_column.scss */
.category-box {
  display: flex;
  flex-direction: row;
}

/* line 1125, app/assets/stylesheets/module/_column.scss */
.article-category__badge {
  display: inline-block;
  border: 1px solid #aaa;
  padding: 0 0.3em;
  border-radius: 15px;
  color: #aaa;
  font-size: .7em;
  margin-right: 0.2em;
}

/* line 1136, app/assets/stylesheets/module/_column.scss */
.table-container {
  overflow: scroll;
}

/* line 1140, app/assets/stylesheets/module/_column.scss */
.column__inner > img,
.column__inner > a > img {
  max-width: 100%;
  height: auto;
  font-size: 0;
  line-height: 0;
  vertical-align: bottom;
  border: none;
  transition: opacity 0.2s;
}

/* line 1153, app/assets/stylesheets/module/_column.scss */
.sidebar-thumb-item:not(:last-child) {
  border-bottom: 1px dashed #ccc;
}

/* line 1157, app/assets/stylesheets/module/_column.scss */
.sidebar-thumb-item__link {
  display: flex;
  padding: 10px 0;
}

/* line 1163, app/assets/stylesheets/module/_column.scss */
.sidebar-thumb-item__img img {
  object-fit: cover;
  width: 150px;
  height: 100px;
}

/* line 1170, app/assets/stylesheets/module/_column.scss */
.sidebar-thumb-item__text {
  position: relative;
  width: 68%;
  margin-left: 2%;
  font-size: 1.4rem;
}

/* line 1179, app/assets/stylesheets/module/_column.scss */
.post-tags {
  max-width: 720px;
  width: 100%;
  padding: 25px;
  border-radius: 10px;
  background-color: #F7F7F7;
  margin: 0 auto;
  margin-bottom: 40px;
}

/* line 1188, app/assets/stylesheets/module/_column.scss */
.post-tags__ttl {
  margin-bottom: 15px;
}

/* line 1193, app/assets/stylesheets/module/_column.scss */
.dotted-line {
  height: 1px;
  background: repeating-linear-gradient(to right, #ccc, #ccc 5px, transparent 5px, transparent 10px);
  margin-bottom: 15px;
}

/* line 1200, app/assets/stylesheets/module/_column.scss */
.single-column {
  margin-bottom: 40px;
  overflow-x: hidden;
}

/* line 1204, app/assets/stylesheets/module/_column.scss */
.single-column__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-bottom: 0.3em;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1em;
}

@media screen and (max-width: 897px) {
  /* line 1204, app/assets/stylesheets/module/_column.scss */
  .single-column__header {
    margin-top: 0;
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

/* line 1220, app/assets/stylesheets/module/_column.scss */
.single-column__list-container {
  display: flex;
  overflow-x: scroll;
  flex-wrap: nowrap;
  padding-left: 0;
  padding: 10.5px 0 4px !important;
  margin: 0 !important;
  background: none !important;
}

/* line 1230, app/assets/stylesheets/module/_column.scss */
.single-column__list {
  list-style: none;
  padding: 0 0.5em 0 0 !important;
  border-bottom: none !important;
}

/* line 1236, app/assets/stylesheets/module/_column.scss */
.single-column li::before {
  display: none !important;
}

/* line 1240, app/assets/stylesheets/module/_column.scss */
.single-column__list-link {
  display: flex;
  height: 100%;
  text-decoration: none;
  color: #000000;
}

/* line 1247, app/assets/stylesheets/module/_column.scss */
.single-column__box-date {
  display: flex;
  font-size: 1rem;
  margin-bottom: 0px;
  margin-right: 8px;
  margin-top: 15px;
}

/* line 1255, app/assets/stylesheets/module/_column.scss */
.single-column__box-date-txt {
  font-family: Poppins;
}

/* line 1259, app/assets/stylesheets/module/_column.scss */
.single-column__box-date-icon {
  margin-right: 8px;
}

/* line 1263, app/assets/stylesheets/module/_column.scss */
.single-column__list-box {
  margin-top: 10px;
  background-color: #FFFFFF;
  border-radius: 15px;
  box-shadow: 3px 2px 7px 0px rgba(0, 0, 0, 0.1);
  padding: 20px;
  width: 275px;
  box-sizing: border-box;
}

@media screen and (max-width: 897px) {
  /* line 1263, app/assets/stylesheets/module/_column.scss */
  .single-column__list-box {
    width: 194px;
    padding: 10px 10px 20px;
    margin-top: 0px;
  }
}

/* line 1277, app/assets/stylesheets/module/_column.scss */
.single-column__list-box:hover {
  opacity: 0.6;
}

/* line 1282, app/assets/stylesheets/module/_column.scss */
.single-column__box-header img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 130px;
  border-radius: 10px;
}

@media screen and (max-width: 897px) {
  /* line 1282, app/assets/stylesheets/module/_column.scss */
  .single-column__box-header img {
    height: 95px;
  }
}

/* line 1293, app/assets/stylesheets/module/_column.scss */
.single-column__box-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
}

/* line 1299, app/assets/stylesheets/module/_column.scss */
.single-column__box-badge {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  font-size: 1.4rem !important;
  margin: 0 8px 5px 0 !important;
}

@media screen and (max-width: 897px) {
  /* line 1299, app/assets/stylesheets/module/_column.scss */
  .single-column__box-badge {
    font-size: 12px;
  }
}

/* line 1310, app/assets/stylesheets/module/_column.scss */
.single-column__box-ttl {
  font-family: "Zen Kaku Gothic New";
  font-size: 1.8rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-top: 5px !important;
}

@media screen and (max-width: 897px) {
  /* line 1310, app/assets/stylesheets/module/_column.scss */
  .single-column__box-ttl {
    font-size: 14px;
    -webkit-line-clamp: 4;
    margin-bottom: 10px;
  }
}

/* line 1325, app/assets/stylesheets/module/_column.scss */
.single-column__category-batch {
  font-size: 1rem;
  padding: 4px 8px;
  border-radius: 6px;
  font-family: "Zen Kaku Gothic New";
  color: #BE8DBD;
  border: 1px solid #BE8DBD;
}

@media screen and (max-width: 897px) {
  /* line 1325, app/assets/stylesheets/module/_column.scss */
  .single-column__category-batch {
    padding: 2px 8px;
    margin: 10px 0;
    font-size: 0.8em;
  }
}

/* line 1341, app/assets/stylesheets/module/_column.scss */
.column-category {
  max-width: 850px;
  width: 100%;
  background-color: #f7f7f7;
  padding: 25px;
  border-radius: 10px;
  margin: 0 auto 50px;
}

/* line 1349, app/assets/stylesheets/module/_column.scss */
.column-category ul, .column-category li {
  margin: 0 !important;
  padding: 0 !important;
}

/* line 1353, app/assets/stylesheets/module/_column.scss */
.column-category ul::before, .column-category li::before {
  display: none !important;
}

/* line 1358, app/assets/stylesheets/module/_column.scss */
.column-category__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
}

@media screen and (max-width: 897px) {
  /* line 1358, app/assets/stylesheets/module/_column.scss */
  .column-category__header {
    padding-bottom: 0em;
  }
}

/* line 1370, app/assets/stylesheets/module/_column.scss */
.column-category__list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

@media screen and (max-width: 897px) {
  /* line 1370, app/assets/stylesheets/module/_column.scss */
  .column-category__list {
    flex-wrap: wrap;
  }
}

/* line 1381, app/assets/stylesheets/module/_column.scss */
.column-category__item-container {
  margin-right: 10px;
  margin-bottom: 10px;
}

/* line 1386, app/assets/stylesheets/module/_column.scss */
.column-category__link {
  display: inline-block;
  font-family: "Zen Kaku Gothic New";
  font-weight: 700;
  text-decoration: none;
  color: #000000;
  padding: 8px 16px;
  font-size: 13px;
  border-radius: 5px;
  border: 1px solid #CCC;
  background: #FFF;
  white-space: nowrap;
}

@media screen and (max-width: 897px) {
  /* line 1386, app/assets/stylesheets/module/_column.scss */
  .column-category__link {
    white-space: nowrap;
  }
}

/* line 1402, app/assets/stylesheets/module/_column.scss */
.column-category__link.active {
  background: #e5b4e5;
}

/* line 1406, app/assets/stylesheets/module/_column.scss */
.column-category__link:hover {
  background: #e5b4e5;
}

/* line 1413, app/assets/stylesheets/module/_column.scss */
.view-all-articles {
  text-align: center;
  margin-bottom: 60px;
}

/* line 1417, app/assets/stylesheets/module/_column.scss */
.view-all-articles .all-articles-button {
  position: relative;
  padding: 1em 4.1em 1em 2.1em;
  border-radius: 10px;
  background-color: #ce90ce;
  color: #fff;
  font-family: "Zen Kaku Gothic New";
  font-size: 1.4rem;
  letter-spacing: 0.56px;
  font-weight: 700;
}

/* line 1428, app/assets/stylesheets/module/_column.scss */
.view-all-articles .all-articles-button::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 22%;
  width: 21px;
  height: 24px;
  background-image: url(/assets/arrow-up-2-7388615b2692a5dc8e7280d0f3375f628e432a8ffe02b32be385f9a5ff75fd08.png);
  background-size: cover;
}

/* line 1441, app/assets/stylesheets/module/_column.scss */
.sidebar-widget {
  display: none;
}

@media screen and (max-width: 897px) {
  /* line 1441, app/assets/stylesheets/module/_column.scss */
  .sidebar-widget {
    display: block;
    text-align: center;
    margin-bottom: 60px;
  }
}

/* line 1451, app/assets/stylesheets/module/_column.scss */
.column-bage {
  display: flex;
}

@media screen and (max-width: 897px) {
  /* line 1451, app/assets/stylesheets/module/_column.scss */
  .column-bage {
    flex-wrap: wrap;
  }
}

/* line 1458, app/assets/stylesheets/module/_column.scss */
.column-bage__list {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  margin: 0 8px 7px 0;
}

@media screen and (max-width: 897px) {
  /* line 1458, app/assets/stylesheets/module/_column.scss */
  .column-bage__list {
    font-size: 5vw;
    lex-wrap: wrap;
  }
}

/* line 1470, app/assets/stylesheets/module/_column.scss */
.category-batch {
  font-size: 1rem;
  padding: 4px 8px;
  border-radius: 6px;
  font-family: "Zen Kaku Gothic New";
  color: #e5b4e5;
  border: 1px solid #e5b4e5;
}

@media screen and (max-width: 897px) {
  /* line 1470, app/assets/stylesheets/module/_column.scss */
  .category-batch {
    padding: 2px 12px;
    margin: 10px 0px;
    font-size: 1.2em;
  }
}

/* line 1486, app/assets/stylesheets/module/_column.scss */
.sabox-plus-item {
  border-radius: 10px;
  background: #F7F7F7;
  margin-bottom: 40px;
}

/* line 1492, app/assets/stylesheets/module/_column.scss */
.saboxplugin-tab {
  display: grid;
  grid-template-columns: 150px auto;
  gap: 0 27px;
}

@media screen and (max-width: 897px) {
  /* line 1492, app/assets/stylesheets/module/_column.scss */
  .saboxplugin-tab {
    display: block;
  }
}

/* line 1502, app/assets/stylesheets/module/_column.scss */
.saboxplugin-wrap {
  border: none;
  padding: 30px;
}

@media screen and (max-width: 897px) {
  /* line 1502, app/assets/stylesheets/module/_column.scss */
  .saboxplugin-wrap {
    width: calc(100% - 5vw);
    margin: 0 auto;
  }
}

/* line 1511, app/assets/stylesheets/module/_column.scss */
.saboxplugin-wrap .saboxplugin-gravatar {
  padding: 0;
  width: 150px;
  height: 150px;
  grid-row-start: 1;
  grid-row-end: 3;
}

@media screen and (max-width: 897px) {
  /* line 1511, app/assets/stylesheets/module/_column.scss */
  .saboxplugin-wrap .saboxplugin-gravatar {
    margin-bottom: 20px;
  }
}

/* line 1522, app/assets/stylesheets/module/_column.scss */
.saboxplugin-wrap .saboxplugin-gravatar img {
  max-width: none;
  width: 100%;
}

/* line 1528, app/assets/stylesheets/module/_column.scss */
.saboxplugin-wrap .saboxplugin-authorname {
  margin: 0;
  grid-row-start: 1;
  grid-row-end: 2;
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
}

@media screen and (max-width: 897px) {
  /* line 1528, app/assets/stylesheets/module/_column.scss */
  .saboxplugin-wrap .saboxplugin-authorname {
    text-align: left;
  }
}

/* line 1540, app/assets/stylesheets/module/_column.scss */
.saboxplugin-wrap .saboxplugin-authorname a {
  color: #000;
}

/* line 1544, app/assets/stylesheets/module/_column.scss */
.saboxplugin-wrap .saboxplugin-authorname::before {
  content: "外壁塗装のプロ";
  font-size: 1.2rem;
  font-weight: bold;
  line-height: normal;
  color: #4ABFD7;
  display: block;
}

/* line 1554, app/assets/stylesheets/module/_column.scss */
.saboxplugin-wrap .saboxplugin-desc {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;
  margin: 0;
}

@media screen and (max-width: 897px) {
  /* line 1554, app/assets/stylesheets/module/_column.scss */
  .saboxplugin-wrap .saboxplugin-desc {
    text-align: left;
  }
}

/* line 1565, app/assets/stylesheets/module/_column.scss */
.saboxplugin-wrap .saboxplugin-desc p {
  font-size: 1.2rem !important;
  line-height: 2em !important;
  margin: 0;
}

/* line 1, app/assets/stylesheets/module/_header.scss */
.header {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: none;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  height: 90px;
  position: fixed;
  z-index: 82;
  top: 0;
  background: none;
}

@media screen and (max-width: 897px) {
  /* line 1, app/assets/stylesheets/module/_header.scss */
  .header {
    width: 100vw;
    height: 20vw;
    position: relative;
  }
}

/* line 21, app/assets/stylesheets/module/_header.scss */
.home-lp7 .header, .home-lp7_1 .header, .home-lp7_2 .header, .home-lp10 .header, .home-lp10_1 .header, .home-lp11 .header {
  position: fixed;
  background-image: linear-gradient(90deg, rgba(185, 139, 188, 0.2), rgba(185, 225, 247, 0.2)), url(/assets/chat/chat_background-0fa75705c1f96641ddc8b7235e62e505892b00df59ae3ba5d417ca5b114f98ed.png), linear-gradient(90deg, white, white);
  background-size: cover, repeat, cover;
  background-repeat: no-repeat, repeat, no-repeat;
}

@media screen and (max-width: 897px) {
  /* line 21, app/assets/stylesheets/module/_header.scss */
  .home-lp7 .header, .home-lp7_1 .header, .home-lp7_2 .header, .home-lp10 .header, .home-lp10_1 .header, .home-lp11 .header {
    background-size: contain, cover, contain;
    background-repeat: no-repeat, no-repeat, no-repeat;
  }
}

/* line 39, app/assets/stylesheets/module/_header.scss */
.home-lp7_1 .header, .home-lp10_1 .header {
  background-image: linear-gradient(90deg, rgba(185, 139, 188, 0.2), rgba(185, 225, 247, 0.2)), url(/assets/chat/chat_background-2-6ca7c39b1453710c30388f869aefd83a5738986804320d833e0512305c250787.jpg), linear-gradient(90deg, white, white);
}

/* line 44, app/assets/stylesheets/module/_header.scss */
.header .header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100px;
  width: 100%;
  max-width: 1240px;
}

@media screen and (max-width: 897px) {
  /* line 44, app/assets/stylesheets/module/_header.scss */
  .header .header__inner {
    width: 100vw;
    height: auto;
  }
}

/* line 58, app/assets/stylesheets/module/_header.scss */
.companies-index .header, .companies-show .header, .columns-index .header, .columns-show .header, .columns-category .header {
  background: #BB8DBE;
}

/* line 66, app/assets/stylesheets/module/_header.scss */
.header.header-top {
  background-color: none;
}

/* line 70, app/assets/stylesheets/module/_header.scss */
.header__logo-menu {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin: 1em 0;
  padding: 0 5%;
}

@media screen and (max-width: 897px) {
  /* line 70, app/assets/stylesheets/module/_header.scss */
  .header__logo-menu {
    justify-content: space-between;
    margin: 3.5vw 0;
    padding: 0;
  }
}

/* line 87, app/assets/stylesheets/module/_header.scss */
.header__logo-area img {
  height: 4.5rem;
  width: auto;
}

@media screen and (max-width: 897px) {
  /* line 87, app/assets/stylesheets/module/_header.scss */
  .header__logo-area img {
    height: 7.5vw;
    margin-left: 4vw;
  }
}

/* line 98, app/assets/stylesheets/module/_header.scss */
.header__lp-logo-menu {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 1em 0;
  padding: 0 5%;
}

@media screen and (max-width: 897px) {
  /* line 98, app/assets/stylesheets/module/_header.scss */
  .header__lp-logo-menu {
    margin: 3.5vw 0;
    padding: 0;
  }
}

/* line 113, app/assets/stylesheets/module/_header.scss */
.header__lp-logo-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

@media screen and (max-width: 897px) {
  /* line 113, app/assets/stylesheets/module/_header.scss */
  .header__lp-logo-area {
    width: 100vw;
    padding: 3vw 0;
  }
}

/* line 124, app/assets/stylesheets/module/_header.scss */
.header__lp-logo-area--logo {
  height: 4.5rem;
  width: auto;
}

@media screen and (max-width: 897px) {
  /* line 124, app/assets/stylesheets/module/_header.scss */
  .header__lp-logo-area--logo {
    height: 7.5vw;
    margin-left: 4vw;
  }
}

/* line 134, app/assets/stylesheets/module/_header.scss */
.header__lp-logo-area--recommendation-img {
  height: 80px;
  width: auto;
}

@media screen and (max-width: 897px) {
  /* line 134, app/assets/stylesheets/module/_header.scss */
  .header__lp-logo-area--recommendation-img {
    height: 17vw;
    margin-right: 4vw;
  }
}

/* line 145, app/assets/stylesheets/module/_header.scss */
.header__nav {
  display: flex;
  align-items: center;
}

/* line 151, app/assets/stylesheets/module/_header.scss */
.header__nav-btn {
  position: relative;
  background-color: #BB8DBE;
  font-size: 2rem;
  color: #fff;
  padding: 2px 2em 2px 1em;
  border-radius: 100px;
  cursor: pointer;
}

@media screen and (max-width: 897px) {
  /* line 151, app/assets/stylesheets/module/_header.scss */
  .header__nav-btn {
    font-size: 3.2vw;
    margin-right: 4vw;
  }
}

/* line 165, app/assets/stylesheets/module/_header.scss */
.header__nav-btn::before {
  position: absolute;
  top: 50%;
  right: 0.5em;
  transform: translate(-50%, -50%);
  width: 0.7em;
  height: 0.7em;
  content: "";
  background: url(/assets/top/link_arrow-a7809efa5892053820c2b880989947693c2a09cb8872993496ae65d8966d065f.svg) no-repeat;
}

/* line 176, app/assets/stylesheets/module/_header.scss */
.header__nav-btn:hover {
  opacity: 0.7;
}

/* line 184, app/assets/stylesheets/module/_header.scss */
.header-company__logo {
  width: 150px;
}

@media screen and (max-width: 897px) {
  /* line 184, app/assets/stylesheets/module/_header.scss */
  .header-company__logo {
    width: 30vw;
    margin-left: 1em;
  }
}

/* line 195, app/assets/stylesheets/module/_header.scss */
.call {
  display: none;
}

@media screen and (max-width: 897px) {
  /* line 195, app/assets/stylesheets/module/_header.scss */
  .call {
    display: block;
    margin-right: 70px;
    position: fixed;
    top: 10px;
    right: 0;
  }
}

/* line 206, app/assets/stylesheets/module/_header.scss */
.call__icon {
  height: 55px;
  width: auto;
  filter: drop-shadow(0px 0px 4px rgba(46, 130, 153, 0.1));
}

/* line 213, app/assets/stylesheets/module/_header.scss */
.header-nav {
  background: #BB8DBE;
}

/* line 216, app/assets/stylesheets/module/_header.scss */
.header-nav.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  margin-bottom: 50px;
}

/* line 225, app/assets/stylesheets/module/_header.scss */
.header-nav__list {
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin: 0;
  padding: 6px 0;
  list-style: none;
}

@media screen and (max-width: 897px) {
  /* line 225, app/assets/stylesheets/module/_header.scss */
  .header-nav__list {
    margin: 0 -5vw;
    padding: 1vw 0;
  }
}

/* line 239, app/assets/stylesheets/module/_header.scss */
.header-nav__side {
  display: flex;
  justify-content: right;
  align-items: center;
  width: 100%;
  min-width: 620px;
}

@media screen and (max-width: 897px) {
  /* line 239, app/assets/stylesheets/module/_header.scss */
  .header-nav__side {
    display: none;
  }
}

/* line 251, app/assets/stylesheets/module/_header.scss */
.header-nav__side-menu {
  display: flex;
  padding: 0;
}

/* line 256, app/assets/stylesheets/module/_header.scss */
.header-nav__side-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1em;
  font-size: 1.4rem;
}

/* line 264, app/assets/stylesheets/module/_header.scss */
.header-nav__side-link {
  color: #bb8dbe;
  font-weight: bold;
  transition: .5s;
}

/* line 269, app/assets/stylesheets/module/_header.scss */
.companies-index .header-nav__side-link, .companies-show .header-nav__side-link, .columns-index .header-nav__side-link, .columns-show .header-nav__side-link, .columns-category .header-nav__side-link {
  color: #fff;
}

/* line 273, app/assets/stylesheets/module/_header.scss */
.header-top .header-nav__side-link {
  color: #fff;
}

/* line 277, app/assets/stylesheets/module/_header.scss */
.header-nav__side-link:hover {
  opacity: 0.5;
}

/* line 282, app/assets/stylesheets/module/_header.scss */
.header-nav__side-img {
  width: 280px;
}

/* line 286, app/assets/stylesheets/module/_header.scss */
.header-nav__side-btn {
  color: #fff;
  background-color: #F54E6E;
  font-weight: bold;
  margin: 0;
  height: fit-content;
  padding: 13px 35px;
  border-radius: 30px;
  transition: .5s;
  font-size: 1.4rem;
  white-space: nowrap;
}

/* line 298, app/assets/stylesheets/module/_header.scss */
.companies-index .header-nav__side-btn, .companies-show .header-nav__side-btn, .columns-index .header-nav__side-btn, .columns-show .header-nav__side-btn, .columns-category .header-nav__side-btn {
  background-color: #53d023;
}

/* line 306, app/assets/stylesheets/module/_header.scss */
.header-nav__side-btn:hover {
  opacity: 0.8;
  transition: .5s;
}

/* line 312, app/assets/stylesheets/module/_header.scss */
.header-nav .menu-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 0 5px;
  font-size: 1.4rem;
  text-align: center;
  border-right: 1px solid #fff;
}

@media screen and (max-width: 897px) {
  /* line 312, app/assets/stylesheets/module/_header.scss */
  .header-nav .menu-item {
    padding: 0 1.2vw;
    font-size: 4vw;
  }
}

/* line 327, app/assets/stylesheets/module/_header.scss */
.header-nav .menu-item:first-child {
  border-left: 1px solid #fff;
}

@media screen and (max-width: 897px) {
  /* line 327, app/assets/stylesheets/module/_header.scss */
  .header-nav .menu-item:first-child {
    border-left: none;
  }
}

@media screen and (max-width: 897px) {
  /* line 335, app/assets/stylesheets/module/_header.scss */
  .header-nav .menu-item:last-child {
    border-right: none;
  }
}

/* line 341, app/assets/stylesheets/module/_header.scss */
.header-nav .menu-item a {
  flex: 1;
  padding: 7px 0;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 5px;
  transition: background 0.5s;
}

@media screen and (min-width: 1025px) {
  /* line 352, app/assets/stylesheets/module/_header.scss */
  .header-nav .menu-item a:hover {
    color: #BB8DBE;
    background: #fff;
  }
}

@media screen and (max-width: 897px) {
  /* line 359, app/assets/stylesheets/module/_header.scss */
  .header-nav .menu-item.menu-2line a {
    line-height: 1;
  }
}

/* line 366, app/assets/stylesheets/module/_header.scss */
.header-nav .menu-item.conversion a {
  color: #fff;
  background-color: #BB8DBE;
}

@media screen and (min-width: 1025px) {
  /* line 372, app/assets/stylesheets/module/_header.scss */
  .header-nav .menu-item.conversion a:hover {
    color: #BB8DBE;
    background: #fff;
  }
}

/* line 381, app/assets/stylesheets/module/_header.scss */
.header__ttl {
  font-size: 1.8rem;
  color: #fafafa;
}

/* line 386, app/assets/stylesheets/module/_header.scss */
.header-btn {
  display: flex;
  align-items: center;
  padding: 0.5em 1em;
  color: #333;
  font-weight: bold;
  font-size: 1.6rem;
  background: #fff;
  border: 1px solid;
  border-radius: 3px;
}

@media screen and (min-width: 1025px) {
  /* line 386, app/assets/stylesheets/module/_header.scss */
  .header-btn {
    cursor: pointer;
    transition: 0.5s opacity;
  }
  /* line 47, app/assets/stylesheets/_mixin.scss */
  .header-btn:hover {
    opacity: 0.7;
  }
  /* line 50, app/assets/stylesheets/_mixin.scss */
  .header-btn:hover img {
    opacity: 1;
  }
}

@media screen and (max-width: 897px) {
  /* line 386, app/assets/stylesheets/module/_header.scss */
  .header-btn {
    font-size: 3vw;
  }
}

/* line 402, app/assets/stylesheets/module/_header.scss */
.header-btn img {
  width: 17px;
  margin-right: 10px;
}

@media screen and (max-width: 897px) {
  /* line 402, app/assets/stylesheets/module/_header.scss */
  .header-btn img {
    width: 3vw;
    margin-right: 1vw;
  }
}

/* line 413, app/assets/stylesheets/module/_header.scss */
.openbtn {
  display: none;
}

@media screen and (max-width: 897px) {
  /* line 413, app/assets/stylesheets/module/_header.scss */
  .openbtn {
    display: block;
    position: fixed;
    top: 10px;
    right: 10px;
    background: white;
    filter: drop-shadow(0px 0px 4px rgba(46, 130, 153, 0.1));
    cursor: pointer;
    width: 55px;
    height: 55px;
    border-radius: 10px;
    z-index: 68;
  }
  /* line 429, app/assets/stylesheets/module/_header.scss */
  .openbtn span {
    display: inline-block;
    transition: all 1s;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    height: 2px;
    border-radius: 2px;
    background: #78b8ea;
    width: 18px;
  }
  /* line 441, app/assets/stylesheets/module/_header.scss */
  .openbtn span:nth-of-type(1) {
    top: 22px;
  }
  /* line 445, app/assets/stylesheets/module/_header.scss */
  .openbtn span:nth-of-type(2) {
    top: 27px;
  }
  /* line 449, app/assets/stylesheets/module/_header.scss */
  .openbtn span:nth-of-type(3) {
    top: 32px;
  }
  /* line 454, app/assets/stylesheets/module/_header.scss */
  .openbtn.active {
    background-color: Wfff;
  }
  /* line 457, app/assets/stylesheets/module/_header.scss */
  .openbtn.active span {
    background: #BB8DBE;
  }
  /* line 461, app/assets/stylesheets/module/_header.scss */
  .openbtn.active span:nth-of-type(1) {
    top: 20px;
    left: 0px;
    transform: translateY(6px) rotate(-45deg);
    width: 50%;
    height: 3px;
  }
  /* line 469, app/assets/stylesheets/module/_header.scss */
  .openbtn.active span:nth-of-type(2) {
    opacity: 0;
  }
  /* line 473, app/assets/stylesheets/module/_header.scss */
  .openbtn.active span:nth-of-type(3) {
    top: 32px;
    left: 2px;
    transform: translateY(-6px) rotate(45deg);
    width: 50%;
    height: 3px;
  }
}

/* line 487, app/assets/stylesheets/module/_header.scss */
.header-sp {
  display: none;
}

@media screen and (max-width: 897px) {
  /* line 487, app/assets/stylesheets/module/_header.scss */
  .header-sp {
    width: 100vw;
    position: fixed;
    inset: 0;
    margin: auto;
    z-index: 67;
    overflow: hidden;
    background-color: #BB8DBE;
  }
  /* line 509, app/assets/stylesheets/module/_header.scss */
  .header-sp__logo {
    width: 120px;
    object-fit: scale-down;
    margin: 20px 0 60px 20px;
  }
  /* line 515, app/assets/stylesheets/module/_header.scss */
  .header-sp__wave {
    position: relative;
  }
  /* line 519, app/assets/stylesheets/module/_header.scss */
  .header-sp__bubble {
    position: absolute;
    top: 6%;
    right: 22%;
    width: 55px;
    object-fit: scale-down;
  }
  /* line 527, app/assets/stylesheets/module/_header.scss */
  .header-sp__hand {
    position: absolute;
    top: 12.5%;
    left: 11%;
    width: 80px;
    object-fit: scale-down;
  }
  /* line 535, app/assets/stylesheets/module/_header.scss */
  .header-sp .nav-wrapper {
    margin-top: 15vh;
  }
  /* line 543, app/assets/stylesheets/module/_header.scss */
  .header-sp .nav__links {
    display: flex;
    flex-flow: column;
    width: 60%;
    margin: 0 auto 2em;
  }
  /* line 550, app/assets/stylesheets/module/_header.scss */
  .header-sp .nav__link {
    color: white;
    font-weight: 700;
    font-size: 5vw;
    text-align: center;
    margin-bottom: 1.5em;
  }
  /* line 558, app/assets/stylesheets/module/_header.scss */
  .header-sp .nav__link-btn {
    background-color: #f54e6e;
    text-align: center;
    margin: 30px auto 0 auto;
    font-size: 1.6rem;
    border-radius: 20px;
    padding: 5px 0;
    display: block;
    width: 60%;
  }
  /* line 569, app/assets/stylesheets/module/_header.scss */
  .header-sp .nav__link-company {
    text-align: center;
    margin: 30px auto 0 auto;
    font-size: 1.6rem;
    border: solid 1px white;
    border-radius: 20px;
    padding: 5px 0;
    display: block;
    width: 70%;
  }
  /* line 580, app/assets/stylesheets/module/_header.scss */
  .header-sp .nav__links-foot {
    position: absolute;
    bottom: 5vh;
    right: 0;
    left: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 0;
    width: fit-content;
    margin: 35px auto 0 auto;
    font-size: 1.2rem;
  }
  /* line 593, app/assets/stylesheets/module/_header.scss */
  .header-sp .nav__link-foot {
    color: white;
    font-size: 1em;
    font-weight: bold;
  }
}

/* line 2, app/assets/stylesheets/module/_modal.scss */
#modal_ankert {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -99;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: all 0.3s linear;
}

/* line 14, app/assets/stylesheets/module/_modal.scss */
#modal_ankert.is-active {
  z-index: 99;
  opacity: 1;
  display: block;
}

/* line 20, app/assets/stylesheets/module/_modal.scss */
#modal_ankert .modal__cnt {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 500px;
  transform: translate(-50%, -50%);
}

@media (max-width: 768px) {
  /* line 20, app/assets/stylesheets/module/_modal.scss */
  #modal_ankert .modal__cnt {
    width: 90%;
  }
}

/* line 34, app/assets/stylesheets/module/_modal.scss */
#modal_ankert .modal__title {
  margin: 0 0 0.5em;
  padding: 0 0 0.4em;
  color: #265d10;
  font-weight: bold;
  font-size: 2rem;
  border-bottom: 1px solid #265d10;
}

@media (max-width: 768px) {
  /* line 34, app/assets/stylesheets/module/_modal.scss */
  #modal_ankert .modal__title {
    font-size: 4.8vw;
  }
}

/* line 48, app/assets/stylesheets/module/_modal.scss */
.modal-ankert {
  padding: 30px;
  background: #fff;
  border-radius: 10px;
}

/* line 53, app/assets/stylesheets/module/_modal.scss */
.modal-ankert__sentence {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

/* line 59, app/assets/stylesheets/module/_modal.scss */
.modal-ankert__talker {
  width: 15%;
}

@media (max-width: 768px) {
  /* line 59, app/assets/stylesheets/module/_modal.scss */
  .modal-ankert__talker {
    width: 20%;
  }
}

/* line 67, app/assets/stylesheets/module/_modal.scss */
.modal-ankert__talker-icon {
  width: 100%;
  height: auto;
}

/* line 72, app/assets/stylesheets/module/_modal.scss */
.modal-ankert__talker-txt {
  position: relative;
  width: 80%;
  padding: 0.5em 1em;
  font-size: 1.5rem;
  background: #eee;
  border-radius: 10px;
}

/* line 80, app/assets/stylesheets/module/_modal.scss */
.modal-ankert__talker-txt::after {
  position: absolute;
  top: 15px;
  left: -10px;
  border-top: 10px solid #eee;
  border-right: 10px solid #eee;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  transform: skew(30deg);
  content: "";
}

@media (max-width: 768px) {
  /* line 72, app/assets/stylesheets/module/_modal.scss */
  .modal-ankert__talker-txt {
    width: 72%;
    margin-top: 0;
    font-size: 3.733vw;
  }
}

/* line 99, app/assets/stylesheets/module/_modal.scss */
.modal-ankert__txt {
  margin: 0 0 0.5em;
  font-size: 1.4rem;
}

@media (max-width: 768px) {
  /* line 99, app/assets/stylesheets/module/_modal.scss */
  .modal-ankert__txt {
    font-size: 3.733vw;
  }
}

/* line 108, app/assets/stylesheets/module/_modal.scss */
.modal-ankert__ankert {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #ccc;
}

/* line 114, app/assets/stylesheets/module/_modal.scss */
.modal-ankert__label {
  display: block;
  width: 50%;
  padding: 0.5em;
  font-size: 1.4rem;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}

/* line 122, app/assets/stylesheets/module/_modal.scss */
.modal-ankert__label:nth-child(odd) {
  border-right: 1px solid #ccc;
}

@media (max-width: 768px) {
  /* line 122, app/assets/stylesheets/module/_modal.scss */
  .modal-ankert__label:nth-child(odd) {
    border-right: none;
  }
}

/* line 130, app/assets/stylesheets/module/_modal.scss */
.modal-ankert__label:nth-last-child(-n+2) {
  border-bottom: 0;
}

/* line 134, app/assets/stylesheets/module/_modal.scss */
.modal-ankert__label > input {
  margin-right: 5px;
  cursor: pointer;
}

@media (max-width: 768px) {
  /* line 114, app/assets/stylesheets/module/_modal.scss */
  .modal-ankert__label {
    width: 100%;
    padding: 0.3em;
    font-size: 3.733vw;
  }
  /* line 144, app/assets/stylesheets/module/_modal.scss */
  .modal-ankert__label:nth-child(even) {
    border-right: 0;
  }
  /* line 148, app/assets/stylesheets/module/_modal.scss */
  .modal-ankert__label:nth-last-child(2) {
    border-bottom: 1px solid #ccc;
  }
}

/* line 154, app/assets/stylesheets/module/_modal.scss */
.modal-ankert__submit {
  width: 100%;
  margin-top: 1em;
  padding: 0.5em 0;
  color: #265d10;
  font-size: 1.4rem;
  font-weight: bold;
  border: 1px solid #265d10;
  border-radius: 100px;
  background: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* line 167, app/assets/stylesheets/module/_modal.scss */
.modal-ankert__submit:hover {
  background: #265d10;
  color: #fff;
}

/* line 172, app/assets/stylesheets/module/_modal.scss */
.modal-ankert__submit:active {
  transform: scale(0.98);
}

@media (max-width: 768px) {
  /* line 154, app/assets/stylesheets/module/_modal.scss */
  .modal-ankert__submit {
    font-size: 3.733vw;
  }
}

/* line 181, app/assets/stylesheets/module/_modal.scss */
.modal-ankert__error {
  display: none;
  margin-bottom: 5px;
  padding: 0.5em;
  color: #ff0000;
  font-weight: bold;
  font-size: 1.2rem;
  background: #ffe0e0;
  border-radius: 5px;
}

/* line 193, app/assets/stylesheets/module/_modal.scss */
.modal-ankert__support-message {
  display: block;
  font-size: 1.3rem;
}

@media screen and (max-width: 897px) {
  /* line 193, app/assets/stylesheets/module/_modal.scss */
  .modal-ankert__support-message {
    font-size: 2.9vw;
  }
}

/*--------------------------------------------------------------
# サイドバー
--------------------------------------------------------------*/
/* line 5, app/assets/stylesheets/module/_column_sidebar.scss */
.sidebar {
  width: 260px;
  margin-right: 30px;
}

@media screen and (max-width: 897px) {
  /* line 5, app/assets/stylesheets/module/_column_sidebar.scss */
  .sidebar {
    display: none;
  }
}

/* line 13, app/assets/stylesheets/module/_column_sidebar.scss */
.sidebar .contents-inner {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 897px) {
  /* line 13, app/assets/stylesheets/module/_column_sidebar.scss */
  .sidebar .contents-inner {
    padding: 20px 15px 59px;
  }
}

/* line 22, app/assets/stylesheets/module/_column_sidebar.scss */
.sidebar-category {
  width: 100%;
  margin-bottom: 52px;
  padding: 20px 27px 10px;
  background-color: #fff;
  border-radius: 10px;
  position: sticky;
  top: 0;
}

/* line 31, app/assets/stylesheets/module/_column_sidebar.scss */
.sidebar-category__ttl {
  font-family: "Zen Kaku Gothic New";
  margin: 0;
  font-size: 1.6rem;
  font-weight: 700;
  width: 100%;
  line-height: 150%;
  padding-bottom: 0.3em;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1em;
}

/* line 44, app/assets/stylesheets/module/_column_sidebar.scss */
.category {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

@media screen and (max-width: 897px) {
  /* line 44, app/assets/stylesheets/module/_column_sidebar.scss */
  .category {
    flex-wrap: nowrap;
  }
}

/* line 54, app/assets/stylesheets/module/_column_sidebar.scss */
.category__link {
  display: inline-block;
  font-family: "Zen Kaku Gothic New";
  font-weight: 700;
  text-decoration: none;
  color: #000000;
  padding: 8px 16px;
  font-size: 13px;
  margin-right: 9px;
  border-radius: 5px;
  border: 1px solid #CCC;
  background: #FFF;
  white-space: nowrap;
  margin-bottom: 10px;
}

@media screen and (max-width: 897px) {
  /* line 54, app/assets/stylesheets/module/_column_sidebar.scss */
  .category__link {
    white-space: nowrap;
    margin-bottom: 0px;
  }
}

/* line 73, app/assets/stylesheets/module/_column_sidebar.scss */
.category__link.active {
  background: #BE8DBD;
}

/* line 77, app/assets/stylesheets/module/_column_sidebar.scss */
.category__link:hover {
  background: #BE8DBD;
}

/* line 1, app/assets/stylesheets/module/_column_mobile_sidebar.scss */
.sidebar-mobile {
  display: none;
}

@media screen and (max-width: 897px) {
  /* line 1, app/assets/stylesheets/module/_column_mobile_sidebar.scss */
  .sidebar-mobile {
    display: block;
  }
}

/* line 8, app/assets/stylesheets/module/_column_mobile_sidebar.scss */
.sidebar-mobile .mobile-category {
  display: flex;
  overflow-x: scroll;
  flex-wrap: nowrap;
  list-style: none;
  padding-bottom: 0.3em;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}

/* line 18, app/assets/stylesheets/module/_column_mobile_sidebar.scss */
.sidebar-mobile .mobile-category__ttl {
  font-family: "Zen Kaku Gothic New";
  margin: 0;
  font-size: 1.6rem;
  font-weight: 700;
  width: 100%;
  line-height: 150%;
  padding-bottom: 0.3em;
  border-bottom: 1px solid #ccc;
  margin-bottom: 5vw;
  margin-top: 10px;
}

/* line 1, app/assets/stylesheets/module/_single_column_sidebar.scss */
.single-sidebar {
  margin-left: 30px;
  width: 260px;
  flex-shrink: 0;
}

@media screen and (max-width: 897px) {
  /* line 1, app/assets/stylesheets/module/_single_column_sidebar.scss */
  .single-sidebar {
    display: none;
  }
}

/* line 10, app/assets/stylesheets/module/_single_column_sidebar.scss */
.single-sidebar__category {
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 40px;
  padding: 20px 27px;
}

/* line 18, app/assets/stylesheets/module/_single_column_sidebar.scss */
.single-sidebar__ttl {
  font-family: "Zen Kaku Gothic New";
  margin: 0;
  font-size: 1.6rem;
  font-weight: 700;
  width: 100%;
  line-height: 150%;
  padding-bottom: 0.3em;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1em;
}

/* line 30, app/assets/stylesheets/module/_single_column_sidebar.scss */
.single-sidebar__category-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

@media screen and (max-width: 897px) {
  /* line 30, app/assets/stylesheets/module/_single_column_sidebar.scss */
  .single-sidebar__category-list {
    flex-wrap: nowrap;
  }
}

/* line 41, app/assets/stylesheets/module/_single_column_sidebar.scss */
.single-sidebar__list-container {
  padding: 0;
}

/* line 45, app/assets/stylesheets/module/_single_column_sidebar.scss */
.single-sidebar__list-item {
  list-style: none;
  margin-bottom: 20px;
}

@media screen and (max-width: 897px) {
  /* line 45, app/assets/stylesheets/module/_single_column_sidebar.scss */
  .single-sidebar__list-item {
    margin-right: 20px;
  }
}

/* line 53, app/assets/stylesheets/module/_single_column_sidebar.scss */
.single-sidebar__box-date-txt {
  font-size: 1.2rem;
  color: #000000;
}

/* line 58, app/assets/stylesheets/module/_single_column_sidebar.scss */
.single-sidebar__category-link {
  display: inline-block;
  font-family: "Zen Kaku Gothic New";
  font-weight: 700;
  text-decoration: none;
  color: #000000;
  padding: 8px 16px;
  font-size: 13px;
  margin-right: 9px;
  border-radius: 5px;
  border: 1px solid #CCC;
  background: #FFF;
  white-space: nowrap;
  margin-bottom: 10px;
}

@media screen and (max-width: 897px) {
  /* line 58, app/assets/stylesheets/module/_single_column_sidebar.scss */
  .single-sidebar__category-link {
    white-space: nowrap;
    margin-bottom: 0px;
  }
}

/* line 77, app/assets/stylesheets/module/_single_column_sidebar.scss */
.single-sidebar__category-link.active {
  background: #BE8DBD;
}

/* line 81, app/assets/stylesheets/module/_single_column_sidebar.scss */
.single-sidebar__category-link:hover {
  background: #BE8DBD;
}

/* line 86, app/assets/stylesheets/module/_single_column_sidebar.scss */
.single-sidebar__box-ttl {
  font-size: 1.4rem;
  margin: 10px;
  color: #333333;
}

/* line 92, app/assets/stylesheets/module/_single_column_sidebar.scss */
.single-sidebar__list-box {
  width: 100%;
  margin-top: 10px;
  background-color: #FFFFFF;
  border-radius: 15px;
  box-shadow: 3px 2px 7px 0px rgba(0, 0, 0, 0.1);
  padding: 10px;
  box-sizing: border-box;
}

/* line 101, app/assets/stylesheets/module/_single_column_sidebar.scss */
.single-sidebar__list-box:hover {
  opacity: 0.6;
}

/* line 106, app/assets/stylesheets/module/_single_column_sidebar.scss */
.single-sidebar__box-header img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 100px;
  border-radius: 10px;
}

/* line 114, app/assets/stylesheets/module/_single_column_sidebar.scss */
.single-sidebar__box-badge {
  margin: 0 5px 5px 0;
  font-weight: 700;
  font-size: 1.4rem;
}

/* line 120, app/assets/stylesheets/module/_single_column_sidebar.scss */
.single-sidebar__other-articles {
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 40px;
}

/* line 127, app/assets/stylesheets/module/_single_column_sidebar.scss */
.single-sidebar__widget {
  width: 100%;
}

/* line 2, app/assets/stylesheets/module/_column_modal.scss */
.ctr-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100002;
  overflow: auto;
  background: rgba(0, 0, 0, 0.7);
}

/* line 13, app/assets/stylesheets/module/_column_modal.scss */
.ctr-modal.is-active {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 19, app/assets/stylesheets/module/_column_modal.scss */
.ctr-modal__bg {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100vh;
  z-index: 100002 !important;
  pointer-events: auto;
}

/* line 31, app/assets/stylesheets/module/_column_modal.scss */
.ctr-modal__close {
  position: absolute;
  top: -50px;
  right: 0px;
  z-index: 100004;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  transition: opacity 0.3s;
}

/* line 46, app/assets/stylesheets/module/_column_modal.scss */
.ctr-modal__close:hover {
  opacity: 0.7;
}

@media screen and (max-width: 897px) {
  /* line 31, app/assets/stylesheets/module/_column_modal.scss */
  .ctr-modal__close {
    top: -28px;
    right: 0px;
    width: 24px;
  }
}

/* line 56, app/assets/stylesheets/module/_column_modal.scss */
.ctr-modal__close img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* line 63, app/assets/stylesheets/module/_column_modal.scss */
.ctr-modal__btn-wrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100003;
  display: block;
  max-width: 686px;
  width: 90%;
}

@media screen and (max-width: 897px) {
  /* line 63, app/assets/stylesheets/module/_column_modal.scss */
  .ctr-modal__btn-wrapper {
    max-width: 358px;
    width: 95%;
  }
}

/* line 79, app/assets/stylesheets/module/_column_modal.scss */
.ctr-modal__btn-link {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 74%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 352px;
  height: 62px;
  padding: 0.7em 1em;
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
  border-radius: 10px;
  background-color: #F54E6E;
  box-shadow: 0 4px 0 #B83C55;
  text-decoration: none;
  transition: all 0.3s;
  z-index: 2;
  cursor: pointer;
}

/* line 103, app/assets/stylesheets/module/_column_modal.scss */
.ctr-modal__btn-link:hover {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
  transform: translateX(-50%) translateY(1px);
}

@media screen and (max-width: 897px) {
  /* line 79, app/assets/stylesheets/module/_column_modal.scss */
  .ctr-modal__btn-link {
    padding: 0.5em 1.2em;
    max-width: 90%;
    font-size: 2.2rem;
    top: 69%;
  }
}

/* line 116, app/assets/stylesheets/module/_column_modal.scss */
.ctr-modal__btn-badge {
  display: inline-block;
  padding: 6px 8px;
  background-color: #fff;
  color: #F54E6E;
  line-height: 1.1em;
  border-radius: 4px;
  font-size: 0.8em;
  font-weight: bold;
  white-space: nowrap;
}

/* line 128, app/assets/stylesheets/module/_column_modal.scss */
.ctr-modal__btn-text {
  flex: 1;
  text-align: center;
}

/* line 133, app/assets/stylesheets/module/_column_modal.scss */
.ctr-modal__btn-arrow {
  display: flex;
  align-items: center;
}

/* line 137, app/assets/stylesheets/module/_column_modal.scss */
.ctr-modal__btn-arrow img {
  width: 24px;
  height: auto;
  display: block;
}

/* line 144, app/assets/stylesheets/module/_column_modal.scss */
.ctr-modal__btn-image {
  display: block;
  width: 100%;
  max-width: 686px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 897px) {
  /* line 144, app/assets/stylesheets/module/_column_modal.scss */
  .ctr-modal__btn-image {
    max-width: 358px;
  }
}

/* line 155, app/assets/stylesheets/module/_column_modal.scss */
.ctr-modal__btn-image img {
  width: 100%;
  height: auto;
  display: block;
}

/* line 163, app/assets/stylesheets/module/_column_modal.scss */
.footer-fix {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100001;
  height: 120px;
  padding: 16px 0;
  background: rgba(117, 117, 117, 0.6);
  display: none;
}

@media screen and (max-width: 897px) {
  /* line 163, app/assets/stylesheets/module/_column_modal.scss */
  .footer-fix {
    height: auto;
    padding: 16px;
    z-index: 100001;
  }
}

/* line 180, app/assets/stylesheets/module/_column_modal.scss */
.footer-fix__row {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 897px) {
  /* line 180, app/assets/stylesheets/module/_column_modal.scss */
  .footer-fix__row {
    height: auto;
  }
}

/* line 191, app/assets/stylesheets/module/_column_modal.scss */
.footer-fix__btn {
  position: relative;
  width: 628px;
  max-width: 100%;
  border-radius: 72px;
  background: rgba(0, 0, 0, 0.2);
  box-shadow: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 897px) {
  /* line 191, app/assets/stylesheets/module/_column_modal.scss */
  .footer-fix__btn {
    width: 100%;
    padding: 0;
    max-width: 100%;
    box-shadow: none;
  }
}

/* line 210, app/assets/stylesheets/module/_column_modal.scss */
.footer-fix__btn picture,
.footer-fix__btn img {
  width: 100%;
  height: auto;
  display: block;
}

/* line 217, app/assets/stylesheets/module/_column_modal.scss */
.footer-fix__btn:hover {
  top: 0;
  box-shadow: none;
}

/* line 3, app/assets/stylesheets/components/_btn.scss */
.cBtn__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 50%;
  height: 3em;
  margin: 0 auto;
  font-weight: bold;
  font-size: 2.4rem;
  max-width: 600px;
  background: #fff;
  border: 3px solid #F54E6E;
  border-radius: 100px;
  background-image: linear-gradient(30deg, #f54e6e3d 50%, transparent 50%);
  background-position: 100%;
  background-size: 400%;
  transition: background 800ms ease-in-out;
}

/* line 26, app/assets/stylesheets/components/_btn.scss */
.cBtn__btn:hover {
  background-position: 0;
}

@media screen and (max-width: 897px) {
  /* line 3, app/assets/stylesheets/components/_btn.scss */
  .cBtn__btn {
    width: 90%;
    font-size: 4.7vw;
    height: 3em;
  }
}

/* line 37, app/assets/stylesheets/components/_btn.scss */
.cBtn__area-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 50%;
  margin: 20px auto 10px;
  font-weight: bold;
  font-size: 18px;
  max-width: 600px;
  background: #fff;
  border: 3px solid #CC99CC;
  border-radius: 100px;
  height: 50px;
  background-image: linear-gradient(30deg, #f54e6e3d 50%, transparent 50%);
  background-position: 100%;
  background-size: 400%;
  transition: background 800ms ease-in-out;
}

/* line 61, app/assets/stylesheets/components/_btn.scss */
.cBtn__area-btn:hover {
  background-position: 0;
}

@media screen and (max-width: 897px) {
  /* line 37, app/assets/stylesheets/components/_btn.scss */
  .cBtn__area-btn {
    width: 50%;
    font-size: 18px;
    height: 35px;
  }
}

/* line 72, app/assets/stylesheets/components/_btn.scss */
.cBtn__btn-let {
  color: #F54E6E;
}

/* line 76, app/assets/stylesheets/components/_btn.scss */
.cBtn__btn-txt {
  color: #000;
  margin-left: 0.7em;
}

/* line 81, app/assets/stylesheets/components/_btn.scss */
.cBtn__btn-icon {
  position: absolute;
  top: 1em;
  right: 0.5em;
  width: 1.5rem;
  height: 1.5rem;
  background: url(/assets/top/submit_btn_icon-1c363da55782207a0151fc27978d0c29e012e9a996a13eca35c2fa3e9ee75cce.svg) no-repeat;
  z-index: 56;
}

/* line 91, app/assets/stylesheets/components/_btn.scss */
.cBtn__submit {
  display: block;
  position: relative;
  width: 450px;
  height: 60px;
  text-align: center;
  border: none;
  font-size: 1.5em;
  font-weight: bold;
  color: #fff;
  border-radius: 10px;
  background-color: #F54E6E;
  padding: 2px 0 0;
  box-shadow: 0 4px 0 #B83C55;
}

@media screen and (max-width: 897px) {
  /* line 91, app/assets/stylesheets/components/_btn.scss */
  .cBtn__submit {
    width: 80vw;
    font-size: 5vw;
  }
}

/* line 111, app/assets/stylesheets/components/_btn.scss */
.cBtn__submit::before {
  position: absolute;
  top: 50%;
  right: 0.5em;
  transform: translate(-50%, -50%);
  width: 0.7em;
  height: 0.7em;
  content: "";
  background: url(/assets/top/link_arrow-a7809efa5892053820c2b880989947693c2a09cb8872993496ae65d8966d065f.svg) no-repeat;
}

/* line 122, app/assets/stylesheets/components/_btn.scss */
.cBtn__submit:hover {
  opacity: 0.7;
}

/* line 126, app/assets/stylesheets/components/_btn.scss */
.cBtn__submit:disabled {
  opacity: 0.5;
}

/* line 131, app/assets/stylesheets/components/_btn.scss */
.cBtn__submit-let {
  color: yellow;
}

/* line 135, app/assets/stylesheets/components/_btn.scss */
.cBtn__submit-txt {
  color: #fff;
  margin-left: 0.7em;
}

/* line 1, app/assets/stylesheets/components/_loading.scss */
.loading {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 78;
}

/* line 11, app/assets/stylesheets/components/_loading.scss */
.loading .loading-wrapper {
  width: 200px;
  height: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* line 19, app/assets/stylesheets/components/_loading.scss */
.loading .circle {
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 50%;
  background-color: #FFF;
  left: 15%;
  transform-origin: 50%;
  animation: circle .5s alternate infinite ease;
}

@keyframes circle {
  0% {
    top: 60px;
    height: 5px;
    border-radius: 50px 50px 25px 25px;
    transform: scaleX(1.7);
  }
  40% {
    height: 20px;
    border-radius: 50%;
    transform: scaleX(1);
  }
  100% {
    top: 0%;
  }
}

/* line 46, app/assets/stylesheets/components/_loading.scss */
.loading .circle:nth-child(2) {
  left: 45%;
  animation-delay: .2s;
}

/* line 50, app/assets/stylesheets/components/_loading.scss */
.loading .circle:nth-child(3) {
  left: auto;
  right: 15%;
  animation-delay: .3s;
}

/* line 55, app/assets/stylesheets/components/_loading.scss */
.loading .shadow {
  width: 20px;
  height: 4px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 62px;
  transform-origin: 50%;
  z-index: -1;
  left: 15%;
  filter: blur(1px);
  animation: shadow .5s alternate infinite ease;
}

@keyframes shadow {
  0% {
    transform: scaleX(1.5);
  }
  40% {
    transform: scaleX(1);
    opacity: .7;
  }
  100% {
    transform: scaleX(0.2);
    opacity: .4;
  }
}

/* line 82, app/assets/stylesheets/components/_loading.scss */
.loading .shadow:nth-child(4) {
  left: 45%;
  animation-delay: .2s;
}

/* line 86, app/assets/stylesheets/components/_loading.scss */
.loading .shadow:nth-child(5) {
  left: auto;
  right: 15%;
  animation-delay: .3s;
}

/* line 91, app/assets/stylesheets/components/_loading.scss */
.loading .loading-wrapper span {
  position: absolute;
  top: 75px;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 2px;
  color: #FFF;
  left: 8%;
}

/* line 1, app/assets/stylesheets/components/_error_message.scss */
.alert-warning {
  background: #ffff7757;
  border-radius: 5px;
  border: 2px solid #ffde3585;
  color: #e74c3c;
}

/* line 20, app/assets/stylesheets/components/_faq.scss */
.faq-container {
  max-width: 850px;
  width: 100%;
  margin: 40px auto;
}

@media screen and (max-width: 897px) {
  /* line 20, app/assets/stylesheets/components/_faq.scss */
  .faq-container {
    margin: 30px auto;
  }
}

/* line 31, app/assets/stylesheets/components/_faq.scss */
.faq-block {
  margin-bottom: 20px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

/* line 38, app/assets/stylesheets/components/_faq.scss */
.faq-block:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 897px) {
  /* line 31, app/assets/stylesheets/components/_faq.scss */
  .faq-block {
    margin-bottom: 15px;
  }
}

/* line 48, app/assets/stylesheets/components/_faq.scss */
.faq-question,
.faq-answer {
  position: relative;
  padding: 15px 15px 15px 60px;
  margin: 0;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.8;
}

@media screen and (max-width: 897px) {
  /* line 48, app/assets/stylesheets/components/_faq.scss */
  .faq-question,
.faq-answer {
    padding: 12px 12px 12px 50px;
  }
}

/* line 62, app/assets/stylesheets/components/_faq.scss */
.faq-question {
  background-color: #f0d9f0;
  font-size: 1.8rem;
  font-weight: 600;
  color: #333;
  border-bottom: 2px solid #BE8DBD;
}

@media screen and (max-width: 897px) {
  /* line 62, app/assets/stylesheets/components/_faq.scss */
  .faq-question {
    font-size: 1.5rem;
  }
}

/* line 75, app/assets/stylesheets/components/_faq.scss */
.faq-answer {
  background-color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  color: #333;
}

@media screen and (max-width: 897px) {
  /* line 75, app/assets/stylesheets/components/_faq.scss */
  .faq-answer {
    font-size: 1.4rem;
  }
}

/* line 87, app/assets/stylesheets/components/_faq.scss */
.faq-badge {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-family: "Zen Kaku Gothic New";
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}

@media screen and (max-width: 897px) {
  /* line 87, app/assets/stylesheets/components/_faq.scss */
  .faq-badge {
    left: 10px;
    width: 32px;
    height: 32px;
    font-size: 1.6rem;
  }
}

/* line 108, app/assets/stylesheets/components/_faq.scss */
.faq-badge-q {
  background-color: #BE8DBD;
  color: #fff;
  line-height: 33px;
}

/* line 115, app/assets/stylesheets/components/_faq.scss */
.faq-badge-a {
  background-color: #F7F7F7;
  color: #BE8DBD;
  border: 2px solid #BE8DBD;
  line-height: 30px;
}

@keyframes topScaleUp {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  50% {
    transform: scale(1.8);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* line 18, app/assets/stylesheets/projects/_top.scss */
body {
  background: linear-gradient(90deg, rgba(185, 139, 188, 0.2), rgba(185, 225, 247, 0.2));
  background-size: cover;
}

/* line 23, app/assets/stylesheets/projects/_top.scss */
.topMv {
  height: 800px;
  overflow: hidden;
}

@media screen and (max-width: 897px) {
  /* line 23, app/assets/stylesheets/projects/_top.scss */
  .topMv {
    width: 100vw;
    height: auto;
  }
}

/* line 32, app/assets/stylesheets/projects/_top.scss */
.topMv__inner {
  position: relative;
  width: 1000px;
  height: 670px;
  margin: 0 auto;
}

@media screen and (max-width: 897px) {
  /* line 32, app/assets/stylesheets/projects/_top.scss */
  .topMv__inner {
    width: 100%;
    height: 175vw;
  }
}

/* line 43, app/assets/stylesheets/projects/_top.scss */
.topMv__inner::before {
  position: absolute;
  background: url(/assets/top/pc_main_background-99e288df29eb7b2cf347d97cf0462838089c8310f2df1f097bfb27db29c19f7f.png) no-repeat;
  background-size: 1500px 670px;
  height: 670px;
  width: 1500px;
  top: 0;
  left: -250px;
  content: "";
  z-index: -100;
}

@media screen and (max-width: 897px) {
  /* line 43, app/assets/stylesheets/projects/_top.scss */
  .topMv__inner::before {
    position: absolute;
    background: url(/assets/top/sp_main_background-e020acd527c7d69416ca2090642c496799014e0919ebcbfdd0f7eb55bca58e15.png) no-repeat;
    background-size: contain;
    height: 120%;
    width: 140%;
    top: -8%;
    left: 50%;
    right: 50%;
    transform: translate(-50%, 0);
    content: "";
    z-index: -100;
  }
}

/* line 70, app/assets/stylesheets/projects/_top.scss */
.topMv__scroll {
  position: absolute;
  content: "";
  top: 76%;
  left: -5%;
  width: 1rem;
  height: auto;
  font-size: 1.5rem;
  letter-spacing: 0.1vw;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

@media screen and (max-width: 897px) {
  /* line 70, app/assets/stylesheets/projects/_top.scss */
  .topMv__scroll {
    border-bottom: none;
    top: 73%;
    left: 9.3%;
    font-size: 3.5vw;
  }
}

/* line 90, app/assets/stylesheets/projects/_top.scss */
.topMv__scroll-line {
  position: absolute;
  top: 89%;
  left: -3.8%;
  height: 30%;
  border-left: 1px solid #000;
}

@media screen and (max-width: 897px) {
  /* line 90, app/assets/stylesheets/projects/_top.scss */
  .topMv__scroll-line {
    border-bottom: none;
    top: 83%;
    left: 12%;
    height: 30vw;
    border-left: 1px solid #000;
  }
}

/* line 106, app/assets/stylesheets/projects/_top.scss */
.topMv__main-box {
  width: 55%;
  height: 100%;
  padding: 4em 6em 4em 0em;
  position: relative;
}

@media screen and (max-width: 897px) {
  /* line 106, app/assets/stylesheets/projects/_top.scss */
  .topMv__main-box {
    width: 100%;
    height: 50%;
    padding: 2em 1em 0 2em;
  }
}

/* line 119, app/assets/stylesheets/projects/_top.scss */
.topMv__btn-pc {
  display: block;
  position: relative;
  margin: 2em auto 0;
  width: 300px;
  height: 74px;
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  color: #fff;
  border-radius: 10px;
  background-color: #F54E6E;
  padding: 0.7em 2em 2px 1em;
  box-shadow: 0 4px 0 #B83C55;
}

/* line 134, app/assets/stylesheets/projects/_top.scss */
.topMv__btn-pc::before {
  position: absolute;
  top: 50%;
  right: 0.5em;
  transform: translate(-50%, -50%);
  width: 0.7em;
  height: 0.7em;
  content: "";
  background: url(/assets/top/link_arrow-a7809efa5892053820c2b880989947693c2a09cb8872993496ae65d8966d065f.svg) no-repeat;
}

/* line 145, app/assets/stylesheets/projects/_top.scss */
.topMv__btn-pc:hover {
  opacity: 0.7;
}

/* line 150, app/assets/stylesheets/projects/_top.scss */
.topMv__btn-pc-top2 {
  width: 380px;
}

/* line 154, app/assets/stylesheets/projects/_top.scss */
.topMv__btn-sp {
  display: block;
  position: relative;
  margin: 19vw 3vw 0;
  width: 41vw;
  height: 41vw;
  text-align: center;
  font-size: 5.5vw;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.5vw;
  color: #fff;
  border-radius: 50%;
  background-color: #F54E6E;
  padding: 16vw 0 0;
  box-shadow: 0 1.5vw 0 #B83C55;
}

/* line 171, app/assets/stylesheets/projects/_top.scss */
.topMv__btn-sp::after {
  position: absolute;
  top: 23%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 7vw;
  height: 10vw;
  content: "";
  background: url(/assets/top/calc_icon-8fcee9e88d553797e180fdd71fca108d43bdfda388abf3e4784cf92bec3db403.svg) no-repeat;
}

/* line 182, app/assets/stylesheets/projects/_top.scss */
.topMv__btn-sp::before {
  position: absolute;
  top: 90%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 5vw;
  height: 5vw;
  content: "";
  background: url(/assets/top/under_direction-27e1eb6c0f15468d04ffd5c16163e57f9dac3a9cc6299c1889cbc58dd5049586.svg) no-repeat;
}

/* line 193, app/assets/stylesheets/projects/_top.scss */
.topMv__btn-sp:hover {
  opacity: 0.7;
}

/* line 198, app/assets/stylesheets/projects/_top.scss */
.topMv__btn-sp-top2 {
  font-size: 5vw;
}

/* line 202, app/assets/stylesheets/projects/_top.scss */
.topMv__painters {
  position: absolute;
  width: 175px;
  height: 443px;
  top: 123px;
  right: 60px;
  z-index: 50;
}

@media screen and (max-width: 897px) {
  /* line 202, app/assets/stylesheets/projects/_top.scss */
  .topMv__painters {
    width: 23vw;
    height: 58.6vw;
    top: 87vw;
    right: 15.5%;
  }
}

/* line 218, app/assets/stylesheets/projects/_top.scss */
.topMv__ladder {
  position: absolute;
  width: 180px;
  height: 557px;
  top: 143px;
  right: 63px;
  z-index: 20;
}

@media screen and (max-width: 897px) {
  /* line 218, app/assets/stylesheets/projects/_top.scss */
  .topMv__ladder {
    width: 24vw;
    height: 73.4vw;
    top: 90vw;
    right: 15.7%;
  }
}

/* line 234, app/assets/stylesheets/projects/_top.scss */
.topMv__drum {
  position: absolute;
  width: 101px;
  height: 120px;
  bottom: -25px;
  right: 37%;
  z-index: 20;
}

@media screen and (max-width: 897px) {
  /* line 234, app/assets/stylesheets/projects/_top.scss */
  .topMv__drum {
    width: 13vw;
    height: 14vw;
    bottom: 13vw;
    right: 48%;
  }
}

/* line 251, app/assets/stylesheets/projects/_top.scss */
.topSearch {
  overflow: hidden;
}

/* line 254, app/assets/stylesheets/projects/_top.scss */
.topSearch__ttl {
  display: block;
  position: relative;
  text-align: center;
  font-size: 4.4rem;
  z-index: 50;
}

@media screen and (max-width: 897px) {
  /* line 254, app/assets/stylesheets/projects/_top.scss */
  .topSearch__ttl {
    font-size: 5.7vw;
  }
}

/* line 265, app/assets/stylesheets/projects/_top.scss */
.topSearch__ttl::after {
  position: absolute;
  content: "SEARCH";
  top: 75%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 17rem;
  font-weight: 100;
  word-break: keep-all;
  font-family: 'Gill Sans Light', sans-serif;
  color: #fff;
  z-index: -100;
}

@media screen and (max-width: 897px) {
  /* line 265, app/assets/stylesheets/projects/_top.scss */
  .topSearch__ttl::after {
    font-size: 17vw;
  }
}

/* line 283, app/assets/stylesheets/projects/_top.scss */
.topSearch__ttl__accent {
  color: #F54E6E;
}

/* line 289, app/assets/stylesheets/projects/_top.scss */
.topSearch__btn {
  margin: 3em auto;
}

@media screen and (max-width: 897px) {
  /* line 289, app/assets/stylesheets/projects/_top.scss */
  .topSearch__btn {
    margin: 2em auto;
  }
}

/* line 298, app/assets/stylesheets/projects/_top.scss */
.search {
  background-color: #E5F3FF;
  padding: 120px 0 calc(9.6vw + 120px);
  position: relative;
}

@media screen and (max-width: 897px) {
  /* line 298, app/assets/stylesheets/projects/_top.scss */
  .search {
    padding: 50px 0 55vw;
  }
}

/* line 307, app/assets/stylesheets/projects/_top.scss */
.search__inner {
  max-width: 950px;
  display: block;
  margin: 100px auto;
}

@media screen and (max-width: 897px) {
  /* line 307, app/assets/stylesheets/projects/_top.scss */
  .search__inner {
    margin: 2em auto;
  }
}

/* line 317, app/assets/stylesheets/projects/_top.scss */
.search__wrapper {
  display: grid;
  gap: 50px 0;
}

@media screen and (max-width: 897px) {
  /* line 317, app/assets/stylesheets/projects/_top.scss */
  .search__wrapper {
    justify-items: center;
    gap: 20px 0;
  }
}

/* line 327, app/assets/stylesheets/projects/_top.scss */
.search__item {
  background-color: white;
  padding: 35px 55px;
  border-radius: 25px;
  box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: .3s ease-in-out;
}

@media screen and (max-width: 897px) {
  /* line 327, app/assets/stylesheets/projects/_top.scss */
  .search__item {
    width: 90%;
    height: 25vw;
    padding: 0 35px;
    border-radius: 10px;
  }
}

/* line 344, app/assets/stylesheets/projects/_top.scss */
.search__item--img {
  width: 205px;
  max-height: 150px;
}

@media screen and (max-width: 897px) {
  /* line 344, app/assets/stylesheets/projects/_top.scss */
  .search__item--img {
    width: 23vw;
    max-height: 17vw;
  }
}

/* line 357, app/assets/stylesheets/projects/_top.scss */
.search__item1 .search__item--img1, .search__item2 .search__item--img1 {
  display: block;
}

/* line 361, app/assets/stylesheets/projects/_top.scss */
.search__item1 .search__item--img1-white, .search__item2 .search__item--img1-white {
  display: none;
}

/* line 368, app/assets/stylesheets/projects/_top.scss */
.search__item1:hover .search__item--img1, .search__item2:hover .search__item--img1 {
  display: none;
}

/* line 372, app/assets/stylesheets/projects/_top.scss */
.search__item1:hover .search__item--img1-white, .search__item2:hover .search__item--img1-white {
  display: block;
}

/* line 377, app/assets/stylesheets/projects/_top.scss */
.search__item:hover {
  background-color: #46c3e6;
  color: white;
  cursor: pointer;
}

/* line 383, app/assets/stylesheets/projects/_top.scss */
.search__item--ttl {
  white-space: nowrap;
  font-size: 2.5rem;
  font-weight: 700;
}

@media screen and (max-width: 897px) {
  /* line 383, app/assets/stylesheets/projects/_top.scss */
  .search__item--ttl {
    font-size: 1.8rem;
  }
}

/* line 393, app/assets/stylesheets/projects/_top.scss */
.search__item--txt {
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  font-weight: 500;
}

@media screen and (max-width: 897px) {
  /* line 393, app/assets/stylesheets/projects/_top.scss */
  .search__item--txt {
    display: none;
  }
}

/* line 404, app/assets/stylesheets/projects/_top.scss */
.topChoose {
  overflow: hidden;
}

/* line 407, app/assets/stylesheets/projects/_top.scss */
.topChoose__ttl {
  display: block;
  position: relative;
  text-align: center;
  font-size: 4.4rem;
  z-index: 50;
}

@media screen and (max-width: 897px) {
  /* line 407, app/assets/stylesheets/projects/_top.scss */
  .topChoose__ttl {
    font-size: 5.7vw;
  }
}

/* line 418, app/assets/stylesheets/projects/_top.scss */
.topChoose__ttl::after {
  position: absolute;
  content: "CHOOSE";
  top: 75%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 17rem;
  font-weight: 100;
  word-break: keep-all;
  font-family: 'Gill Sans Light', sans-serif;
  color: #fff;
  z-index: -100;
}

@media screen and (max-width: 897px) {
  /* line 418, app/assets/stylesheets/projects/_top.scss */
  .topChoose__ttl::after {
    font-size: 17vw;
  }
}

/* line 436, app/assets/stylesheets/projects/_top.scss */
.topChoose__ttl__accent {
  color: #F54E6E;
}

/* line 442, app/assets/stylesheets/projects/_top.scss */
.topChoose__btn {
  margin: 3em auto;
}

@media screen and (max-width: 897px) {
  /* line 442, app/assets/stylesheets/projects/_top.scss */
  .topChoose__btn {
    margin: 2em auto;
  }
}

/* line 451, app/assets/stylesheets/projects/_top.scss */
.topChoose-list {
  margin-top: 4em;
  padding: 0px;
}

/* line 456, app/assets/stylesheets/projects/_top.scss */
.topChoose-list__item {
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 5rem;
  align-items: center;
}

/* line 464, app/assets/stylesheets/projects/_top.scss */
.topChoose-list__item:nth-child(even) {
  flex-direction: row-reverse;
}

@media screen and (max-width: 897px) {
  /* line 456, app/assets/stylesheets/projects/_top.scss */
  .topChoose-list__item {
    display: block;
  }
}

/* line 473, app/assets/stylesheets/projects/_top.scss */
.topChoose-list__box {
  width: 430px;
}

@media screen and (max-width: 897px) {
  /* line 473, app/assets/stylesheets/projects/_top.scss */
  .topChoose-list__box {
    width: auto;
  }
}

/* line 481, app/assets/stylesheets/projects/_top.scss */
.topChoose-list__box-img {
  width: 570px;
}

@media screen and (max-width: 897px) {
  /* line 481, app/assets/stylesheets/projects/_top.scss */
  .topChoose-list__box-img {
    width: 100%;
  }
}

/* line 488, app/assets/stylesheets/projects/_top.scss */
.topChoose-list__box-img img {
  display: block;
  margin: 0 auto;
  max-width: 90%;
}

@media screen and (max-width: 897px) {
  /* line 488, app/assets/stylesheets/projects/_top.scss */
  .topChoose-list__box-img img {
    width: 100%;
  }
}

/* line 499, app/assets/stylesheets/projects/_top.scss */
.topChoose-list__ttl-num {
  margin: 4rem 0;
}

@media screen and (max-width: 897px) {
  /* line 499, app/assets/stylesheets/projects/_top.scss */
  .topChoose-list__ttl-num {
    margin-bottom: 0;
  }
}

/* line 506, app/assets/stylesheets/projects/_top.scss */
.topChoose-list__ttl-num img {
  width: 40%;
}

@media screen and (max-width: 897px) {
  /* line 506, app/assets/stylesheets/projects/_top.scss */
  .topChoose-list__ttl-num img {
    width: 15vw;
    display: block;
    margin: 0 auto;
  }
}

@media screen and (max-width: 897px) {
  /* line 517, app/assets/stylesheets/projects/_top.scss */
  .topChoose-list__ttl {
    text-align: center;
  }
}

/* line 523, app/assets/stylesheets/projects/_top.scss */
.topChoose-list__ttl span {
  color: #F54E6E;
  font-size: 4rem;
  font-weight: 900;
}

@media screen and (max-width: 897px) {
  /* line 523, app/assets/stylesheets/projects/_top.scss */
  .topChoose-list__ttl span {
    font-size: 5vw;
  }
}

/* line 534, app/assets/stylesheets/projects/_top.scss */
.topChoose-list__txt {
  font-size: 2rem;
}

@media screen and (max-width: 897px) {
  /* line 534, app/assets/stylesheets/projects/_top.scss */
  .topChoose-list__txt {
    font-size: 4.267vw;
    margin-bottom: 0;
  }
}

/* line 544, app/assets/stylesheets/projects/_top.scss */
.topChoose-list__background-circle-1 {
  content: "";
  position: absolute;
  top: 0;
  left: -6em;
  height: 4em;
  width: 4em;
  border-radius: 50%;
  background-color: rgba(89, 195, 225, 0.5);
  word-break: keep-all;
}

@media screen and (max-width: 897px) {
  /* line 544, app/assets/stylesheets/projects/_top.scss */
  .topChoose-list__background-circle-1 {
    top: 2em;
    left: 1em;
    height: 2em;
    width: 2em;
  }
}

/* line 564, app/assets/stylesheets/projects/_top.scss */
.topChoose-list__background-circle-2 {
  content: "";
  position: absolute;
  top: -9.5em;
  right: -13em;
  height: 14em;
  width: 14em;
  border-radius: 50%;
  background-color: rgba(187, 141, 190, 0.5);
  word-break: keep-all;
}

@media screen and (max-width: 897px) {
  /* line 564, app/assets/stylesheets/projects/_top.scss */
  .topChoose-list__background-circle-2 {
    top: -3.5em;
    right: -4em;
    height: 7em;
    width: 7em;
  }
}

/* line 583, app/assets/stylesheets/projects/_top.scss */
.topChoose-list__background-circle-3 {
  content: "";
  position: absolute;
  top: -6em;
  left: -14em;
  height: 13em;
  width: 13em;
  border-radius: 50%;
  background-color: rgba(187, 141, 190, 0.5);
  word-break: keep-all;
}

@media screen and (max-width: 897px) {
  /* line 583, app/assets/stylesheets/projects/_top.scss */
  .topChoose-list__background-circle-3 {
    top: -3em;
    left: -4em;
    height: 7em;
    width: 7em;
  }
}

/* line 602, app/assets/stylesheets/projects/_top.scss */
.topChoose-list__background-circle-4 {
  content: "";
  position: absolute;
  top: 0;
  right: -2em;
  height: 5em;
  width: 5em;
  border-radius: 50%;
  background-color: rgba(89, 195, 225, 0.5);
  word-break: keep-all;
}

@media screen and (max-width: 897px) {
  /* line 602, app/assets/stylesheets/projects/_top.scss */
  .topChoose-list__background-circle-4 {
    top: -4em;
    right: 0;
    height: 3em;
    width: 3em;
  }
}

/* line 621, app/assets/stylesheets/projects/_top.scss */
.topChoose-list__background-circle-5 {
  content: "";
  position: absolute;
  top: 27em;
  left: 0;
  height: 3em;
  width: 3em;
  border-radius: 50%;
  background-color: rgba(187, 141, 190, 0.5);
  word-break: keep-all;
}

@media screen and (max-width: 897px) {
  /* line 621, app/assets/stylesheets/projects/_top.scss */
  .topChoose-list__background-circle-5 {
    top: 31em;
  }
}

/* line 637, app/assets/stylesheets/projects/_top.scss */
.topChoose-list__background-circle-6 {
  content: "";
  position: absolute;
  top: -6.5em;
  right: -14em;
  height: 13em;
  width: 13em;
  border-radius: 50%;
  background-color: rgba(89, 195, 225, 0.5);
  word-break: keep-all;
}

@media screen and (max-width: 897px) {
  /* line 637, app/assets/stylesheets/projects/_top.scss */
  .topChoose-list__background-circle-6 {
    top: -2.5em;
    right: -4em;
    height: 7em;
    width: 7em;
  }
}

/* line 656, app/assets/stylesheets/projects/_top.scss */
.topChoose-list__background-circle-7 {
  content: "";
  position: absolute;
  top: 32em;
  right: -3em;
  height: 4em;
  width: 4em;
  border-radius: 50%;
  background-color: rgba(187, 141, 190, 0.5);
  word-break: keep-all;
}

/* line 668, app/assets/stylesheets/projects/_top.scss */
.topChoose-list__background-circle-8 {
  content: "";
  position: absolute;
  top: 27em;
  left: -18em;
  height: 8em;
  width: 8em;
  border-radius: 50%;
  background-color: rgba(89, 195, 225, 0.5);
  word-break: keep-all;
}

/* line 682, app/assets/stylesheets/projects/_top.scss */
.topVoice {
  overflow: hidden;
  margin-top: 3em;
  padding-top: 3em;
  padding-bottom: 2em;
}

/* line 689, app/assets/stylesheets/projects/_top.scss */
.topVoice__ttl {
  display: block;
  position: relative;
  text-align: center;
  color: #fff;
  font-size: 4.4rem;
  z-index: 50;
}

@media screen and (max-width: 897px) {
  /* line 689, app/assets/stylesheets/projects/_top.scss */
  .topVoice__ttl {
    font-size: 5.7vw;
  }
}

/* line 701, app/assets/stylesheets/projects/_top.scss */
.topVoice__ttl::after {
  position: absolute;
  content: "VOICE";
  top: 75%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16rem;
  font-weight: 100;
  word-break: keep-all;
  font-family: 'Gill Sans Light', sans-serif;
  color: rgba(255, 255, 255, 0.2);
  z-index: -50;
}

@media screen and (max-width: 897px) {
  /* line 701, app/assets/stylesheets/projects/_top.scss */
  .topVoice__ttl::after {
    font-size: 17vw;
  }
}

/* line 719, app/assets/stylesheets/projects/_top.scss */
.topVoice__ttl::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -20%);
  width: 1000px;
  height: 550px;
  background: linear-gradient(90deg, #A9E1F7, #BEA4D8);
  border-radius: 40px;
  z-index: -100;
}

/* line 733, app/assets/stylesheets/projects/_top.scss */
.topVoice__cases {
  z-index: 60;
}

/* line 738, app/assets/stylesheets/projects/_top.scss */
.topVoice-case {
  position: relative;
  padding: 2.5em;
  width: 470px;
  height: auto;
  background-color: #fff;
  box-shadow: 1px 1px 8px #aaa;
  border-radius: 20px;
  z-index: 58;
}

@media screen and (max-width: 897px) {
  /* line 738, app/assets/stylesheets/projects/_top.scss */
  .topVoice-case {
    width: 100%;
    padding: 1.2em;
  }
}

/* line 757, app/assets/stylesheets/projects/_top.scss */
.topVoice-case__img img {
  position: absolute;
  width: 20%;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 766, app/assets/stylesheets/projects/_top.scss */
.topVoice-case__detail-ttl {
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 1.2em;
  margin-bottom: 0;
}

@media screen and (max-width: 897px) {
  /* line 766, app/assets/stylesheets/projects/_top.scss */
  .topVoice-case__detail-ttl {
    font-size: 0.97em;
  }
}

/* line 778, app/assets/stylesheets/projects/_top.scss */
.topVoice-case__detail-area {
  text-align: center;
  margin-top: 0;
}

@media screen and (max-width: 897px) {
  /* line 778, app/assets/stylesheets/projects/_top.scss */
  .topVoice-case__detail-area {
    height: 1.5em;
    margin-bottom: 0;
  }
}

/* line 787, app/assets/stylesheets/projects/_top.scss */
.topVoice-case__detail-tag {
  display: block;
  height: 2em;
}

/* line 791, app/assets/stylesheets/projects/_top.scss */
.topVoice-case__detail-tag img {
  max-height: 100%;
}

@media screen and (max-width: 897px) {
  /* line 787, app/assets/stylesheets/projects/_top.scss */
  .topVoice-case__detail-tag {
    height: 1.5em;
    margin-top: 0;
  }
}

/* line 801, app/assets/stylesheets/projects/_top.scss */
.topVoice-case__detail-txt {
  font-size: 1em;
  min-height: 200px;
}

@media screen and (max-width: 897px) {
  /* line 801, app/assets/stylesheets/projects/_top.scss */
  .topVoice-case__detail-txt {
    font-size: 0.9em;
  }
}

/* line 811, app/assets/stylesheets/projects/_top.scss */
.topVoice-case__compare {
  display: flex;
  flex-direction: row;
  margin-top: 2em;
  padding: 0;
}

@media screen and (max-width: 897px) {
  /* line 811, app/assets/stylesheets/projects/_top.scss */
  .topVoice-case__compare {
    margin-top: 40px;
    margin-bottom: 0;
  }
}

/* line 823, app/assets/stylesheets/projects/_top.scss */
.topVoice-case__item {
  flex: 1;
  list-style: none;
  font-weight: bold;
  text-align: center;
  border-right: 1px solid #4C4C4C;
  opacity: 0;
}

/* line 831, app/assets/stylesheets/projects/_top.scss */
.topVoice-case__item:last-child {
  border-right: none;
}

/* line 835, app/assets/stylesheets/projects/_top.scss */
.topVoice-case__item.is-selected {
  position: relative;
}

/* line 838, app/assets/stylesheets/projects/_top.scss */
.topVoice-case__item.is-selected .topVoice-case__name {
  color: #000;
  background: #46C3E6;
}

/* line 843, app/assets/stylesheets/projects/_top.scss */
.topVoice-case__item.is-selected .topVoice-case__price {
  background: #ffde35;
  border-radius: 5px;
}

/* line 848, app/assets/stylesheets/projects/_top.scss */
.topVoice-case__item.is-selected:after {
  position: absolute;
  top: -33px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 30px;
  height: 30px;
  background: url(/assets/top/select_crown-2803564720f99361e3df476a9ff606a60bf837bb80b9ce94968d9ea4dc6e8dbc.svg) center/100% auto no-repeat;
  content: "";
}

/* line 863, app/assets/stylesheets/projects/_top.scss */
.topVoice-case__name {
  display: block;
  color: #fff;
  background-color: #4C4C4C;
  border-radius: 5px;
  margin: 0 2em;
  line-height: 1.5;
}

@media screen and (max-width: 897px) {
  /* line 863, app/assets/stylesheets/projects/_top.scss */
  .topVoice-case__name {
    margin: 0 1em;
  }
}

/* line 876, app/assets/stylesheets/projects/_top.scss */
.topVoice-case__price {
  display: block;
  margin: 0.6em 1em 0;
  line-height: 1.5;
}

/* line 881, app/assets/stylesheets/projects/_top.scss */
.topVoice-case__price span {
  font-size: 1.5em;
}

/* line 885, app/assets/stylesheets/projects/_top.scss */
.topVoice-case__price em {
  font-size: 1em;
  font-style: normal;
}

@media screen and (max-width: 897px) {
  /* line 876, app/assets/stylesheets/projects/_top.scss */
  .topVoice-case__price {
    font-size: 1.2em;
    margin: 0.4em 0.5em 0;
  }
  /* line 894, app/assets/stylesheets/projects/_top.scss */
  .topVoice-case__price span {
    font-size: 5vw;
  }
  /* line 898, app/assets/stylesheets/projects/_top.scss */
  .topVoice-case__price em {
    font-size: 3.7vw;
    font-style: normal;
  }
}

/* line 905, app/assets/stylesheets/projects/_top.scss */
.topVoice-case__result {
  text-align: center;
  margin: 0;
  font-weight: bold;
  background: linear-gradient(to bottom, transparent 0 49%, transparent 49% 50%, #ffee9a 50% 51%, #ffee9a 51% 100%);
}

/* line 911, app/assets/stylesheets/projects/_top.scss */
.topVoice-case__result.is-active {
  opacity: 1;
  animation: topScaleUp 1s linear 1;
}

@media screen and (max-width: 897px) {
  /* line 905, app/assets/stylesheets/projects/_top.scss */
  .topVoice-case__result {
    margin-top: 0.5em;
  }
}

/* line 921, app/assets/stylesheets/projects/_top.scss */
.topVoice-case__result-price {
  font-size: 2.5em;
  color: #F54E6E;
}

@media screen and (max-width: 897px) {
  /* line 921, app/assets/stylesheets/projects/_top.scss */
  .topVoice-case__result-price {
    font-size: 1.8em;
  }
}

/* line 930, app/assets/stylesheets/projects/_top.scss */
.topVoice-case__result-unit {
  color: #F54E6E;
  font-size: 1.5em;
  margin-right: 0.3em;
}

@media screen and (max-width: 897px) {
  /* line 930, app/assets/stylesheets/projects/_top.scss */
  .topVoice-case__result-unit {
    font-size: 1.2em;
  }
}

/* line 940, app/assets/stylesheets/projects/_top.scss */
.topVoice-case__result-message {
  font-size: 2em;
}

@media screen and (max-width: 897px) {
  /* line 940, app/assets/stylesheets/projects/_top.scss */
  .topVoice-case__result-message {
    font-size: 1.5em;
  }
}

/* line 951, app/assets/stylesheets/projects/_top.scss */
.slick-slide {
  margin-right: 1.2vw !important;
  margin-left: 1.2vw !important;
}

/* line 956, app/assets/stylesheets/projects/_top.scss */
.slick-track {
  padding-top: 4em;
}

/* line 960, app/assets/stylesheets/projects/_top.scss */
.slick-list {
  overflow: initial;
}

/* line 964, app/assets/stylesheets/projects/_top.scss */
.slick-arrow {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background-color: #7a7a7a;
  position: absolute;
  top: 50%;
  z-index: 1;
}

/* line 975, app/assets/stylesheets/projects/_top.scss */
.slick-arrow::before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
  border-width: 3px 3px 0 0;
  position: absolute;
  opacity: 1;
}

/* line 988, app/assets/stylesheets/projects/_top.scss */
.slick-prev:hover,
.slick-next:hover {
  background: #4c4c4c;
}

/* line 993, app/assets/stylesheets/projects/_top.scss */
.slick-next:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

/* line 999, app/assets/stylesheets/projects/_top.scss */
.slick-prev:before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-135deg);
}

/* line 1005, app/assets/stylesheets/projects/_top.scss */
.slick-dots {
  bottom: -3em;
}

/* line 1009, app/assets/stylesheets/projects/_top.scss */
.slick-dots button {
  border-radius: 50%;
}

/* line 1013, app/assets/stylesheets/projects/_top.scss */
.slick-dots li button:before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 100px;
  background-color: #4C4C4C;
  opacity: 0.25;
}

/* line 1022, app/assets/stylesheets/projects/_top.scss */
.slick-dots .slick-active button:before {
  background: #46C3E6;
}

/* line 1026, app/assets/stylesheets/projects/_top.scss */
.topFlow {
  margin: 5em 0;
  overflow: hidden;
}

@media screen and (max-width: 897px) {
  /* line 1026, app/assets/stylesheets/projects/_top.scss */
  .topFlow {
    margin: 2.5em 0 0;
  }
}

@media screen and (max-width: 897px) {
  /* line 1035, app/assets/stylesheets/projects/_top.scss */
  .topFlow__ttl {
    margin-bottom: 0;
  }
}

/* line 1041, app/assets/stylesheets/projects/_top.scss */
.topFlow__ttl img {
  display: block;
  margin: 0 auto;
  width: 30%;
}

@media screen and (max-width: 897px) {
  /* line 1041, app/assets/stylesheets/projects/_top.scss */
  .topFlow__ttl img {
    width: 50vw;
  }
}

/* line 1053, app/assets/stylesheets/projects/_top.scss */
.topFlow-step {
  display: flex;
  flex-direction: row;
  padding: 0;
  margin-top: 4em;
}

@media screen and (max-width: 897px) {
  /* line 1053, app/assets/stylesheets/projects/_top.scss */
  .topFlow-step {
    flex-direction: column;
    margin-top: 0;
  }
}

/* line 1065, app/assets/stylesheets/projects/_top.scss */
.topFlow-step__item {
  flex: 1;
  list-style: none;
}

/* line 1069, app/assets/stylesheets/projects/_top.scss */
.topFlow-step__item:not(:nth-child(3)) {
  margin-right: 10%;
}

@media screen and (max-width: 897px) {
  /* line 1069, app/assets/stylesheets/projects/_top.scss */
  .topFlow-step__item:not(:nth-child(3)) {
    margin-right: 0;
  }
}

@media screen and (max-width: 897px) {
  /* line 1065, app/assets/stylesheets/projects/_top.scss */
  .topFlow-step__item {
    margin: 6vw 0;
  }
}

/* line 1082, app/assets/stylesheets/projects/_top.scss */
.topFlow-step__ttl {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0;
}

@media screen and (max-width: 897px) {
  /* line 1082, app/assets/stylesheets/projects/_top.scss */
  .topFlow-step__ttl {
    flex-direction: column;
  }
}

/* line 1093, app/assets/stylesheets/projects/_top.scss */
.topFlow-step__ttl-num {
  display: block;
  height: 5.6rem;
  width: auto;
  margin-right: 2.5rem;
}

@media screen and (max-width: 897px) {
  /* line 1093, app/assets/stylesheets/projects/_top.scss */
  .topFlow-step__ttl-num {
    width: 10vw;
    margin-right: 0;
    margin-bottom: 2em;
  }
}

/* line 1106, app/assets/stylesheets/projects/_top.scss */
.topFlow-step__ttl-txt {
  display: block;
  font-weight: bold;
  font-size: 2.6rem;
  line-height: 1.2;
}

@media screen and (max-width: 897px) {
  /* line 1106, app/assets/stylesheets/projects/_top.scss */
  .topFlow-step__ttl-txt {
    margin-top: 1em;
    font-size: 6vw;
  }
}

/* line 1118, app/assets/stylesheets/projects/_top.scss */
.topFlow-step__cnt {
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 897px) {
  /* line 1118, app/assets/stylesheets/projects/_top.scss */
  .topFlow-step__cnt {
    flex-direction: row;
    align-items: center;
  }
}

/* line 1128, app/assets/stylesheets/projects/_top.scss */
.topFlow-step__img-box {
  position: relative;
}

@media screen and (max-width: 897px) {
  /* line 1128, app/assets/stylesheets/projects/_top.scss */
  .topFlow-step__img-box {
    width: 48%;
  }
}

/* line 1136, app/assets/stylesheets/projects/_top.scss */
.topFlow-step__txt {
  margin: 0;
  text-align: center;
  line-height: 1.3;
  font-size: 1.04em;
}

@media screen and (max-width: 897px) {
  /* line 1136, app/assets/stylesheets/projects/_top.scss */
  .topFlow-step__txt {
    flex: 1;
    text-align: start;
  }
}

/* line 1148, app/assets/stylesheets/projects/_top.scss */
.topFlow-step__border {
  position: absolute;
  top: 50%;
  left: 100%;
  width: 39%;
  border-bottom: 5px dotted #4C4C4C;
  opacity: 0.4;
}

@media screen and (max-width: 897px) {
  /* line 1148, app/assets/stylesheets/projects/_top.scss */
  .topFlow-step__border {
    border-bottom: none;
    top: 90%;
    left: 100%;
    height: 40%;
    border-left: 5px dotted #4C4C4C;
  }
}

/* line 1166, app/assets/stylesheets/projects/_top.scss */
.margin-bottom {
  margin-bottom: 5em;
}

/* line 1170, app/assets/stylesheets/projects/_top.scss */
.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 70;
}

/* line 1181, app/assets/stylesheets/projects/_top.scss */
.cancel-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

@media screen and (max-width: 897px) {
  /* line 1181, app/assets/stylesheets/projects/_top.scss */
  .cancel-btn {
    top: 15px;
    right: 15px;
    width: 18px;
    height: 18px;
  }
}

/* line 1196, app/assets/stylesheets/projects/_top.scss */
.cancel-btn::before, .cancel-btn::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 16px;
  background: #10446d;
  transform-origin: center;
  transform: translate(-50%, -50%);
}

/* line 1209, app/assets/stylesheets/projects/_top.scss */
.cancel-btn::before {
  rotate: 45deg;
}

/* line 1213, app/assets/stylesheets/projects/_top.scss */
.cancel-btn::after {
  rotate: -45deg;
}

@media screen and (max-width: 897px) {
  /* line 1218, app/assets/stylesheets/projects/_top.scss */
  .cancel-btn::before, .cancel-btn::after {
    height: 14px;
  }
}

/* line 1225, app/assets/stylesheets/projects/_top.scss */
.popup-map,
.popup-category {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fef3ff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
  z-index: 70;
  width: 1000px;
  height: 750px;
  border-radius: 20px;
  padding: 35px 15px;
}

@media screen and (max-width: 897px) {
  /* line 1225, app/assets/stylesheets/projects/_top.scss */
  .popup-map,
.popup-category {
    width: 90vw;
    height: fit-content;
    max-height: 95vh;
    overflow: scroll;
  }
}

/* line 1247, app/assets/stylesheets/projects/_top.scss */
.popup-map__ttl,
.popup-category__ttl {
  font-weight: 700;
  font-size: 24px;
  color: #10446d;
  padding-left: 24px;
}

@media screen and (max-width: 897px) {
  /* line 1247, app/assets/stylesheets/projects/_top.scss */
  .popup-map__ttl,
.popup-category__ttl {
    font-size: 4vw;
    padding-left: 0;
  }
}

/* line 1259, app/assets/stylesheets/projects/_top.scss */
.popup-map__txt,
.popup-category__txt {
  font-weight: 400;
  color: #10446d;
  padding-left: 24px;
}

@media screen and (max-width: 897px) {
  /* line 1259, app/assets/stylesheets/projects/_top.scss */
  .popup-map__txt,
.popup-category__txt {
    font-size: 3.5vw;
    padding-left: 1vw;
  }
}

/* line 1270, app/assets/stylesheets/projects/_top.scss */
.popup-map__img,
.popup-category__img {
  width: 400px;
  object-fit: scale-down;
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 35%;
  transform: translate(-50%, -50%);
}

/* line 1284, app/assets/stylesheets/projects/_top.scss */
.popup-map__inner {
  position: relative;
  height: 100%;
  margin-top: -14px;
}

@media screen and (max-width: 897px) {
  /* line 1284, app/assets/stylesheets/projects/_top.scss */
  .popup-map__inner {
    margin-top: 0.5em;
    height: auto;
  }
}

@media screen and (max-width: 897px) {
  /* line 1295, app/assets/stylesheets/projects/_top.scss */
  .popup-map__area--wrap {
    max-height: 47vh;
    overflow: scroll;
  }
}

/* line 1302, app/assets/stylesheets/projects/_top.scss */
.popup-map__area {
  position: absolute;
  background-color: #eeccf0;
  width: 200px;
  padding: 0.5em 1em;
  border-radius: 10px;
  margin-top: 0;
}

@media screen and (max-width: 897px) {
  /* line 1302, app/assets/stylesheets/projects/_top.scss */
  .popup-map__area {
    position: initial;
    background-color: inherit;
    width: inherit;
    padding: 0.4em 0.4em;
    border-radius: 0;
    margin-bottom: -1px;
    margin-bottom: 7px;
    background-color: #fff;
    border-radius: 11px;
  }
}

@media screen and (max-width: 897px) {
  /* line 1322, app/assets/stylesheets/projects/_top.scss */
  .popup-map__area--list-wrap {
    display: none;
  }
}

/* line 1328, app/assets/stylesheets/projects/_top.scss */
.popup-map__area--list {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin: 0;
  list-style: none;
}

@media screen and (max-width: 897px) {
  /* line 1328, app/assets/stylesheets/projects/_top.scss */
  .popup-map__area--list {
    margin-top: 0.5em;
  }
}

/* line 1340, app/assets/stylesheets/projects/_top.scss */
.popup-map__area--item {
  display: flex;
  align-items: center;
}

/* line 1347, app/assets/stylesheets/projects/_top.scss */
.popup-map__area--checkbox span {
  background-color: #fff;
  padding: 0.1em 0.86em;
  border-radius: 20px;
  display: flex;
  align-items: center;
  margin: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #d698da;
  font-weight: 700;
  font-size: 0.8em;
}

@media screen and (max-width: 897px) {
  /* line 1347, app/assets/stylesheets/projects/_top.scss */
  .popup-map__area--checkbox span {
    background-color: #fef5ff;
  }
}

/* line 1364, app/assets/stylesheets/projects/_top.scss */
.popup-map__area--checkbox [type="checkbox"] {
  display: none;
}

/* line 1368, app/assets/stylesheets/projects/_top.scss */
.popup-map__area--checkbox [type="checkbox"]:checked + span {
  color: #fff;
  background-color: #c487c8;
}

/* line 1377, app/assets/stylesheets/projects/_top.scss */
.popup-map__group--hokkaido_tohoku {
  top: 7%;
  right: 9%;
  width: 155px;
}

@media screen and (max-width: 897px) {
  /* line 1377, app/assets/stylesheets/projects/_top.scss */
  .popup-map__group--hokkaido_tohoku {
    width: inherit;
  }
}

/* line 1387, app/assets/stylesheets/projects/_top.scss */
.popup-map__group--kanto {
  top: 43%;
  right: 7%;
}

/* line 1392, app/assets/stylesheets/projects/_top.scss */
.popup-map__group--tyubu {
  top: 55%;
  right: 30%;
}

/* line 1397, app/assets/stylesheets/projects/_top.scss */
.popup-map__group--kinki {
  top: 7%;
  left: 36%;
}

/* line 1402, app/assets/stylesheets/projects/_top.scss */
.popup-map__group--shikoku {
  top: 60%;
  left: 30%;
  width: 145px;
}

@media screen and (max-width: 897px) {
  /* line 1402, app/assets/stylesheets/projects/_top.scss */
  .popup-map__group--shikoku {
    width: inherit;
  }
}

/* line 1412, app/assets/stylesheets/projects/_top.scss */
.popup-map__group--tyugoku {
  top: 21%;
  left: 12%;
}

/* line 1417, app/assets/stylesheets/projects/_top.scss */
.popup-map__group--kyushu {
  top: 50%;
  left: 6%;
}

/* line 1423, app/assets/stylesheets/projects/_top.scss */
.popup-map__area--ttl {
  position: relative;
}

/* line 1426, app/assets/stylesheets/projects/_top.scss */
.popup-map__area--ttl h3 {
  color: #fff;
  margin: 0;
  font-size: 0.9em;
  padding: 0 0 0 22px;
  font-weight: bolder;
  background-image: url(/assets/top/pin-white-b05c1c2097fe5eb953ea223d736f0c95ff45fb508f5f1b35124d20e04c4d9b76.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 0 2px;
}

@media screen and (max-width: 897px) {
  /* line 1426, app/assets/stylesheets/projects/_top.scss */
  .popup-map__area--ttl h3 {
    color: #c487c8;
    background-size: 16px;
    background-position: 0 2px;
    background-image: url(/assets/companies/pin-purple-94281315600bc8eea90aa9f1b922c07f1a54f924487ff58b7f0b5f9fc96b6e92.svg);
  }
  /* line 1444, app/assets/stylesheets/projects/_top.scss */
  .popup-map__area--ttl h3:before {
    /*タイトル横の矢印*/
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #c487c8;
    border-right: 2px solid #c487c8;
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: 0.5em;
    right: 20px;
    transform: rotate(135deg);
  }
}

/* line 1462, app/assets/stylesheets/projects/_top.scss */
.popup-category {
  height: auto;
  padding-bottom: 110px;
}

@media screen and (max-width: 897px) {
  /* line 1462, app/assets/stylesheets/projects/_top.scss */
  .popup-category {
    padding-bottom: 35px;
  }
}

@media screen and (max-width: 897px) {
  /* line 1472, app/assets/stylesheets/projects/_top.scss */
  .form__allbtn {
    margin: 30px 0 0 0;
  }
}

/* line 1479, app/assets/stylesheets/projects/_top.scss */
.form__allbtn [type="checkbox"] {
  display: none;
}

/* line 1483, app/assets/stylesheets/projects/_top.scss */
.form__allbtn-radio {
  width: 22px;
  height: 22px;
  border: 2px solid #cc99cc;
  border-radius: 50%;
}

/* line 1490, app/assets/stylesheets/projects/_top.scss */
.form__allbtn-txt {
  color: #bb8dbe;
  background-color: white;
  border-radius: 30px;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 7px 22px;
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 0 10px;
}

@media screen and (max-width: 897px) {
  /* line 1490, app/assets/stylesheets/projects/_top.scss */
  .form__allbtn-txt {
    font-size: 1.3rem;
    padding: 7px 10px;
  }
}

/* line 1508, app/assets/stylesheets/projects/_top.scss */
.form__allbtn [type="checkbox"]:checked + .form__allbtn-txt {
  color: white;
  background-color: #cc99cc;
}

/* line 1513, app/assets/stylesheets/projects/_top.scss */
.form__allbtn [type="checkbox"]:checked + .form__allbtn-txt .form__allbtn-radio {
  position: relative;
  border: solid 2.5px white;
}

/* line 1518, app/assets/stylesheets/projects/_top.scss */
.form__allbtn [type="checkbox"]:checked + .form__allbtn-txt .form__allbtn-radio::before {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  background-color: white;
  border-radius: 50%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 56;
}

/* line 1538, app/assets/stylesheets/projects/_top.scss */
.popup-category-checkbox__img {
  position: relative;
  padding-top: 100%;
  background-repeat: no-repeat;
  background-size: 144px 144px;
  background-position: center top;
}

/* line 1545, app/assets/stylesheets/projects/_top.scss */
[type="checkbox"]:checked + .popup-category-checkbox__img::before {
  animation: none;
}

/* line 1549, app/assets/stylesheets/projects/_top.scss */
[type="checkbox"]:checked + .popup-category-checkbox__img::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 12px;
  border: 5px solid transparent;
  background: rgba(70, 195, 230, 0.4);
  content: "";
}

@media screen and (max-width: 897px) {
  /* line 1549, app/assets/stylesheets/projects/_top.scss */
  [type="checkbox"]:checked + .popup-category-checkbox__img::after {
    border-radius: 5px;
  }
}

/* line 1567, app/assets/stylesheets/projects/_top.scss */
.popup_all_check {
  margin-left: 3em;
  margin-top: 3em;
}

@media screen and (max-width: 897px) {
  /* line 1567, app/assets/stylesheets/projects/_top.scss */
  .popup_all_check {
    margin-left: 0;
    margin-top: 1.5em;
    margin-bottom: 1em;
  }
}

/* line 1578, app/assets/stylesheets/projects/_top.scss */
.popup-btn {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 897px) {
  /* line 1578, app/assets/stylesheets/projects/_top.scss */
  .popup-btn {
    position: initial;
    transform: initial;
    margin-top: 1em;
  }
}

/* line 1590, app/assets/stylesheets/projects/_top.scss */
.popup-btn--link {
  display: block;
  background-color: #c487c8;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 250px;
  border-radius: 25px;
  padding: 0.5em 0;
  border: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  font-size: 1em;
}

@media screen and (max-width: 897px) {
  /* line 1590, app/assets/stylesheets/projects/_top.scss */
  .popup-btn--link {
    margin: 0 auto;
    width: 70%;
  }
}

/* line 1609, app/assets/stylesheets/projects/_top.scss */
.popup-btn--link:hover {
  background-color: #fff;
  color: #c487c8;
  transition: 0.2s;
}

/* line 1616, app/assets/stylesheets/projects/_top.scss */
.popup-cat {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  padding: 0 50px;
}

@media screen and (max-width: 897px) {
  /* line 1616, app/assets/stylesheets/projects/_top.scss */
  .popup-cat {
    justify-content: center;
    margin: 1em 0.5em 0;
    padding: 0;
  }
}

/* line 1630, app/assets/stylesheets/projects/_top.scss */
.popup-cat-list {
  width: calc(102% / 5 - 2%);
  margin-bottom: 20px;
}

/* line 1639, app/assets/stylesheets/projects/_top.scss */
.popup-cat-list:not(:nth-child(5n)) {
  margin-right: 2%;
}

@media screen and (max-width: 897px) {
  /* line 1630, app/assets/stylesheets/projects/_top.scss */
  .popup-cat-list {
    width: calc(100% / 3 - 3%);
    margin-bottom: 1em;
  }
  /* line 1648, app/assets/stylesheets/projects/_top.scss */
  .popup-cat-list.form-more {
    width: 100%;
  }
  /* line 1652, app/assets/stylesheets/projects/_top.scss */
  .popup-cat-list:not(:nth-child(5n)) {
    margin-right: 0;
  }
  /* line 1656, app/assets/stylesheets/projects/_top.scss */
  .popup-cat-list:not(:nth-child(3n)) {
    margin-right: 4.5%;
  }
  /* line 1661, app/assets/stylesheets/projects/_top.scss */
  .popup-cat-list .last-radio-item {
    height: 18vw;
  }
}

/* line 1666, app/assets/stylesheets/projects/_top.scss */
.popup-cat-list [type="checkbox"] {
  display: none;
}

/* line 1670, app/assets/stylesheets/projects/_top.scss */
.popup-cat-list__img {
  position: relative;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #aaa;
  padding: 1.5em;
  display: flex;
  justify-content: center;
  height: 130px;
  align-items: center;
}

@media screen and (max-width: 897px) {
  /* line 1670, app/assets/stylesheets/projects/_top.scss */
  .popup-cat-list__img {
    padding: 1.3rem;
    height: 24.3vw;
  }
}

/* line 1686, app/assets/stylesheets/projects/_top.scss */
.popup-cat-list__img img {
  max-height: 100%;
}

/* line 1690, app/assets/stylesheets/projects/_top.scss */
.popup-cat-list__img.not-checked::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border-radius: 10px;
  border: 4px solid transparent;
  animation: 1s linear infinite blink;
  content: "";
}

@media screen and (max-width: 897px) {
  /* line 1690, app/assets/stylesheets/projects/_top.scss */
  .popup-cat-list__img.not-checked::before {
    border-radius: 8px;
    border-width: 3px;
  }
}

/* line 1707, app/assets/stylesheets/projects/_top.scss */
[type="checkbox"]:checked + .popup-cat-list__img::before {
  animation: none;
}

/* line 1711, app/assets/stylesheets/projects/_top.scss */
[type="checkbox"]:checked + .popup-cat-list__img::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 12px;
  background: url(/assets/checked-f229c78c84cf9a7f7f2a93ec6f26bb3fa6105c9759f4e4a45c6c0679f9b94c25.svg) center/75% auto no-repeat, #fff;
  opacity: 0.6;
  content: "";
}

@media screen and (max-width: 897px) {
  /* line 1725, app/assets/stylesheets/projects/_top.scss */
  [type="checkbox"]:checked + .popup-cat-list__img.last-radio-item::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 12px;
    background: url(/assets/checked-f229c78c84cf9a7f7f2a93ec6f26bb3fa6105c9759f4e4a45c6c0679f9b94c25.svg) center/10% auto no-repeat, #fff;
    opacity: 0.6;
    content: "";
  }
  /* line 1737, app/assets/stylesheets/projects/_top.scss */
  .popup-cat-list__img.last-radio-item p {
    font-size: 4vw;
    font-weight: bold;
  }
}

/* line 1745, app/assets/stylesheets/projects/_top.scss */
.popup-cat-list__txt {
  display: block;
  margin-top: 0.5em;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 897px) {
  /* line 1745, app/assets/stylesheets/projects/_top.scss */
  .popup-cat-list__txt {
    font-size: 3.2vw;
  }
}

/* line 3, app/assets/stylesheets/projects/_pages.scss */
.page-content__inner {
  padding: 30px;
  margin-top: 50px;
  margin-bottom: 50px;
  background: #fff;
  box-shadow: 0 2px 5px #ccc;
}

@media screen and (max-width: 897px) {
  /* line 3, app/assets/stylesheets/projects/_pages.scss */
  .page-content__inner {
    padding: 5vw;
    margin: 0 -5vw 0;
  }
}

/* line 17, app/assets/stylesheets/projects/_pages.scss */
.contact-form {
  margin-bottom: 3em;
}

/* line 20, app/assets/stylesheets/projects/_pages.scss */
.contact-form__row {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 897px) {
  /* line 20, app/assets/stylesheets/projects/_pages.scss */
  .contact-form__row {
    flex-wrap: wrap;
  }
}

/* line 28, app/assets/stylesheets/projects/_pages.scss */
.contact-form__row > * {
  flex: 1;
}

@media screen and (max-width: 897px) {
  /* line 28, app/assets/stylesheets/projects/_pages.scss */
  .contact-form__row > * {
    flex: auto;
    width: 100%;
  }
}

/* line 36, app/assets/stylesheets/projects/_pages.scss */
.contact-form__row > *:not(:last-child) {
  margin-right: 2em;
}

@media screen and (max-width: 897px) {
  /* line 36, app/assets/stylesheets/projects/_pages.scss */
  .contact-form__row > *:not(:last-child) {
    margin-right: 0;
  }
}

/* line 46, app/assets/stylesheets/projects/_pages.scss */
.contact-form__name {
  margin: 0.5em 0;
  font-size: 1.8rem;
}

@media screen and (max-width: 897px) {
  /* line 46, app/assets/stylesheets/projects/_pages.scss */
  .contact-form__name {
    font-size: 4.273vw;
  }
}

/* line 55, app/assets/stylesheets/projects/_pages.scss */
.contact-form [type="text"],
.contact-form [type="email"] {
  width: 100%;
  height: 50px;
  border: 1px solid #CC99CC;
  padding: 0 1em;
  font-size: 1.8rem;
  appearance: none;
}

@media screen and (max-width: 897px) {
  /* line 55, app/assets/stylesheets/projects/_pages.scss */
  .contact-form [type="text"],
.contact-form [type="email"] {
    font-size: 4.273vw;
  }
}

/* line 69, app/assets/stylesheets/projects/_pages.scss */
.contact-form textarea {
  width: 100%;
  padding: 0.5em;
  margin-bottom: 1em;
  font-size: 1.8rem;
  border: 1px solid #CC99CC;
}

@media screen and (max-width: 897px) {
  /* line 69, app/assets/stylesheets/projects/_pages.scss */
  .contact-form textarea {
    font-size: 4.273vw;
  }
}

/* line 81, app/assets/stylesheets/projects/_pages.scss */
.contact-form .cBtn__submit {
  margin: 0 auto;
}

/* line 86, app/assets/stylesheets/projects/_pages.scss */
.contact-thanks {
  text-align: center;
}

/* line 89, app/assets/stylesheets/projects/_pages.scss */
.contact-thanks__ttl {
  margin-top: 10vh;
}

@media screen and (max-width: 897px) {
  /* line 89, app/assets/stylesheets/projects/_pages.scss */
  .contact-thanks__ttl {
    font-size: 5vw;
  }
}

/* line 97, app/assets/stylesheets/projects/_pages.scss */
.g-recaptcha {
  margin-bottom: 1em;
  display: flex;
  justify-content: center;
}

/* line 103, app/assets/stylesheets/projects/_pages.scss */
.store-form {
  width: 100%;
  height: 1580px;
}

/*--------------------------------------------------------------
# サンクスページページ
--------------------------------------------------------------*/
/* line 5, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company-list {
  background: #fff;
  padding: 15px 0;
}

@media screen and (max-width: 897px) {
  /* line 5, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-company-list {
    padding: 8vw 0;
  }
}

/* line 14, app/assets/stylesheets/projects/_thanks.scss */
.thanks-lead {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin: 2.3em 0 1.5em;
  font-size: 2rem;
  text-align: center;
  font-family: "Noto Sans JP";
}

@media screen and (max-width: 897px) {
  /* line 14, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-lead {
    margin: 0;
    font-size: inherit;
  }
}

/* line 29, app/assets/stylesheets/projects/_thanks.scss */
.thanks-lead__img {
  max-width: 100px;
  margin-top: 80px;
}

@media screen and (max-width: 897px) {
  /* line 29, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-lead__img {
    max-width: 50px;
    margin-top: 0;
  }
}

/* line 39, app/assets/stylesheets/projects/_thanks.scss */
.thanks-lead__ttl {
  color: #F54E6E;
  font-size: 3rem;
  font-weight: bold;
}

@media screen and (max-width: 897px) {
  /* line 39, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-lead__ttl {
    width: 80%;
    font-size: 5vw;
  }
}

/* line 50, app/assets/stylesheets/projects/_thanks.scss */
.thanks-lead__txt {
  font-size: 1.6rem;
  margin-top: 16px;
  font-weight: 400;
}

@media screen and (max-width: 897px) {
  /* line 50, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-lead__txt {
    font-size: 4vw;
  }
}

/* line 60, app/assets/stylesheets/projects/_thanks.scss */
.thanks-lead__link {
  margin-top: 1em;
  color: #cfacff;
  text-decoration: underline;
}

/* line 66, app/assets/stylesheets/projects/_thanks.scss */
.thanks-lead__attention {
  margin: 2.5em 0 1em;
  padding: 8px;
  color: #de0015;
  font-weight: bold;
  font-size: 3.2rem;
  border: 4px solid;
}

@media screen and (max-width: 897px) {
  /* line 66, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-lead__attention {
    margin: 8vw 0;
    font-size: 3.3vw;
  }
}

/* line 79, app/assets/stylesheets/projects/_thanks.scss */
.thanks-lead__attention em {
  font-style: normal;
}

@media screen and (max-width: 897px) {
  /* line 79, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-lead__attention em {
    display: block;
    font-size: 150%;
  }
}

/* line 89, app/assets/stylesheets/projects/_thanks.scss */
.thanks-lead__amagif {
  position: relative;
  margin: 2em 0 3em;
}

@media screen and (max-width: 897px) {
  /* line 89, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-lead__amagif {
    margin: 2vw 0 10vw;
  }
}

/* line 98, app/assets/stylesheets/projects/_thanks.scss */
.thanks-lead__amagif-step {
  margin-bottom: 6em;
}

@media screen and (max-width: 897px) {
  /* line 98, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-lead__amagif-step {
    margin-bottom: 2em;
  }
}

/* line 106, app/assets/stylesheets/projects/_thanks.scss */
.thanks-lead__amagif-step--ttl {
  text-align: center;
  font-size: 3rem;
}

/* line 110, app/assets/stylesheets/projects/_thanks.scss */
.thanks-lead__amagif-step--ttl span {
  font-size: 4rem;
  color: #de0015;
}

@media screen and (max-width: 897px) {
  /* line 106, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-lead__amagif-step--ttl {
    font-size: 5vw;
    margin-bottom: 0;
  }
  /* line 119, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-lead__amagif-step--ttl span {
    font-size: 7.5vw;
  }
}

/* line 125, app/assets/stylesheets/projects/_thanks.scss */
.thanks-lead__amagif-step--img {
  display: block;
  margin: 0 auto;
  width: 300px;
}

@media screen and (max-width: 897px) {
  /* line 125, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-lead__amagif-step--img {
    width: 60%;
  }
}

/* line 135, app/assets/stylesheets/projects/_thanks.scss */
.thanks-lead__amagif-step--cnt {
  margin: 0 auto 1em;
  font-size: 1.8rem;
  width: 550px;
  font-weight: bold;
}

/* line 144, app/assets/stylesheets/projects/_thanks.scss */
.thanks-caveat {
  max-width: 528px;
  width: 100%;
  margin: 55px auto 0;
  padding: 16px;
  text-align: center;
  border-radius: 10px;
  background: #FFEEEC;
  font-family: 'Noto Sans JP';
}

@media screen and (max-width: 897px) {
  /* line 144, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-caveat {
    max-width: 90%;
    margin: 1rem auto 0;
  }
}

/* line 159, app/assets/stylesheets/projects/_thanks.scss */
.thanks-caveat__ttl {
  font-size: 1.7rem;
  font-weight: normal;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
}

/* line 169, app/assets/stylesheets/projects/_thanks.scss */
.thanks-caveat__ttl em {
  font-style: normal;
  font-weight: 700;
  white-space: nowrap;
}

/* line 175, app/assets/stylesheets/projects/_thanks.scss */
.thanks-caveat__ttl::before {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  background-image: url(/assets/thanks-caveat-warning-dd04ffea2171d8cd7ff2cca7f6bd0e84c5e0d8a3baac9a15d53793f754dd2c5a.png);
  background-size: cover;
  background-repeat: no-repeat;
  flex: 0 0 auto;
}

@media screen and (max-width: 897px) {
  /* line 175, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-caveat__ttl::before {
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 897px) {
  /* line 159, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-caveat__ttl {
    font-size: 3.2vw;
  }
}

/* line 196, app/assets/stylesheets/projects/_thanks.scss */
.thanks-caveat__txt {
  font-size: 1.7rem;
  font-weight: 400;
}

@media screen and (max-width: 897px) {
  /* line 196, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-caveat__txt {
    font-size: 3.3vw;
  }
}

/* line 206, app/assets/stylesheets/projects/_thanks.scss */
.thanks-hero {
  max-width: 1200px;
  width: 100%;
  margin: 40px auto 0;
  padding: 0 20px 40px;
  text-align: center;
  font-family: "Noto Sans JP";
}

@media screen and (max-width: 897px) {
  /* line 206, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-hero {
    margin-top: 4rem;
    padding: 0 5vw 8vw;
  }
}

/* line 219, app/assets/stylesheets/projects/_thanks.scss */
.thanks-hero__ttl {
  color: #F54E6E;
  font-size: 2.8rem;
  font-weight: 700;
  margin: 0 0 24px;
}

@media screen and (max-width: 897px) {
  /* line 219, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-hero__ttl {
    font-size: 5.5vw;
    margin-bottom: 16px;
  }
}

/* line 231, app/assets/stylesheets/projects/_thanks.scss */
.thanks-hero__img {
  max-width: 260px;
  margin: 0 auto 24px;
}

/* line 235, app/assets/stylesheets/projects/_thanks.scss */
.thanks-hero__img img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 897px) {
  /* line 231, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-hero__img {
    max-width: 50%;
    margin-bottom: 16px;
  }
}

/* line 246, app/assets/stylesheets/projects/_thanks.scss */
.thanks-hero__desc {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.8;
  margin: 0 0 48px;
}

@media screen and (max-width: 897px) {
  /* line 246, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-hero__desc {
    font-size: 3.5vw;
    margin: 4rem 0;
  }
}

/* line 258, app/assets/stylesheets/projects/_thanks.scss */
.thanks-hero__info {
  background: #fff;
  border-radius: 8px;
  padding: 64px;
  margin-bottom: 24px;
  text-align: center;
}

@media screen and (max-width: 897px) {
  /* line 258, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-hero__info {
    padding: 4rem;
    margin-bottom: 16px;
  }
}

/* line 271, app/assets/stylesheets/projects/_thanks.scss */
.thanks-hero__info-divider {
  height: 1px;
  background: rgba(0, 0, 0, 0.12);
  margin: 36px 0;
}

@media screen and (max-width: 897px) {
  /* line 271, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-hero__info-divider {
    margin: 2.5rem 0;
  }
}

/* line 281, app/assets/stylesheets/projects/_thanks.scss */
.thanks-hero__info-ttl {
  color: #F54E6E;
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 16px;
  display: inline;
}

@media screen and (max-width: 897px) {
  /* line 281, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-hero__info-ttl {
    font-size: 4.5vw;
  }
}

/* line 293, app/assets/stylesheets/projects/_thanks.scss */
.thanks-hero__info-txt {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.8;
  margin: 16px 0 0;
}

/* line 299, app/assets/stylesheets/projects/_thanks.scss */
.thanks-hero__info-txt strong {
  font-weight: 700;
}

@media screen and (max-width: 897px) {
  /* line 293, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-hero__info-txt {
    font-size: 3.5vw;
    text-align: left;
    margin: 2rem 0 0;
  }
}

/* line 310, app/assets/stylesheets/projects/_thanks.scss */
.thanks-hero__support {
  text-align: left;
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

@media screen and (max-width: 897px) {
  /* line 310, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-hero__support {
    max-width: 100%;
  }
}

/* line 322, app/assets/stylesheets/projects/_thanks.scss */
.thanks-hero__support-q {
  font-size: 1.8rem;
  font-weight: 400;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

@media screen and (max-width: 897px) {
  /* line 322, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-hero__support-q {
    justify-content: center;
    font-size: 4.3vw;
  }
}

/* line 337, app/assets/stylesheets/projects/_thanks.scss */
.thanks-hero__support-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #46C3E6;
  color: #fff;
  border-radius: 50%;
  font-size: 1.4rem;
  font-weight: 700;
}

@media screen and (max-width: 897px) {
  /* line 337, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-hero__support-icon {
    width: 7vw;
    height: 7vw;
    font-size: 5vw;
  }
}

/* line 356, app/assets/stylesheets/projects/_thanks.scss */
.thanks-hero__support-tel {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-wrap: wrap;
  font-size: 1.8rem;
  font-weight: 400;
  margin: 0;
}

@media screen and (max-width: 897px) {
  /* line 356, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-hero__support-tel {
    font-size: 3.3vw;
  }
}

@media screen and (max-width: 897px) {
  /* line 370, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-hero__support-tel-pre {
    font-size: 3.5vw;
    margin: 1rem 0;
  }
}

@media screen and (max-width: 897px) {
  /* line 377, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-hero__support-tel-post {
    font-size: 3vw;
  }
}

/* line 383, app/assets/stylesheets/projects/_thanks.scss */
.thanks-hero__tel-link {
  color: #46C3E6;
  font-size: 2.4rem;
  font-weight: 700;
  text-decoration: none;
  line-height: 1;
}

@media screen and (max-width: 897px) {
  /* line 383, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-hero__tel-link {
    font-size: 5vw;
  }
}

/* line 395, app/assets/stylesheets/projects/_thanks.scss */
.thanks-hero__line {
  padding: 32px 0;
}

@media screen and (max-width: 897px) {
  /* line 395, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-hero__line {
    padding: 24px 0;
  }
}

/* line 403, app/assets/stylesheets/projects/_thanks.scss */
.thanks-hero__line-ttl {
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0 0 8px;
}

@media screen and (max-width: 897px) {
  /* line 403, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-hero__line-ttl {
    font-size: 3.5vw;
  }
}

/* line 413, app/assets/stylesheets/projects/_thanks.scss */
.thanks-hero__line-sub {
  color: #06C755;
  font-size: 2rem;
  font-weight: bold;
  margin: 0 0 16px;
}

@media screen and (max-width: 897px) {
  /* line 413, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-hero__line-sub {
    font-size: 5vw;
    margin-bottom: 12px;
  }
}

/* line 425, app/assets/stylesheets/projects/_thanks.scss */
.thanks-hero__line-btn {
  display: block;
  max-width: 600px;
  margin: 0 auto;
  transition: opacity 0.3s;
}

/* line 431, app/assets/stylesheets/projects/_thanks.scss */
.thanks-hero__line-btn img {
  width: 100%;
  height: auto;
}

/* line 436, app/assets/stylesheets/projects/_thanks.scss */
.thanks-hero__line-btn:hover {
  opacity: 0.8;
}

@media screen and (max-width: 897px) {
  /* line 425, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-hero__line-btn {
    max-width: 100%;
  }
}

/* line 446, app/assets/stylesheets/projects/_thanks.scss */
.c-line-cta {
  padding: 32px 0;
  text-align: center;
}

@media screen and (max-width: 897px) {
  /* line 446, app/assets/stylesheets/projects/_thanks.scss */
  .c-line-cta {
    padding: 24px 0;
  }
}

/* line 455, app/assets/stylesheets/projects/_thanks.scss */
.c-line-cta__ttl {
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0 0 8px;
}

@media screen and (max-width: 897px) {
  /* line 455, app/assets/stylesheets/projects/_thanks.scss */
  .c-line-cta__ttl {
    font-size: 3.5vw;
  }
}

/* line 465, app/assets/stylesheets/projects/_thanks.scss */
.c-line-cta__sub {
  color: #06C755;
  font-size: 2rem;
  font-weight: bold;
  margin: 0 0 16px;
}

@media screen and (max-width: 897px) {
  /* line 465, app/assets/stylesheets/projects/_thanks.scss */
  .c-line-cta__sub {
    font-size: 5vw;
    margin-bottom: 12px;
  }
}

/* line 477, app/assets/stylesheets/projects/_thanks.scss */
.c-line-cta__btn {
  display: block;
  max-width: 600px;
  margin: 0 auto;
  transition: opacity 0.3s;
}

/* line 483, app/assets/stylesheets/projects/_thanks.scss */
.c-line-cta__btn img {
  width: 100%;
  height: auto;
}

/* line 488, app/assets/stylesheets/projects/_thanks.scss */
.c-line-cta__btn:hover {
  opacity: 0.8;
}

@media screen and (max-width: 897px) {
  /* line 477, app/assets/stylesheets/projects/_thanks.scss */
  .c-line-cta__btn {
    max-width: 100%;
  }
}

/* line 497, app/assets/stylesheets/projects/_thanks.scss */
.c-balloon {
  position: relative;
  background: #fff;
  border-radius: 10px;
  padding: 64px;
  overflow: visible;
  box-sizing: border-box;
}

@media screen and (max-width: 897px) {
  /* line 497, app/assets/stylesheets/projects/_thanks.scss */
  .c-balloon {
    padding: 6vw;
    border-radius: 12px;
  }
}

/* line 510, app/assets/stylesheets/projects/_thanks.scss */
.c-balloon__txt {
  margin: 0;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.9;
}

/* line 516, app/assets/stylesheets/projects/_thanks.scss */
.c-balloon__txt + .c-balloon__txt {
  margin-top: 8px;
}

@media screen and (max-width: 897px) {
  /* line 510, app/assets/stylesheets/projects/_thanks.scss */
  .c-balloon__txt {
    font-size: 3.6vw;
    line-height: 1.5;
  }
}

/* line 527, app/assets/stylesheets/projects/_thanks.scss */
.c-balloon--tail-top-left {
  margin-left: 18px;
  border-top-left-radius: 0;
  width: calc(100% - 18px);
}

/* line 532, app/assets/stylesheets/projects/_thanks.scss */
.c-balloon--tail-top-left::before {
  content: "";
  position: absolute;
  top: 0;
  left: -18px;
  width: 0;
  height: 0;
  border-top: 0;
  border-bottom: 18px solid transparent;
  border-right: 18px solid #fff;
}

@media screen and (max-width: 897px) {
  /* line 527, app/assets/stylesheets/projects/_thanks.scss */
  .c-balloon--tail-top-left {
    margin-left: 14px;
    border-top-left-radius: 0;
    width: calc(100% - 14px);
  }
  /* line 549, app/assets/stylesheets/projects/_thanks.scss */
  .c-balloon--tail-top-left::before {
    top: 0;
    left: -14px;
    border-top-width: 0;
    border-bottom-width: 14px;
    border-right-width: 14px;
  }
}

/* line 560, app/assets/stylesheets/projects/_thanks.scss */
.c-chat {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

@media screen and (max-width: 897px) {
  /* line 560, app/assets/stylesheets/projects/_thanks.scss */
  .c-chat {
    gap: 1vw;
  }
}

/* line 569, app/assets/stylesheets/projects/_thanks.scss */
.c-chat__avatar {
  flex-shrink: 0;
  text-align: center;
}

/* line 574, app/assets/stylesheets/projects/_thanks.scss */
.c-chat__icon {
  width: 80px;
}

/* line 577, app/assets/stylesheets/projects/_thanks.scss */
.c-chat__icon img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 50%;
}

@media screen and (max-width: 897px) {
  /* line 574, app/assets/stylesheets/projects/_thanks.scss */
  .c-chat__icon {
    width: 10vw;
  }
}

/* line 589, app/assets/stylesheets/projects/_thanks.scss */
.c-chat__name {
  margin: 8px 0 0;
  font-size: 1.3rem;
  font-weight: 700;
}

@media screen and (max-width: 897px) {
  /* line 589, app/assets/stylesheets/projects/_thanks.scss */
  .c-chat__name {
    font-size: 2.2vw;
    margin-top: 2px;
  }
}

/* line 600, app/assets/stylesheets/projects/_thanks.scss */
.c-chat__bubbles {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-top: 8px;
}

@media screen and (max-width: 897px) {
  /* line 600, app/assets/stylesheets/projects/_thanks.scss */
  .c-chat__bubbles {
    gap: 22px;
  }
}

/* line 616, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price__header {
  background: #F54E6E;
  padding: 48px 16px 64px;
  text-align: center;
  position: relative;
  clip-path: polygon(0 0, 100% 0, 100% 78%, 50% 100%, 0 78%);
}

/* line 625, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price__header::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -64px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 50vw solid transparent;
  border-right: 50vw solid transparent;
  border-top: 64px solid #F54E6E;
  z-index: 0;
  pointer-events: none;
}

/* line 641, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 24px 48px;
  background: #fff;
  border-radius: 10px;
  position: relative;
  max-width: 640px;
  width: auto;
  z-index: 1;
  overflow: visible;
}

/* line 655, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price__badge::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -18px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 18px solid #fff;
}

@media screen and (max-width: 897px) {
  /* line 641, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price__badge {
    max-width: 92%;
    padding: 12px 24px;
  }
}

/* line 674, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price__badge-txt {
  margin: 0;
  font-weight: 700;
  font-size: 3.2rem;
  color: #F54E6E;
}

@media screen and (max-width: 897px) {
  /* line 674, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price__badge-txt {
    font-size: 5vw;
  }
}

/* line 685, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price__badge-emph {
  display: inline-block;
  font-size: 4rem;
  /* 文字の上に点（2つだけ。「安」「く」の上） */
  background-image: radial-gradient(circle at center, #F54E6E 45%, transparent 46%), radial-gradient(circle at center, #F54E6E 45%, transparent 46%);
  background-repeat: no-repeat;
  background-size: 0.4em 0.22em;
  background-position: 20% 0.08em, 85% 0.08em;
  padding-top: 0.2em;
}

@media screen and (max-width: 897px) {
  /* line 685, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price__badge-emph {
    font-size: 7vw;
  }
}

/* line 703, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price__header-lead {
  margin: 32px 0 0;
  color: #fff;
  font-weight: 700;
  font-size: 2.8rem;
}

@media screen and (max-width: 897px) {
  /* line 703, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price__header-lead {
    font-size: 5vw;
    margin-top: 26px;
  }
}

/* line 715, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price__content {
  padding: 72px 0 64px;
  max-width: 980px;
  margin: 0 auto;
}

@media screen and (max-width: 897px) {
  /* line 715, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price__content {
    padding: 48px 16px 40px;
  }
}

/* line 725, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price__chat {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  margin-bottom: 0;
}

@media screen and (max-width: 897px) {
  /* line 725, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price__chat {
    gap: 12px;
  }
}

/* line 736, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price__chat-avatar {
  flex-shrink: 0;
  text-align: center;
}

/* line 741, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price__chat-icon {
  width: 80px;
}

/* line 744, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price__chat-icon img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 50%;
}

@media screen and (max-width: 897px) {
  /* line 741, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price__chat-icon {
    width: 60px;
  }
}

/* line 756, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price__chat-name {
  margin: 8px 0 0;
  font-size: 1.3rem;
  font-weight: bold;
}

@media screen and (max-width: 897px) {
  /* line 756, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price__chat-name {
    font-size: 2.8vw;
    margin-top: 4px;
  }
}

/* line 767, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price__chat-bubbles {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-top: 8px;
}

@media screen and (max-width: 897px) {
  /* line 767, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price__chat-bubbles {
    gap: 22px;
  }
}

/* line 779, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price__emph {
  color: #F54E6E;
  margin: 0 0.5em;
  font-weight: 700;
  font-size: 1.5em;
}

@media screen and (max-width: 897px) {
  /* line 779, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price__emph {
    font-size: 3.6vw;
  }
}

/* line 794, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price__compare-header {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 16px;
  margin-bottom: 24px;
}

@media screen and (max-width: 897px) {
  /* line 794, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price__compare-header {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 16px;
    text-align: center;
  }
}

/* line 811, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price__compare-badge {
  display: inline-block;
  padding: 10px 20px;
  background: #F54E6E;
  color: #fff;
  font-weight: 700;
  font-size: 1.6rem;
  border-radius: 25px;
}

@media screen and (max-width: 897px) {
  /* line 811, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price__compare-badge {
    font-size: 3.6vw;
    padding: 8px 14px;
  }
}

/* line 826, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price__compare-note {
  font-size: 2rem;
  font-weight: bold;
  color: #333;
}

@media screen and (max-width: 897px) {
  /* line 826, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price__compare-note {
    font-size: 3.6vw;
  }
}

/* line 836, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price__compare-img-wrap {
  max-width: 800px;
  margin: 0 auto;
}

@media screen and (max-width: 897px) {
  /* line 836, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price__compare-img-wrap {
    max-width: 100%;
    margin: 0;
  }
}

/* line 846, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price__compare-img {
  width: 100%;
  height: auto;
  display: block;
}

/* line 852, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price__reasons {
  margin: 0;
  text-align: center;
}

/* line 857, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price__reasons-list {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 48px;
}

@media screen and (max-width: 897px) {
  /* line 857, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price__reasons-list {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px 10px;
    margin-bottom: 24px;
  }
}

/* line 874, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price__reasons-item {
  width: 180px;
  text-align: center;
}

@media screen and (max-width: 897px) {
  /* line 874, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price__reasons-item {
    flex: 0 1 calc((100% - 20px) / 3);
    max-width: calc((100% - 20px) / 3);
    min-width: 0;
  }
}

/* line 885, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price__reasons-icon-wrap {
  width: auto;
  height: 120px;
  margin: 0 auto 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 897px) {
  /* line 885, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price__reasons-icon-wrap {
    width: 20vw;
    height: 20vw;
    margin-bottom: 0;
  }
}

/* line 900, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price__reasons-icon {
  max-width: 100%;
  max-height: 100%;
  display: block;
}

/* line 906, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price__reasons-label {
  margin: 0 auto;
  padding: 6px 10px;
  background: #F54E6E;
  color: #fff;
  font-weight: 700;
  font-size: 1.6rem;
  border-radius: 25px;
}

@media screen and (max-width: 897px) {
  /* line 906, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price__reasons-label {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 9vw;
    font-size: 2.8vw;
    padding: 4px 0;
    line-height: 1.3;
  }
}

/* line 927, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price__reasons-txt {
  margin: 0;
  font-size: 1.8rem;
  line-height: 1.9;
  text-align: start;
}

@media screen and (max-width: 897px) {
  /* line 927, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price__reasons-txt {
    font-size: 3.6vw;
    text-align: left;
  }
}

/* line 940, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits {
  font-family: "Noto Sans JP";
}

/* line 944, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits__header {
  position: relative;
  background: transparent;
  isolation: isolate;
  --merits-wave-h: 80px;
  color: #000;
  padding: 64px 16px calc(var(--merits-wave-h) + 24px);
  text-align: center;
  overflow: hidden;
}

/* line 955, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits__header::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: var(--merits-wave-h);
  background: #FFDE35;
  z-index: 0;
  pointer-events: none;
}

/* line 968, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits__header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--merits-wave-h);
  background: url(/assets/thanks/merits-header-wave-8cb7fda9c8d8a4cfe255361dca735a354a62b5317d6c0344a72d25332c043409.png) center bottom/100% 100% no-repeat;
  pointer-events: none;
  z-index: 0;
}

@media screen and (max-width: 897px) {
  /* line 944, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-merits__header {
    --merits-wave-h: 8vw;
    padding: 8vw 16px calc(var(--merits-wave-h) + 4vw);
  }
}

/* line 987, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits__header-note {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin: 0 0 22px;
  font-weight: 700;
  font-size: 2.2rem;
  letter-spacing: 0.02em;
  --merits-slash-angle: 60deg;
  padding: 0 3.2em;
  white-space: nowrap;
}

/* line 999, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits__header-note::before {
  content: "";
  position: absolute;
  left: 0.2em;
  top: 50%;
  width: 2.2em;
  height: 3px;
  background: #000;
  transform: translateY(-50%) rotate(calc(var(--merits-slash-angle) - 180deg));
  pointer-events: none;
}

/* line 1012, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits__header-note::after {
  content: "";
  position: absolute;
  right: 0.2em;
  top: 50%;
  width: 2.2em;
  height: 3px;
  background: #000;
  transform: translateY(-50%) rotate(calc(180deg - var(--merits-slash-angle)));
  pointer-events: none;
}

@media screen and (max-width: 897px) {
  /* line 987, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-merits__header-note {
    font-size: 3.7vw;
    padding: 0 3em;
    margin-bottom: 2vw;
    white-space: normal;
  }
  /* line 1031, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-merits__header-note::before, .thanks-merits__header-note::after {
    width: 2.8em;
    height: 2px;
  }
}

/* line 1039, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits__header-row {
  position: relative;
  z-index: 1;
  max-width: 787px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: nowrap;
}

@media screen and (max-width: 897px) {
  /* line 1039, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-merits__header-row {
    gap: 10px;
  }
}

/* line 1055, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits__header-spacer {
  flex: 0 0 130px;
  width: 130px;
  height: 1px;
}

@media screen and (max-width: 897px) {
  /* line 1055, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-merits__header-spacer {
    flex-basis: 22vw;
    width: 22vw;
  }
}

/* line 1066, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits__header-ttl {
  position: relative;
  z-index: 1;
  margin: 0;
  font-weight: 900;
  line-height: 1.15;
  font-size: clamp(3.2rem, 4.6vw, 6.4rem);
  letter-spacing: 0.02em;
  min-width: 0;
  text-align: start;
}

@media screen and (max-width: 897px) {
  /* line 1066, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-merits__header-ttl {
    font-size: 9.6vw;
  }
}

/* line 1082, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits__header-ttl-line {
  display: block;
  font-size: 4rem;
  line-height: 1.3;
}

@media screen and (max-width: 897px) {
  /* line 1082, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-merits__header-ttl-line {
    font-size: 5.5vw;
    line-height: 1.2;
  }
}

/* line 1093, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits__ttl-emph {
  color: #F54E6E;
  font-size: 1.3em;
}

/* line 1098, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits__brand {
  color: #F54E6E;
  font-size: 1.3em;
  margin-left: 0.2em;
  font-family: "Arial", sans-serif;
}

/* line 1105, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits__header-badge {
  z-index: 1;
  margin: 0;
  flex: 0 0 130px;
  width: 130px;
  height: 130px;
  background: url(/assets/thanks/merits-badige-375308b1374ffc90e261e3236c3f97b84b2996b47f129bb9e882aa837f3d1333.png) no-repeat center/contain;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 897px) {
  /* line 1105, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-merits__header-badge {
    flex-basis: 18vw;
    width: 22vw;
    height: 22vw;
    font-size: 4.7vw;
  }
}

/* line 1131, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits__badge-top {
  display: block;
  line-height: 1.2;
}

/* line 1136, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits__badge-bottom {
  display: flex;
  align-items: end;
  justify-content: center;
  line-height: 1;
}

/* line 1143, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits__badge-num {
  font-size: 1.4em;
  font-weight: 700;
  line-height: 0.85;
}

/* line 1149, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits__content {
  max-width: 980px;
  margin: 0 auto;
  padding: 72px 16px 64px;
}

@media screen and (max-width: 897px) {
  /* line 1149, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-merits__content {
    padding: 56px 16px 56px;
  }
}

/* line 1159, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits__card {
  color: #000;
}

/* line 1163, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits__card-top {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

@media screen and (max-width: 897px) {
  /* line 1163, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-merits__card-top {
    gap: 2.5vw;
    margin-bottom: 0;
  }
}

/* line 1176, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits__pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  padding: 0 18px;
  background: #F54E6E;
  color: #fff;
  font-weight: 900;
  border-radius: 999px;
  font-size: 1.6rem;
}

@media screen and (max-width: 897px) {
  /* line 1176, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-merits__pill {
    height: 8.5vw;
    padding: 0 4.5vw;
    font-size: 3.4vw;
  }
}

/* line 1195, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits__card-sub {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 700;
}

@media screen and (max-width: 897px) {
  /* line 1195, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-merits__card-sub {
    font-size: 3vw;
  }
}

/* line 1205, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits__card-ttl {
  margin: 10px 0 1.5em;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.25;
  display: inline-block;
  position: relative;
  z-index: 0;
}

/* line 1215, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits__card-ttl::before {
  content: "";
  position: absolute;
  left: -0.18em;
  right: -0.18em;
  bottom: -0.12em;
  height: 0.7em;
  z-index: -1;
  background-image: linear-gradient(to right, rgba(252, 222, 53, 0.55), rgba(252, 222, 53, 0.55)), repeating-linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 0.18) 12px);
  background-size: 100% 100%, 100% 100%;
  background-repeat: no-repeat;
  clip-path: polygon(0% 55%, 4% 35%, 9% 52%, 15% 30%, 22% 48%, 30% 28%, 38% 44%, 46% 25%, 54% 40%, 62% 24%, 70% 38%, 78% 26%, 86% 45%, 93% 33%, 100% 44%, 100% 100%, 0% 100%);
  border-radius: 10px;
  transform: rotate(-0.8deg);
  transform-origin: left bottom;
  filter: blur(0.25px);
}

@media screen and (max-width: 897px) {
  /* line 1205, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-merits__card-ttl {
    font-size: 3.6vw;
    margin: 0.8em 0;
  }
  /* line 1265, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-merits__card-ttl::before {
    height: 0.85em;
    bottom: -0.02em;
  }
}

/* line 1272, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits__card-ttl-emph {
  color: #F54E6E;
  font-size: 1.2em;
  font-weight: 900;
  position: relative;
  display: inline-block;
  padding: 0 0.08em;
}

/* line 1281, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits__card-box {
  background: #F6D64A;
  border-radius: 10px;
  padding: 30px;
}

@media screen and (max-width: 897px) {
  /* line 1281, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-merits__card-box {
    padding: 14px 16px;
    border-radius: 12px;
  }
}

/* line 1292, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits__card-txt {
  margin: 0;
  font-size: 1.8rem;
  line-height: 1.8;
}

@media screen and (max-width: 897px) {
  /* line 1292, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-merits__card-txt {
    font-size: 3.2vw;
    line-height: 1.65;
  }
}

/* line 1303, app/assets/stylesheets/projects/_thanks.scss */
.thanks-merits__txt-emph {
  font-weight: 900;
}

/* line 1307, app/assets/stylesheets/projects/_thanks.scss */
.thanks-cases {
  font-family: "Noto Sans JP";
}

/* line 1311, app/assets/stylesheets/projects/_thanks.scss */
.thanks-cases__header {
  background: #B48AC3;
  padding: 48px 16px 64px;
  text-align: center;
  position: relative;
  clip-path: polygon(0 0, 100% 0, 100% 78%, 50% 100%, 0 78%);
}

/* line 1319, app/assets/stylesheets/projects/_thanks.scss */
.thanks-cases__header::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -64px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 50vw solid transparent;
  border-right: 50vw solid transparent;
  border-top: 64px solid #B48AC3;
  z-index: 0;
  pointer-events: none;
}

@media screen and (max-width: 897px) {
  /* line 1311, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-cases__header {
    padding: 10vw 16px 14vw;
  }
}

/* line 1339, app/assets/stylesheets/projects/_thanks.scss */
.thanks-cases__header-inner {
  position: relative;
  z-index: 1;
  max-width: 980px;
  margin: 0 auto;
}

/* line 1346, app/assets/stylesheets/projects/_thanks.scss */
.thanks-cases__header-ttl {
  margin: 0;
  color: #fff;
  font-weight: 900;
  font-size: 3.2rem;
  line-height: 1.35;
}

@media screen and (max-width: 897px) {
  /* line 1346, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-cases__header-ttl {
    font-size: 5.2vw;
  }
}

/* line 1358, app/assets/stylesheets/projects/_thanks.scss */
.thanks-cases__header-emph {
  display: inline-block;
  margin: 0 0.2em;
  color: #FFDE35;
  font-weight: 900;
}

/* line 1365, app/assets/stylesheets/projects/_thanks.scss */
.thanks-cases__header-note {
  margin: 12px 0 0;
  color: rgba(255, 255, 255, 0.85);
  font-size: 1.2rem;
  text-align: right;
}

@media screen and (max-width: 897px) {
  /* line 1365, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-cases__header-note {
    font-size: 2.8vw;
    text-align: center;
  }
}

/* line 1377, app/assets/stylesheets/projects/_thanks.scss */
.thanks-cases__content {
  padding: 20px 16px 72px;
}

@media screen and (max-width: 897px) {
  /* line 1377, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-cases__content {
    padding: 0 16px 10vw;
  }
}

/* line 1385, app/assets/stylesheets/projects/_thanks.scss */
.thanks-cases__container {
  max-width: 980px;
  margin: 0 auto;
}

/* line 1390, app/assets/stylesheets/projects/_thanks.scss */
.thanks-cases__adviser-txt {
  font-weight: 400 !important;
}

/* line 1394, app/assets/stylesheets/projects/_thanks.scss */
.thanks-cases__adviser-txt-emph {
  font-weight: 900;
  color: #BB8DBE;
}

/* line 1399, app/assets/stylesheets/projects/_thanks.scss */
.thanks-cases__inquiry {
  background: #D8D4F3;
  border-radius: 14px;
  padding: 44px 64px;
  margin: 64px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  box-sizing: border-box;
}

@media screen and (max-width: 897px) {
  /* line 1399, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-cases__inquiry {
    padding: 6vw;
    margin: 10vw 0;
    align-items: end;
    gap: 2vw;
  }
}

/* line 1418, app/assets/stylesheets/projects/_thanks.scss */
.thanks-cases__inquiry-body {
  flex: 1;
  min-width: 0;
  color: #000;
}

/* line 1424, app/assets/stylesheets/projects/_thanks.scss */
.thanks-cases__inquiry-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 18px;
  background: #B48AC3;
  color: #fff;
  border-radius: 999px;
  font-weight: 900;
  font-size: 1.4rem;
  margin-bottom: 12px;
}

@media screen and (max-width: 897px) {
  /* line 1424, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-cases__inquiry-pill {
    font-size: 3.2vw;
    padding: 6px 12px;
    margin-bottom: 10px;
  }
}

/* line 1443, app/assets/stylesheets/projects/_thanks.scss */
.thanks-cases__inquiry-txt {
  margin: 0;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2;
}

@media screen and (max-width: 897px) {
  /* line 1443, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-cases__inquiry-txt {
    font-size: 3.4vw;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0.02em;
  }
}

/* line 1457, app/assets/stylesheets/projects/_thanks.scss */
.thanks-cases__inquiry-img {
  flex: 0 0 auto;
  width: 140px;
}

/* line 1461, app/assets/stylesheets/projects/_thanks.scss */
.thanks-cases__inquiry-img img {
  width: 100%;
  height: auto;
  display: block;
}

@media screen and (max-width: 897px) {
  /* line 1457, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-cases__inquiry-img {
    width: 22vw;
    max-width: 120px;
  }
}

/* line 1473, app/assets/stylesheets/projects/_thanks.scss */
.thanks-cases__cta {
  margin-top: 56px;
  text-align: center;
}

@media screen and (max-width: 897px) {
  /* line 1473, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-cases__cta {
    margin-top: 30px;
  }
}

/* line 1482, app/assets/stylesheets/projects/_thanks.scss */
.thanks-cases__cta-badge {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  padding: 18px 44px;
  background: #F54E6E;
  color: #fff;
  font-weight: 900;
  font-size: 2.8rem;
  border-radius: 10px;
  position: relative;
}

/* line 1495, app/assets/stylesheets/projects/_thanks.scss */
.thanks-cases__cta-badge::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -17px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 18px solid #F54E6E;
}

@media screen and (max-width: 897px) {
  /* line 1482, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-cases__cta-badge {
    font-size: 4.7vw;
    padding: 14px 26px;
    max-width: 92%;
  }
}

/* line 1515, app/assets/stylesheets/projects/_thanks.scss */
.thanks-cases__cta-badge-emph {
  font-size: 1.3em;
}

/* line 1519, app/assets/stylesheets/projects/_thanks.scss */
.thanks-cases__cta-txt {
  margin: 26px 0 0;
  color: #F54E6E;
  font-weight: 900;
  font-size: 3rem;
}

@media screen and (max-width: 897px) {
  /* line 1519, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-cases__cta-txt {
    margin-top: 10px;
    font-size: 5.4vw;
  }
}

/* line 1531, app/assets/stylesheets/projects/_thanks.scss */
.thanks-cases__cta-brand {
  font-weight: 900;
  color: #F54E6E;
  font-family: "Arial", sans-serif;
  margin: 0 0.12em;
}

/* line 1538, app/assets/stylesheets/projects/_thanks.scss */
.thanks-achievement {
  font-family: "Noto Sans JP";
}

/* line 1542, app/assets/stylesheets/projects/_thanks.scss */
.thanks-achievement__header {
  position: relative;
  background: transparent;
  isolation: isolate;
  --thanks-achievement-wave-h: 80px;
  color: #fff;
  padding: 64px 16px calc(var(--thanks-achievement-wave-h) + 30px);
  text-align: center;
  overflow: hidden;
}

/* line 1553, app/assets/stylesheets/projects/_thanks.scss */
.thanks-achievement__header::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: var(--thanks-achievement-wave-h);
  background: #F54E6E;
  z-index: 0;
  pointer-events: none;
}

/* line 1566, app/assets/stylesheets/projects/_thanks.scss */
.thanks-achievement__header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--thanks-achievement-wave-h);
  background: url(/assets/thanks/wave-red-371324985af298e783753df42ecc4ca34d138f8f813e5cd6f3375aa882ca11e2.png) center bottom/100% 100% no-repeat;
  z-index: 0;
  pointer-events: none;
}

@media screen and (max-width: 897px) {
  /* line 1542, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-achievement__header {
    --thanks-achievement-wave-h: 6vw;
    padding: 10vw 16px calc(var(--thanks-achievement-wave-h) + 8vw);
  }
}

/* line 1584, app/assets/stylesheets/projects/_thanks.scss */
.thanks-achievement__inner {
  position: relative;
  z-index: 1;
  max-width: 980px;
  margin: 0 auto;
}

/* line 1592, app/assets/stylesheets/projects/_thanks.scss */
.thanks-achievement__topline {
  position: relative;
  display: inline-block;
  margin: 0 0 26px;
  font-weight: 900;
  font-size: 2.4rem;
  letter-spacing: 0.02em;
  --thanks-achievement-slash-angle: 60deg;
  padding: 0 2em;
  white-space: nowrap;
}

/* line 1603, app/assets/stylesheets/projects/_thanks.scss */
.thanks-achievement__topline::before, .thanks-achievement__topline::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 1.6em;
  height: 3px;
  background: #fff;
  pointer-events: none;
}

/* line 1614, app/assets/stylesheets/projects/_thanks.scss */
.thanks-achievement__topline::before {
  left: 0.2em;
  transform: translateY(-50%) rotate(calc(var(--thanks-achievement-slash-angle) - 180deg));
}

/* line 1619, app/assets/stylesheets/projects/_thanks.scss */
.thanks-achievement__topline::after {
  right: 0.2em;
  transform: translateY(-50%) rotate(calc(180deg - var(--thanks-achievement-slash-angle)));
}

@media screen and (max-width: 897px) {
  /* line 1592, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-achievement__topline {
    font-size: 4.2vw;
    padding: 0 2em;
    margin-bottom: 3vw;
    white-space: normal;
  }
  /* line 1630, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-achievement__topline::before, .thanks-achievement__topline::after {
    width: 1.8em;
    height: 2px;
  }
}

/* line 1638, app/assets/stylesheets/projects/_thanks.scss */
.thanks-achievement__bubble {
  display: inline-block;
  max-width: 980px;
  width: min(980px, 92%);
  margin: 0 auto 40px;
  background: #fff;
  border-radius: 12px;
  padding: 22px 28px;
  position: relative;
  color: #F54E6E;
  box-sizing: border-box;
}

/* line 1651, app/assets/stylesheets/projects/_thanks.scss */
.thanks-achievement__bubble::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -17px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-top: 18px solid #fff;
}

@media screen and (max-width: 897px) {
  /* line 1638, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-achievement__bubble {
    width: 100%;
    padding: 4.5vw 4.5vw;
    margin-bottom: 7vw;
  }
}

/* line 1672, app/assets/stylesheets/projects/_thanks.scss */
.thanks-achievement__bubble-txt {
  margin: 0;
  font-weight: 900;
  font-size: 3rem;
  line-height: 1.25;
}

@media screen and (max-width: 897px) {
  /* line 1672, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-achievement__bubble-txt {
    font-size: 5.2vw;
    line-height: 1.35;
  }
}

/* line 1684, app/assets/stylesheets/projects/_thanks.scss */
.thanks-achievement__bubble-brand {
  font-family: "Arial", sans-serif;
  font-weight: 900;
  margin-right: 0.12em;
}

/* line 1690, app/assets/stylesheets/projects/_thanks.scss */
.thanks-achievement__headline {
  margin: 0;
  font-weight: 900;
  font-size: 3.5rem;
  line-height: 1.25;
  color: #fff;
}

@media screen and (max-width: 897px) {
  /* line 1690, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-achievement__headline {
    font-size: 5.2vw;
    line-height: 1.2;
  }
}

/* line 1703, app/assets/stylesheets/projects/_thanks.scss */
.thanks-achievement__headline-emph {
  color: #FFDE35;
  font-size: 1.35em;
  margin-right: 0.08em;
}

/* line 1709, app/assets/stylesheets/projects/_thanks.scss */
.thanks-steps {
  font-family: "Noto Sans JP";
  background: #fff;
  padding: 72px 16px 96px;
}

@media screen and (max-width: 897px) {
  /* line 1709, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-steps {
    padding: 12vw 16px 12vw;
  }
}

/* line 1719, app/assets/stylesheets/projects/_thanks.scss */
.thanks-steps__container {
  max-width: 980px;
  margin: 0 auto;
}

/* line 1724, app/assets/stylesheets/projects/_thanks.scss */
.thanks-steps__ttl {
  margin: 0;
  text-align: center;
  font-weight: 900;
  font-size: 3.2rem;
  line-height: 1.2;
  position: relative;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
}

/* line 1736, app/assets/stylesheets/projects/_thanks.scss */
.thanks-steps__ttl::before {
  content: "";
  position: absolute;
  left: -0.25em;
  right: -0.25em;
  bottom: -0.18em;
  height: 0.7em;
  z-index: -1;
  background-image: linear-gradient(to right, rgba(252, 222, 53, 0.55), rgba(252, 222, 53, 0.55)), repeating-linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 0.18) 12px);
  background-size: 100% 100%, 100% 100%;
  background-repeat: no-repeat;
  clip-path: polygon(0% 55%, 4% 35%, 9% 52%, 15% 30%, 22% 48%, 30% 28%, 38% 44%, 46% 25%, 54% 40%, 62% 24%, 70% 38%, 78% 26%, 86% 45%, 93% 33%, 100% 44%, 100% 100%, 0% 100%);
  border-radius: 10px;
  transform: rotate(-0.8deg);
  transform-origin: left bottom;
  filter: blur(0.25px);
}

@media screen and (max-width: 897px) {
  /* line 1724, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-steps__ttl {
    font-size: 6vw;
  }
}

/* line 1784, app/assets/stylesheets/projects/_thanks.scss */
.thanks-steps__ttl-emph {
  color: #F54E6E;
  font-size: 1.5em;
  margin: 0 0.1em;
}

/* line 1790, app/assets/stylesheets/projects/_thanks.scss */
.thanks-steps__list {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  margin: 70px 0;
}

@media screen and (max-width: 897px) {
  /* line 1790, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-steps__list {
    flex-direction: column;
    align-items: center;
    gap: 10vw;
    margin: 10vw 0;
  }
}

/* line 1804, app/assets/stylesheets/projects/_thanks.scss */
.thanks-steps__item {
  flex: 1;
  text-align: center;
}

@media screen and (max-width: 897px) {
  /* line 1804, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-steps__item {
    width: 100%;
    max-width: 520px;
  }
}

/* line 1814, app/assets/stylesheets/projects/_thanks.scss */
.thanks-steps__img {
  width: 100%;
  max-width: 260px;
  height: auto;
  display: block;
  margin: 0 auto 18px;
}

@media screen and (max-width: 897px) {
  /* line 1814, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-steps__img {
    max-width: 45%;
    margin-bottom: 3vw;
  }
}

/* line 1827, app/assets/stylesheets/projects/_thanks.scss */
.thanks-steps__txt {
  margin: 0;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.5;
}

@media screen and (max-width: 897px) {
  /* line 1827, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-steps__txt {
    font-size: 3.6vw;
  }
}

/* line 1838, app/assets/stylesheets/projects/_thanks.scss */
.thanks-steps__note {
  margin: 6px 0 0;
  font-size: 1.5rem;
  color: #333;
}

@media screen and (max-width: 897px) {
  /* line 1838, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-steps__note {
    font-size: 3.3vw;
  }
}

/* line 1848, app/assets/stylesheets/projects/_thanks.scss */
.thanks-steps__card {
  background: linear-gradient(90deg, rgba(185, 139, 188, 0.3), rgba(185, 225, 247, 0.3));
  border-radius: 12px;
  padding: 55px 40px;
  box-sizing: border-box;
}

@media screen and (max-width: 897px) {
  /* line 1848, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-steps__card {
    padding: 6.5vw 6vw;
  }
}

/* line 1859, app/assets/stylesheets/projects/_thanks.scss */
.thanks-steps__card-lead {
  margin: 0 0 18px;
  text-align: center;
  font-size: 1.6rem;
  color: #000;
}

@media screen and (max-width: 897px) {
  /* line 1859, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-steps__card-lead {
    text-align: start;
    font-size: 3.4vw;
  }
}

/* line 1871, app/assets/stylesheets/projects/_thanks.scss */
.thanks-steps__tel-box {
  background: #fff;
  border-radius: 12px;
  padding: 40px;
  margin-inline: auto;
  text-align: center;
  width: 80%;
  color: #000;
}

@media screen and (max-width: 897px) {
  /* line 1871, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-steps__tel-box {
    width: 100%;
    padding: 9vw 4.5vw;
  }
}

/* line 1886, app/assets/stylesheets/projects/_thanks.scss */
.thanks-steps__tel {
  margin: 0;
  color: #4ABFD7;
  font-weight: 900;
  font-size: 4rem;
  text-decoration: none;
  letter-spacing: 0.02em;
  line-height: 1.5;
}

@media screen and (max-width: 897px) {
  /* line 1886, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-steps__tel {
    font-size: 7.5vw;
    line-height: 1.2;
  }
}

/* line 1901, app/assets/stylesheets/projects/_thanks.scss */
.thanks-steps__tel-sub {
  margin: 0;
  font-size: 1.4rem;
  color: #333;
}

@media screen and (max-width: 897px) {
  /* line 1901, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-steps__tel-sub {
    font-size: 3.2vw;
  }
}

/* line 1911, app/assets/stylesheets/projects/_thanks.scss */
.thanks-steps__hours {
  margin: 18px 0 0;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

@media screen and (max-width: 897px) {
  /* line 1911, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-steps__hours {
    gap: 8px;
  }
}

/* line 1922, app/assets/stylesheets/projects/_thanks.scss */
.thanks-steps__hours-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0px 24px;
  background: #4ABFD7;
  color: #fff;
  border-radius: 999px;
  font-weight: 900;
  font-size: 1.4rem;
}

@media screen and (max-width: 897px) {
  /* line 1922, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-steps__hours-badge {
    font-size: 3.2vw;
    padding: 0.3vw 5vw;
  }
}

/* line 1939, app/assets/stylesheets/projects/_thanks.scss */
.thanks-steps__hours-txt {
  font-weight: 900;
  font-size: 1.5rem;
  color: #000;
}

@media screen and (max-width: 897px) {
  /* line 1939, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-steps__hours-txt {
    font-size: 3.7vw;
  }
}

/* line 1949, app/assets/stylesheets/projects/_thanks.scss */
.thanks-steps__tel-note {
  margin: 18px 0 0;
  font-size: 1.2rem;
  color: #333;
}

@media screen and (max-width: 897px) {
  /* line 1949, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-steps__tel-note {
    font-size: 2.8vw;
    line-height: 1.5;
    text-align: start;
  }
}

/* line 1962, app/assets/stylesheets/projects/_thanks.scss */
.thanks-steps__slash {
  position: relative;
  display: inline-block;
  margin: 55px auto 35px;
  font-weight: 900;
  font-size: 2rem;
  color: #000;
  letter-spacing: 0.02em;
  --thanks-steps-slash-angle: 60deg;
  padding: 0 2.2em;
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
}

/* line 1976, app/assets/stylesheets/projects/_thanks.scss */
.thanks-steps__slash::before, .thanks-steps__slash::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 1.8em;
  height: 2px;
  background: #000;
  pointer-events: none;
}

/* line 1987, app/assets/stylesheets/projects/_thanks.scss */
.thanks-steps__slash::before {
  left: 0.2em;
  transform: translateY(-50%) rotate(calc(var(--thanks-steps-slash-angle) - 180deg));
}

/* line 1992, app/assets/stylesheets/projects/_thanks.scss */
.thanks-steps__slash::after {
  right: 0.2em;
  transform: translateY(-50%) rotate(calc(180deg - var(--thanks-steps-slash-angle)));
}

@media screen and (max-width: 897px) {
  /* line 1962, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-steps__slash {
    font-size: 3.7vw;
    padding: 0 2.8em;
    margin: 8vw auto 6vw;
    text-align: center;
    white-space: normal;
  }
  /* line 2004, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-steps__slash::before, .thanks-steps__slash::after {
    width: 2.3em;
    height: 2px;
  }
}

/* line 2012, app/assets/stylesheets/projects/_thanks.scss */
.thanks-steps__operators {
  display: flex;
  justify-content: center;
  gap: 36px;
  flex-wrap: wrap;
}

@media screen and (max-width: 897px) {
  /* line 2012, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-steps__operators {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5vw 0vw;
    justify-items: center;
    align-items: start;
  }
}

/* line 2027, app/assets/stylesheets/projects/_thanks.scss */
.thanks-steps__operator {
  width: 140px;
  text-align: center;
}

@media screen and (max-width: 897px) {
  /* line 2027, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-steps__operator {
    width: 100%;
    min-width: 0;
  }
}

/* line 2037, app/assets/stylesheets/projects/_thanks.scss */
.thanks-steps__operator-img {
  width: 140px;
  height: 140px;
  border-radius: 999px;
  object-fit: cover;
  display: block;
  margin: 0 auto 10px;
}

@media screen and (max-width: 897px) {
  /* line 2037, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-steps__operator-img {
    width: 35vw;
    height: 35vw;
    max-width: 140px;
    max-height: 140px;
  }
}

/* line 2053, app/assets/stylesheets/projects/_thanks.scss */
.thanks-steps__operator-name {
  margin: 0;
  color: #000;
  font-weight: 900;
  font-size: 1.6rem;
}

@media screen and (max-width: 897px) {
  /* line 2053, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-steps__operator-name {
    font-size: 3.4vw;
  }
}

/* line 2064, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation {
  font-family: "Noto Sans JP";
}

/* line 2068, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__header {
  position: relative;
  padding: 64px 16px 88px;
  text-align: center;
  background: url(/assets/thanks/price_simulation_header-3e8db026e5da192d7df03c84495bf224ad16caf903935b007c8dd0a6facec0e2.png) center bottom/100% 100% no-repeat;
  color: #000;
}

@media screen and (max-width: 897px) {
  /* line 2068, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__header {
    padding: 6vw 16px 13vw;
  }
}

/* line 2080, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__header-inner {
  max-width: 980px;
  margin: 0 auto;
}

/* line 2085, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__bubble {
  display: inline-block;
  background: #fff;
  border-radius: 8px;
  padding: 7px 40px;
  position: relative;
  margin: 0 auto 28px;
  box-sizing: border-box;
}

/* line 2094, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__bubble::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -16px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid #fff;
}

@media screen and (max-width: 897px) {
  /* line 2085, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__bubble {
    padding: 2vw 9vw;
    margin-bottom: 6vw;
  }
}

/* line 2113, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__bubble-txt {
  margin: 0;
  color: #F54E6E;
  font-weight: 900;
  font-size: 3.2rem;
  letter-spacing: 0.12em;
}

@media screen and (max-width: 897px) {
  /* line 2113, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__bubble-txt {
    font-size: 5.2vw;
  }
}

/* line 2125, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__ttl {
  margin: 0;
  font-weight: 600;
  font-size: 4.5rem;
  letter-spacing: 0.08em;
  line-height: 1.2;
}

@media screen and (max-width: 897px) {
  /* line 2125, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__ttl {
    font-size: 6vw;
    letter-spacing: 0.05em;
  }
}

/* line 2138, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__ttl-emph {
  color: #F54E6E;
  font-size: 1.2em;
  margin-right: 0.14em;
}

/* line 2144, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__content {
  padding: 100px 16px 56px;
}

@media screen and (max-width: 897px) {
  /* line 2144, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__content {
    padding: 10vw 16px 10vw;
  }
}

/* line 2152, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__container {
  max-width: 980px;
  margin: 0 auto;
}

/* line 2157, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__material {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* line 2164, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__material-lead {
  margin: 0 0 35px;
  font-size: 1.8rem;
  line-height: 1.7;
  color: #000;
}

@media screen and (max-width: 897px) {
  /* line 2164, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__material-lead {
    font-size: 3.6vw;
    margin-bottom: 6vw;
    text-align: start;
  }
}

/* line 2177, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__material-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.1em 1.5em;
  background: #43B7C8;
  color: #fff;
  border-radius: 999px;
  font-weight: 900;
  font-size: 2.2rem;
  margin: 0 0 18px;
  align-self: flex-start;
}

@media screen and (max-width: 897px) {
  /* line 2177, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__material-badge {
    font-size: 4vw;
    padding: 0.5vw 5vw;
    margin-bottom: 4vw;
    align-self: center;
  }
}

/* line 2198, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__material-img-wrap {
  max-width: 860px;
  margin: 0 auto;
}

/* line 2203, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__material-img {
  width: 100%;
  height: auto;
  display: block;
}

/* line 2209, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* line 2221, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__calc {
  margin: 100px auto;
  max-width: 920px;
  background: linear-gradient(90deg, rgba(185, 225, 247, 0.8), rgba(185, 139, 188, 0.8));
  border-radius: 18px;
  padding: 0 64px 64px;
  box-sizing: border-box;
}

@media screen and (max-width: 897px) {
  /* line 2221, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__calc {
    margin: 15vw auto;
    padding: 0 4.5vw 5vw;
  }
}

/* line 2235, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__calc-bubble {
  display: inline-block;
  position: relative;
  top: -38px;
  left: 50%;
  transform: translateX(-50%);
  background: #F54E6E;
  color: #fff;
  border-radius: 8px;
  padding: 0.8em 2em;
  font-weight: 900;
}

/* line 2247, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__calc-bubble::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -16px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid #F54E6E;
}

@media screen and (max-width: 897px) {
  /* line 2235, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__calc-bubble {
    top: -16px;
    padding: 3.2vw 8vw;
    border-radius: 10px;
  }
}

/* line 2267, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__calc-bubble-txt {
  margin: 0;
  font-size: 2.6rem;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 897px) {
  /* line 2267, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__calc-bubble-txt {
    font-size: 4.6vw;
  }
}

/* line 2277, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__calc-body {
  margin-top: -6px;
}

/* line 2281, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__calc-row {
  display: grid;
  grid-template-columns: 260px 1fr;
  align-items: center;
  gap: 22px;
  margin-top: 4rem;
}

@media screen and (max-width: 897px) {
  /* line 2281, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__calc-row {
    grid-template-columns: 1fr;
    margin-top: 4vw;
    gap: 2vw;
  }
}

/* line 2295, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__calc-label {
  display: flex;
  align-items: center;
  gap: 14px;
  font-weight: 900;
  color: #000;
  font-size: 2rem;
}

@media screen and (max-width: 897px) {
  /* line 2295, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__calc-label {
    font-size: 3.7vw;
  }
}

/* line 2308, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__calc-num {
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.55);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 1.8rem;
}

@media screen and (max-width: 897px) {
  /* line 2308, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__calc-num {
    width: 6vw;
    height: 6vw;
    font-size: 3.7vw;
  }
}

/* line 2326, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__calc-field {
  position: relative;
}

/* line 2330, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__select {
  width: 100%;
  background: #fff;
  border: 0;
  border-radius: 8px;
  padding: 1.2em 2em 1em 1.5em;
  font-size: 1.8rem;
  font-weight: 600;
  color: #a2a2a2;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06);
  appearance: none;
}

@media screen and (max-width: 897px) {
  /* line 2330, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__select {
    padding: 4vw 12vw 4vw 4.5vw;
    font-size: 4vw;
  }
}

/* line 2348, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__select.is-selected {
  color: #000;
}

/* line 2352, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__calc-field::after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 12px;
  height: 12px;
  border-right: 3px solid #F54E6E;
  border-bottom: 3px solid #F54E6E;
  pointer-events: none;
}

@media screen and (max-width: 897px) {
  /* line 2352, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__calc-field::after {
    right: 4.5vw;
    width: 10px;
    height: 10px;
  }
}

/* line 2371, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__calc-btn {
  display: block;
  width: min(640px, 50%);
  margin: 2em auto 2em;
  padding: 0.4em 2em;
  background: #F54E6E;
  color: #fff;
  border: 0;
  border-radius: 999px;
  font-weight: 900;
  font-size: 2.6rem;
  letter-spacing: 0.06em;
  box-shadow: 0 8px 0 #a32340;
  cursor: pointer;
  transition: transform 0.05s, opacity 0.2s;
}

/* line 2387, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__calc-btn:active {
  transform: translateY(3px);
  box-shadow: 0 5px 0 #a32340;
}

/* line 2392, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__calc-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  box-shadow: 0 8px 0 rgba(163, 35, 64, 0.35);
}

@media screen and (max-width: 897px) {
  /* line 2371, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__calc-btn {
    width: 80%;
    margin: 6vw auto;
    padding: 2.5vw 0;
    font-size: 5vw;
    box-shadow: 0 6px 0 #a32340;
  }
}

/* line 2407, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__result {
  margin-top: 6rem;
  background: #fff;
  border-radius: 14px;
  padding: 36px;
  box-sizing: border-box;
}

@media screen and (max-width: 897px) {
  /* line 2407, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__result {
    margin-top: 5vw;
    padding: 5vw;
  }
}

/* line 2420, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__result.is-hidden {
  display: none;
}

/* line 2424, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__result-ttl {
  margin: 0;
  text-align: center;
  font-weight: 900;
  font-size: 2rem;
  color: #000;
}

@media screen and (max-width: 897px) {
  /* line 2424, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__result-ttl {
    font-size: 3.5vw;
  }
}

/* line 2436, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__result-total {
  margin: 3rem 0;
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 6px;
  font-weight: 900;
  color: #F54E6E;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 897px) {
  /* line 2436, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__result-total {
    margin: 1vw 0;
    line-height: 1.5;
  }
}

/* line 2452, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__result-total-num {
  font-size: 7rem;
  line-height: 1;
}

@media screen and (max-width: 897px) {
  /* line 2452, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__result-total-num {
    font-size: 9vw;
  }
}

/* line 2461, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__result-total-tilde {
  font-size: 5rem;
  margin: 0 0.12em;
}

@media screen and (max-width: 897px) {
  /* line 2461, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__result-total-tilde {
    font-size: 9vw;
  }
}

/* line 2470, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__result-total-unit {
  color: #000;
  font-size: 3.4rem;
  margin-left: 0.3em;
}

@media screen and (max-width: 897px) {
  /* line 2470, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__result-total-unit {
    font-size: 5vw;
  }
}

/* line 2480, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__result-breakdown {
  margin: 0;
  padding: 0;
  background: rgba(185, 139, 188, 0.12);
  border-radius: 12px;
  padding: 34px;
}

@media screen and (max-width: 897px) {
  /* line 2480, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__result-breakdown {
    padding: 4vw 4.5vw;
  }
}

/* line 2492, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__result-item {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: baseline;
  column-gap: 18px;
}

@media screen and (max-width: 897px) {
  /* line 2492, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__result-item {
    column-gap: 3vw;
  }
}

/* line 2503, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__result-dots {
  height: 1px;
  align-self: center;
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.65) 0 6px, transparent 6px 12px);
}

/* line 2513, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__result-label {
  margin: 0;
  font-weight: 900;
  font-size: 2.2rem;
  color: #000;
}

@media screen and (max-width: 897px) {
  /* line 2513, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__result-label {
    font-size: 4vw;
  }
}

/* line 2524, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__result-val {
  margin: 0;
  font-weight: 900;
  font-size: 2.7rem;
  color: #000;
  white-space: nowrap;
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 897px) {
  /* line 2524, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__result-val {
    font-size: 4.4vw;
    letter-spacing: 0;
    gap: 3px;
  }
}

/* line 2543, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__result-num {
  display: inline-block;
  font-weight: 500;
  min-width: 3.2ch;
  text-align: center;
}

@media screen and (max-width: 897px) {
  /* line 2543, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__result-num {
    min-width: 3ch;
  }
}

/* line 2554, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__result-tilde {
  display: inline-block;
}

/* line 2558, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__result-unit {
  display: inline-block;
  font-size: 0.7em;
  letter-spacing: 0;
}

/* line 2564, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__notice-txt {
  font-weight: 400;
}

@media screen and (max-width: 897px) {
  /* line 2564, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__notice-txt {
    font-size: 3.6vw;
    line-height: 1.7;
  }
}

/* line 2575, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__support {
  text-align: left;
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

@media screen and (max-width: 897px) {
  /* line 2575, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__support {
    max-width: 100%;
  }
}

/* line 2587, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__support-q {
  font-size: 1.8rem;
  font-weight: 400;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  color: #000;
}

@media screen and (max-width: 897px) {
  /* line 2587, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__support-q {
    font-size: 4.5vw;
  }
}

/* line 2602, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__support-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #46C3E6;
  color: #fff;
  border-radius: 50%;
  font-size: 1.4rem;
  font-weight: 700;
}

@media screen and (max-width: 897px) {
  /* line 2602, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__support-icon {
    width: 5.5vw;
    height: 5.5vw;
    font-size: 4vw;
  }
}

/* line 2621, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__support-tel {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-wrap: wrap;
  font-size: 1.8rem;
  font-weight: 400;
  margin: 0;
  color: #000;
}

@media screen and (max-width: 897px) {
  /* line 2621, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__support-tel {
    font-size: 3.3vw;
  }
}

@media screen and (max-width: 897px) {
  /* line 2636, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__support-tel-pre {
    font-size: 3.5vw;
    margin: 1rem 0;
  }
}

@media screen and (max-width: 897px) {
  /* line 2643, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__support-tel-post {
    font-size: 2.8vw;
  }
}

/* line 2649, app/assets/stylesheets/projects/_thanks.scss */
.thanks-price-simulation__tel-link {
  color: #46C3E6;
  font-size: 2.4rem;
  font-weight: 700;
  text-decoration: none;
  line-height: 1;
}

@media screen and (max-width: 897px) {
  /* line 2649, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-price-simulation__tel-link {
    font-size: 5vw;
  }
}

/* line 2661, app/assets/stylesheets/projects/_thanks.scss */
.thanks-campaign {
  font-family: "Noto Sans JP";
  padding: 56px 16px 72px;
}

@media screen and (max-width: 897px) {
  /* line 2661, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-campaign {
    padding: 5vw 16px 12vw;
  }
}

/* line 2670, app/assets/stylesheets/projects/_thanks.scss */
.thanks-campaign__container {
  max-width: 980px;
  margin: 0 auto;
}

/* line 2676, app/assets/stylesheets/projects/_thanks.scss */
.thanks-campaign__slash {
  position: relative;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
  margin: 0 auto 50px;
  padding: 0 3.2em;
  --thanks-campaign-slash-angle: 120deg;
}

/* line 2685, app/assets/stylesheets/projects/_thanks.scss */
.thanks-campaign__slash::before, .thanks-campaign__slash::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 1.7em;
  height: 3px;
  background: #000;
  pointer-events: none;
}

/* line 2697, app/assets/stylesheets/projects/_thanks.scss */
.thanks-campaign__slash::before {
  left: 0.2em;
  transform: translateY(-50%) rotate(calc(180deg - var(--thanks-campaign-slash-angle)));
}

/* line 2703, app/assets/stylesheets/projects/_thanks.scss */
.thanks-campaign__slash::after {
  right: 0.2em;
  transform: translateY(-50%) rotate(calc(var(--thanks-campaign-slash-angle) - 180deg));
}

@media screen and (max-width: 897px) {
  /* line 2676, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-campaign__slash {
    padding: 0 2em;
    margin-bottom: 6vw;
  }
  /* line 2712, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-campaign__slash::before, .thanks-campaign__slash::after {
    height: 2px;
  }
}

/* line 2720, app/assets/stylesheets/projects/_thanks.scss */
.thanks-campaign__marker {
  position: relative;
  display: inline-block;
  font-weight: 900;
  font-size: 2.5rem;
  line-height: 1.2;
  z-index: 0;
}

/* line 2728, app/assets/stylesheets/projects/_thanks.scss */
.thanks-campaign__marker::before {
  content: "";
  position: absolute;
  left: -0.25em;
  right: -0.25em;
  bottom: -0.18em;
  height: 0.7em;
  z-index: -1;
  background-image: linear-gradient(to right, rgba(70, 195, 230, 0.3), rgba(70, 195, 230, 0.3)), repeating-linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 0.18) 12px);
  background-size: 100% 100%, 100% 100%;
  background-repeat: no-repeat;
  clip-path: polygon(0% 55%, 4% 35%, 9% 52%, 15% 30%, 22% 48%, 30% 28%, 38% 44%, 46% 25%, 54% 40%, 62% 24%, 70% 38%, 78% 26%, 86% 45%, 93% 33%, 100% 44%, 100% 100%, 0% 100%);
  border-radius: 10px;
  transform: rotate(-0.8deg);
  transform-origin: left bottom;
  filter: blur(0.25px);
}

@media screen and (max-width: 897px) {
  /* line 2720, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-campaign__marker {
    font-size: 4.2vw;
  }
}

/* line 2776, app/assets/stylesheets/projects/_thanks.scss */
.thanks-campaign__banners {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

@media screen and (max-width: 897px) {
  /* line 2776, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-campaign__banners {
    gap: 6vw;
  }
}

/* line 2786, app/assets/stylesheets/projects/_thanks.scss */
.thanks-campaign__banner {
  display: block;
  max-width: 860px;
  width: 100%;
  margin: 0 auto;
  transition: opacity 0.2s ease;
}

/* line 2793, app/assets/stylesheets/projects/_thanks.scss */
.thanks-campaign__banner img {
  width: 100%;
  height: auto;
  display: block;
}

/* line 2799, app/assets/stylesheets/projects/_thanks.scss */
.thanks-campaign__banner:hover {
  opacity: 0.9;
}

/* line 2804, app/assets/stylesheets/projects/_thanks.scss */
.amagif-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 50%;
  height: 3em;
  margin: 0 auto;
  font-weight: bold;
  font-size: 2.4rem;
  background: #f56e02;
  border: 4px solid #fff;
  border-radius: 40px;
  bottom: 10%;
  right: 11%;
  box-shadow: 0px 5px 0px 0px #525252;
}

@media screen and (max-width: 897px) {
  /* line 2804, app/assets/stylesheets/projects/_thanks.scss */
  .amagif-btn {
    width: 75vw;
    height: 13vw;
    max-height: 75px;
    bottom: 8%;
    left: 0;
    right: 0;
    margin: auto;
  }
}

/* line 2831, app/assets/stylesheets/projects/_thanks.scss */
.amagif-btn:hover {
  transform: translateY(3px);
  box-shadow: 0 2px 0 0 #333;
}

/* line 2836, app/assets/stylesheets/projects/_thanks.scss */
.amagif-btn__txt {
  color: #fff;
  font-weight: bold;
  font-size: 3rem;
}

@media screen and (max-width: 897px) {
  /* line 2836, app/assets/stylesheets/projects/_thanks.scss */
  .amagif-btn__txt {
    font-size: 5vw;
  }
}

/* line 2846, app/assets/stylesheets/projects/_thanks.scss */
.amagif-btn__icon {
  position: absolute;
  color: #fff;
  top: 36%;
  right: 5%;
  width: 1.5rem;
  height: 1.5rem;
  background: url(/assets/top/link_arrow-a7809efa5892053820c2b880989947693c2a09cb8872993496ae65d8966d065f.svg) no-repeat;
  z-index: 56;
}

@media screen and (max-width: 897px) {
  /* line 2846, app/assets/stylesheets/projects/_thanks.scss */
  .amagif-btn__icon {
    font-size: 5vw;
  }
}

/* line 2862, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company {
  margin: 0 0 15px;
  padding: 0 24px;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  overflow-x: auto;
  font-family: 'Noto Sans JP';
  list-style: none;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  gap: 1.5em;
  scroll-padding-left: 24px;
  scroll-padding-right: 24px;
}

/* line 2879, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company::before, .thanks-company::after {
  content: none;
}

/* line 2885, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company:only-child::before, .thanks-company:only-child::after {
  content: none;
}

@media screen and (max-width: 897px) {
  /* line 2862, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-company {
    justify-content: flex-start;
    margin: 1em 0;
    padding: 0 16px;
    scroll-padding-left: 16px;
    scroll-padding-right: 16px;
  }
}

/* line 2898, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company__item {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 336px;
  min-height: 429px;
  padding: 24px;
  margin-right: 0;
  background: #fff;
  border-radius: 8px;
  border: 3px solid #BB8DBE;
  background: var(--Color-bg-White, #FFF);
  box-shadow: 4px 4px 24px 0px rgba(0, 0, 0, 0.1);
  scroll-snap-align: start;
}

/* line 2913, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company__item:last-child {
  margin-right: 0;
}

@media screen and (max-width: 897px) {
  /* line 2898, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-company__item {
    border-radius: 10px;
  }
}

/* line 2923, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company__item:first-child {
  margin-left: auto;
}

/* line 2927, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company__item:last-child {
  margin-right: auto;
}

/* line 2931, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company__head {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  line-height: 1.2;
  border-bottom: 1px solid #BB8DBE;
  margin-bottom: 20px;
}

@media screen and (max-width: 897px) {
  /* line 2931, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-company__head {
    flex-flow: column;
    padding-bottom: 0.6em;
    font-size: 5vw;
    background-size: 0.3em 0.2em;
  }
}

/* line 2948, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company__img {
  width: 160px;
  height: 85px;
  margin-right: 40px;
  padding: 5px;
  background: #fff;
  border: 5px solid #000;
  border-radius: 10px;
}

@media screen and (max-width: 897px) {
  /* line 2948, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-company__img {
    width: 32vw;
    height: 15vw;
    margin: -9vw 0 2vw;
    padding: 1vw;
    border-width: 3px;
    border-radius: 5px;
  }
}

/* line 2966, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  font-family: "object-fit: contain;";
}

/* line 2974, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company__name {
  margin: 0;
  color: #000;
  font-size: 1.7rem;
  font-weight: 700;
}

/* line 2981, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company__cnt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0;
  font-size: 2rem;
  line-height: 1.2;
  flex-grow: 1;
}

@media screen and (max-width: 897px) {
  /* line 2981, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-company__cnt {
    font-size: inherit;
  }
}

/* line 2995, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company__info {
  display: flex;
  margin-bottom: 16px;
  font-size: 1.3rem;
}

/* line 3000, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company__info:not(:last-child) {
  padding-bottom: 16px;
  border-bottom: 1px solid #BB8DBE;
}

/* line 3005, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company__info:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

/* line 3010, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company__info p {
  margin: 0 0 0 3px;
}

/* line 3015, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company .label-icon {
  width: 100%;
  display: block;
}

/* line 3020, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company__label-container {
  display: flex;
  align-items: flex-start;
  width: 30%;
}

/* line 3026, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company__label-icon {
  width: 16px;
  height: 16px;
  margin-right: 3px;
}

/* line 3031, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company__label-icon svg {
  width: 100%;
  height: 100%;
  fill: #BB8DBE;
  display: block;
}

/* line 3039, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company__label {
  margin-left: 5px;
  font-weight: 500;
}

/* line 3044, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company__address {
  flex: 1;
  margin: 0;
  font-weight: 500;
}

/* line 3050, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company__tel {
  width: 65%;
  margin: 0;
  font-weight: 500;
}

/* line 3056, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company__tel-link {
  color: #000;
  text-decoration: none;
}

/* line 3061, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company__reprisentive {
  flex: 1;
  margin: 0;
  font-weight: 500;
}

/* line 3067, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company__photo {
  width: 100%;
  height: 140px;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 16px;
}

/* line 3075, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company__photo-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  font-family: "object-fit: cover;";
  display: block;
}

/* line 3083, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company__comment-box {
  height: 145px;
  margin-top: 16px;
}

/* line 3088, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company__comment-txt {
  height: 145px;
  font-size: 1.3rem;
  padding: 16px;
  background-color: #FEF3FF;
  font-weight: 350;
  border-radius: 8px;
}

/* line 3097, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company p {
  margin: 0;
}

/* line 3101, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company__hp-box {
  display: flex;
  justify-content: flex-end;
  font-size: 1.4rem;
  margin-top: 16px;
}

/* line 3108, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company .hp-link-icon {
  margin-left: 8px;
  width: 15px;
}

/* line 3113, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company .hp-link {
  display: flex;
  align-items: center;
  margin-left: auto;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: normal;
  color: #1EB2DC;
  text-decoration: none;
}

/* line 3124, app/assets/stylesheets/projects/_thanks.scss */
.thanks-company__comment {
  font-family: "Noto Sans JP";
  font-size: 13px;
  font-weight: 350;
  line-height: 18.2px;
}

@media screen and (max-width: 897px) {
  /* line 3124, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-company__comment {
    font-weight: 400;
  }
}

/* line 3138, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid__check-img {
  max-width: 510px;
  text-align: center;
  margin: 0 auto 3em;
}

/* line 3144, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid .check-img {
  width: 100%;
}

@media screen and (max-width: 897px) {
  /* line 3144, app/assets/stylesheets/projects/_thanks.scss */
  .apply-guid .check-img {
    padding: 0 34px;
  }
}

/* line 3152, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid__intro-ttl {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 24px;
  font-weight: 700;
  margin-top: 0;
}

@media screen and (max-width: 897px) {
  /* line 3152, app/assets/stylesheets/projects/_thanks.scss */
  .apply-guid__intro-ttl {
    font-size: 4vw;
  }
}

/* line 3164, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid__section {
  font-family: "Noto Sans JP";
  background-color: #FFF;
  overflow: hidden;
}

/* line 3170, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid__intro {
  background-color: #46C3E6;
  padding: 64px 0;
}

@media screen and (max-width: 897px) {
  /* line 3170, app/assets/stylesheets/projects/_thanks.scss */
  .apply-guid__intro {
    padding: 3em 16px;
  }
}

/* line 3179, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid ul {
  margin: 0;
}

@media screen and (max-width: 897px) {
  /* line 3183, app/assets/stylesheets/projects/_thanks.scss */
  .apply-guid__list {
    padding-left: 1em;
  }
}

/* line 3190, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid__list-item {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 8px;
}

/* line 3195, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid__list-item:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 897px) {
  /* line 3190, app/assets/stylesheets/projects/_thanks.scss */
  .apply-guid__list-item {
    font-size: 3.5vw;
  }
}

/* line 3204, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid__intro-heading-txt {
  color: #FFF;
  font-size: 3.2rem;
  font-weight: 700;
  text-align: center;
  margin-top: 0;
}

@media screen and (max-width: 897px) {
  /* line 3204, app/assets/stylesheets/projects/_thanks.scss */
  .apply-guid__intro-heading-txt {
    font-size: 5.5vw;
  }
}

/* line 3216, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid__content-box {
  margin: 0 auto;
  max-width: 752px;
  width: 100%;
  padding: 32px 40px;
  border-radius: 24px;
  background-color: #FFF;
}

@media screen and (max-width: 897px) {
  /* line 3216, app/assets/stylesheets/projects/_thanks.scss */
  .apply-guid__content-box {
    padding: 24px;
  }
}

/* line 3229, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid__download-info {
  padding-top: 80px;
  max-width: 1274px;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 897px) {
  /* line 3229, app/assets/stylesheets/projects/_thanks.scss */
  .apply-guid__download-info {
    padding-top: 4em;
  }
}

/* line 3240, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid__download-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: stretch;
}

@media screen and (max-width: 897px) {
  /* line 3240, app/assets/stylesheets/projects/_thanks.scss */
  .apply-guid__download-info {
    flex-direction: column;
  }
}

/* line 3251, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid__app-image {
  max-width: 504px;
  width: 48%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

@media screen and (max-width: 897px) {
  /* line 3251, app/assets/stylesheets/projects/_thanks.scss */
  .apply-guid__app-image {
    order: 2;
    max-width: 100%;
    width: 100%;
    padding: 0 2em;
  }
}

/* line 3265, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid__app-image .iphone-monitor {
  width: 100%;
  height: auto;
  display: block;
}

/* line 3272, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid__cta-download {
  width: 48%;
  font-family: 'LINE Seed JP';
}

@media screen and (max-width: 897px) {
  /* line 3272, app/assets/stylesheets/projects/_thanks.scss */
  .apply-guid__cta-download {
    order: 1;
    width: 100%;
    padding: 0 16px;
  }
}

/* line 3282, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid__header {
  margin-bottom: 33px;
}

/* line 3286, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid__header-caption {
  font-size: 2rem;
  color: #00BABC;
  font-weight: 700;
}

@media screen and (max-width: 897px) {
  /* line 3286, app/assets/stylesheets/projects/_thanks.scss */
  .apply-guid__header-caption {
    font-size: 4vw;
  }
}

/* line 3296, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid__header-main-ttl {
  font-size: 5.6rem;
  font-weight: 700;
}

@media screen and (max-width: 897px) {
  /* line 3296, app/assets/stylesheets/projects/_thanks.scss */
  .apply-guid__header-main-ttl {
    font-size: 9.5vw;
  }
}

/* line 3305, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid__description {
  display: flex;
  align-items: center;
  margin-bottom: 3em;
}

/* line 3311, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid__app-icom {
  max-width: 306px;
  width: 100%;
}

@media screen and (max-width: 897px) {
  /* line 3311, app/assets/stylesheets/projects/_thanks.scss */
  .apply-guid__app-icom {
    max-width: 65%;
  }
}

/* line 3320, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid .oyobee_appicon {
  width: 100%;
}

/* line 3324, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid__downloads {
  display: flex;
  align-items: center;
  margin-bottom: 65px;
}

@media screen and (max-width: 897px) {
  /* line 3324, app/assets/stylesheets/projects/_thanks.scss */
  .apply-guid__downloads {
    margin-bottom: 43px;
    justify-content: center;
  }
}

/* line 3335, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid__apple-store-badge {
  max-width: 136px;
  width: 100%;
  margin-right: 1em;
}

@media screen and (max-width: 897px) {
  /* line 3335, app/assets/stylesheets/projects/_thanks.scss */
  .apply-guid__apple-store-badge {
    max-width: 40%;
  }
}

/* line 3345, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid__google-play-badge {
  max-width: 168px;
  width: 100%;
}

@media screen and (max-width: 897px) {
  /* line 3345, app/assets/stylesheets/projects/_thanks.scss */
  .apply-guid__google-play-badge {
    max-width: 50%;
  }
}

/* line 3354, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid__card-container {
  background-color: #F6F6F6;
  font-family: 'LINE Seed JP';
}

/* line 3359, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid .hp-link-icon {
  padding-top: 80px !important;
}

/* line 3363, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid .slick-dotted.slick-slider {
  margin: 0 !important;
  padding: 0 0 80px !important;
}

@media screen and (max-width: 897px) {
  /* line 3368, app/assets/stylesheets/projects/_thanks.scss */
  .apply-guid .slick-slide {
    margin-right: 3.2vw !important;
    margin-left: 3.2vw !important;
  }
}

/* line 3375, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid .slick-prev {
  left: 5% !important;
}

/* line 3379, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid .slick-next {
  right: 5% !important;
}

/* line 3383, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid__card {
  min-width: 500px;
  border-radius: 24px;
  background-color: #FFA100;
  padding-top: 24px;
  margin-right: 32px;
}

@media screen and (max-width: 897px) {
  /* line 3383, app/assets/stylesheets/projects/_thanks.scss */
  .apply-guid__card {
    padding: 24px 0 0;
    min-width: 80vw;
    height: auto;
  }
}

/* line 3397, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid__card-txt-box {
  text-align: center;
}

/* line 3401, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid__card-visual {
  width: 225px;
  height: 400px;
  margin: 0 auto;
}

/* line 3407, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid__card-worries-txt {
  color: #FFF;
  font-size: 1.6rem;
  font-weight: 400;
  margin-bottom: 8px;
}

@media screen and (max-width: 897px) {
  /* line 3407, app/assets/stylesheets/projects/_thanks.scss */
  .apply-guid__card-worries-txt {
    font-size: 3vw;
  }
}

/* line 3418, app/assets/stylesheets/projects/_thanks.scss */
.apply-guid__card-solution {
  color: #FFF;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 150%;
}

@media screen and (max-width: 897px) {
  /* line 3418, app/assets/stylesheets/projects/_thanks.scss */
  .apply-guid__card-solution {
    font-size: 4.5vw;
  }
}

/* line 3430, app/assets/stylesheets/projects/_thanks.scss */
.thanks-market {
  overflow-x: scroll;
}

/* line 3434, app/assets/stylesheets/projects/_thanks.scss */
.thanks-market__ttl {
  margin-left: 100px;
  margin: 20px auto 40px 50px;
}

@media screen and (max-width: 897px) {
  /* line 3434, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-market__ttl {
    margin: 20px auto;
    text-align: center;
  }
}

/* line 3444, app/assets/stylesheets/projects/_thanks.scss */
.thanks-market__space {
  text-align: center;
}

/* line 3448, app/assets/stylesheets/projects/_thanks.scss */
.thanks-market__space-txt {
  width: 90%;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 5px;
}

@media screen and (max-width: 897px) {
  /* line 3448, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-market__space-txt {
    margin: 20px auto;
    text-align: center;
  }
}

/* line 3460, app/assets/stylesheets/projects/_thanks.scss */
.thanks-market__ttl-txt {
  position: relative;
  margin-bottom: 0;
  padding: 15px;
  color: #fff;
  text-align: center;
  background: #46c3e6;
  border-radius: 100px;
}

@media screen and (max-width: 897px) {
  /* line 3460, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-market__ttl-txt {
    font-size: 20px;
  }
}

/* line 3473, app/assets/stylesheets/projects/_thanks.scss */
.thanks-market__ttl-txt::before {
  position: absolute;
  bottom: -20px;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid #46c3e6;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  transform: translateX(-50%);
  content: "";
}

/* line 3489, app/assets/stylesheets/projects/_thanks.scss */
.thanks-market table th,
.thanks-market table td {
  border-radius: 3px;
  height: 50px;
}

/* line 3495, app/assets/stylesheets/projects/_thanks.scss */
.thanks-market__table {
  border-spacing: 5px;
  text-align: center;
  font-size: 16px;
  width: 900px;
  margin: 0 auto;
}

/* line 3503, app/assets/stylesheets/projects/_thanks.scss */
.thanks-market__col-heading {
  font-weight: bold;
  padding: 10px;
}

/* line 3507, app/assets/stylesheets/projects/_thanks.scss */
.thanks-market__col-heading th {
  text-align: start;
}

/* line 3511, app/assets/stylesheets/projects/_thanks.scss */
.thanks-market__col-heading td {
  background-color: khaki;
}

/* line 3516, app/assets/stylesheets/projects/_thanks.scss */
.thanks-market__row-heading {
  width: 18%;
  padding: 5 20px 10px;
  font-size: 20px;
  background-color: #ddd;
}

/* line 3523, app/assets/stylesheets/projects/_thanks.scss */
.thanks-market__general {
  font-size: 16px;
}

/* line 3526, app/assets/stylesheets/projects/_thanks.scss */
.thanks-market__general td {
  padding: 5px 15px;
  background-color: #ddd;
}

/* line 3532, app/assets/stylesheets/projects/_thanks.scss */
.thanks-market__gaiheki {
  font-weight: bold;
  font-size: 20px;
}

/* line 3537, app/assets/stylesheets/projects/_thanks.scss */
.thanks-market__gaiheki td {
  color: #fff;
  padding: 5px 15px;
  background-color: #cc99cc;
}

/* line 3544, app/assets/stylesheets/projects/_thanks.scss */
.thanks-market__logo {
  height: 30px;
}

/* line 3548, app/assets/stylesheets/projects/_thanks.scss */
.thanks-market__icon {
  height: 20px;
  vertical-align: text-bottom;
  margin-right: 5px;
}

/* line 3554, app/assets/stylesheets/projects/_thanks.scss */
.thanks-market__caution {
  margin: 0 0 2vw 50px;
  color: #808080;
}

@media screen and (max-width: 897px) {
  /* line 3554, app/assets/stylesheets/projects/_thanks.scss */
  .thanks-market__caution {
    margin: 0;
    font-size: 12px;
  }
}

/* line 3565, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice {
  overflow: hidden;
  margin-top: 3em;
  padding-top: 3em;
  padding-bottom: 2em;
}

/* line 3572, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice__ttl {
  display: block;
  position: relative;
  text-align: center;
  color: #fff;
  font-size: 4.4rem;
  z-index: 50;
}

@media screen and (max-width: 897px) {
  /* line 3572, app/assets/stylesheets/projects/_thanks.scss */
  .thanksVoice__ttl {
    font-size: 5.7vw;
  }
}

/* line 3584, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice__ttl::after {
  position: absolute;
  content: "VOICE";
  top: 75%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16rem;
  font-weight: 100;
  word-break: keep-all;
  font-family: 'Gill Sans Light', sans-serif;
  color: rgba(255, 255, 255, 0.2);
  z-index: -50;
}

@media screen and (max-width: 897px) {
  /* line 3584, app/assets/stylesheets/projects/_thanks.scss */
  .thanksVoice__ttl::after {
    font-size: 17vw;
  }
}

/* line 3602, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice__ttl::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -20%);
  width: 1000px;
  height: 550px;
  background: linear-gradient(90deg, #A9E1F7, #BEA4D8);
  border-radius: 40px;
  z-index: -100;
}

/* line 3616, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice__cases {
  z-index: 60;
}

/* line 3625, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice-case {
  position: relative;
  padding: 2.5em;
  width: 470px;
  height: auto;
  background-color: #fff;
  box-shadow: 1px 1px 8px #aaa;
  border-radius: 20px;
  z-index: 58;
}

@media screen and (max-width: 897px) {
  /* line 3625, app/assets/stylesheets/projects/_thanks.scss */
  .thanksVoice-case {
    width: 100%;
    padding: 1.2em;
  }
}

/* line 3644, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice-case__img img {
  position: absolute;
  width: 20%;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 3653, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice-case__detail-ttl {
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 1.2em;
  margin-bottom: 0;
}

@media screen and (max-width: 897px) {
  /* line 3653, app/assets/stylesheets/projects/_thanks.scss */
  .thanksVoice-case__detail-ttl {
    font-size: 0.97em;
  }
}

/* line 3665, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice-case__detail-area {
  text-align: center;
  margin-top: 0;
}

@media screen and (max-width: 897px) {
  /* line 3665, app/assets/stylesheets/projects/_thanks.scss */
  .thanksVoice-case__detail-area {
    height: 1.5em;
    margin-bottom: 0;
  }
}

/* line 3675, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice-case__detail-tag {
  display: block;
  height: 2em;
}

/* line 3679, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice-case__detail-tag img {
  max-height: 100%;
}

@media screen and (max-width: 897px) {
  /* line 3675, app/assets/stylesheets/projects/_thanks.scss */
  .thanksVoice-case__detail-tag {
    height: 1.5em;
    margin-top: 0;
  }
}

/* line 3689, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice-case__detail-txt {
  font-size: 1em;
  min-height: 200px;
}

@media screen and (max-width: 897px) {
  /* line 3689, app/assets/stylesheets/projects/_thanks.scss */
  .thanksVoice-case__detail-txt {
    font-size: 0.9em;
  }
}

/* line 3699, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice-case__compare {
  display: flex;
  flex-direction: row;
  margin-top: 2em;
  padding: 0;
}

@media screen and (max-width: 897px) {
  /* line 3699, app/assets/stylesheets/projects/_thanks.scss */
  .thanksVoice-case__compare {
    margin-top: 40px;
    margin-bottom: 0;
  }
}

/* line 3711, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice-case__item {
  flex: 1;
  list-style: none;
  font-weight: bold;
  text-align: center;
  border-right: 1px solid #4C4C4C;
  opacity: 0;
}

/* line 3719, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice-case__item:last-child {
  border-right: none;
}

/* line 3723, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice-case__item.is-selected {
  position: relative;
}

/* line 3726, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice-case__item.is-selected .thanksVoice-case__name {
  color: #000;
  background: #46C3E6;
}

/* line 3731, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice-case__item.is-selected .thanksVoice-case__price {
  background: #ffde35;
  border-radius: 5px;
}

/* line 3736, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice-case__item.is-selected:after {
  position: absolute;
  top: -33px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 30px;
  height: 30px;
  background: url(/assets/top/select_crown-2803564720f99361e3df476a9ff606a60bf837bb80b9ce94968d9ea4dc6e8dbc.svg) center/100% auto no-repeat;
  content: "";
}

/* line 3751, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice-case__name {
  display: block;
  color: #fff;
  background-color: #4C4C4C;
  border-radius: 5px;
  margin: 0 2em;
  line-height: 1.5;
}

@media screen and (max-width: 897px) {
  /* line 3751, app/assets/stylesheets/projects/_thanks.scss */
  .thanksVoice-case__name {
    margin: 0 1em;
  }
}

/* line 3764, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice-case__price {
  display: block;
  margin: 0.6em 1em 0;
  line-height: 1.5;
}

/* line 3769, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice-case__price span {
  font-size: 1.5em;
}

/* line 3773, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice-case__price em {
  font-size: 1em;
  font-style: normal;
}

@media screen and (max-width: 897px) {
  /* line 3764, app/assets/stylesheets/projects/_thanks.scss */
  .thanksVoice-case__price {
    font-size: 1.2em;
    margin: 0.4em 0.5em 0;
  }
  /* line 3782, app/assets/stylesheets/projects/_thanks.scss */
  .thanksVoice-case__price span {
    font-size: 5vw;
  }
  /* line 3786, app/assets/stylesheets/projects/_thanks.scss */
  .thanksVoice-case__price em {
    font-size: 3.7vw;
    font-style: normal;
  }
}

/* line 3793, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice-case__result {
  text-align: center;
  margin: 0;
  font-weight: bold;
  background: linear-gradient(to bottom, transparent 0 49%, transparent 49% 50%, #ffee9a 50% 51%, #ffee9a 51% 100%);
}

/* line 3799, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice-case__result.is-active {
  opacity: 1;
  animation: topScaleUp 1s linear 1;
}

@media screen and (max-width: 897px) {
  /* line 3793, app/assets/stylesheets/projects/_thanks.scss */
  .thanksVoice-case__result {
    margin-top: 0.5em;
  }
}

/* line 3809, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice-case__result-price {
  font-size: 2.5em;
  color: #F54E6E;
}

@media screen and (max-width: 897px) {
  /* line 3809, app/assets/stylesheets/projects/_thanks.scss */
  .thanksVoice-case__result-price {
    font-size: 1.8em;
  }
}

/* line 3818, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice-case__result-unit {
  color: #F54E6E;
  font-size: 1.5em;
  margin-right: 0.3em;
}

@media screen and (max-width: 897px) {
  /* line 3818, app/assets/stylesheets/projects/_thanks.scss */
  .thanksVoice-case__result-unit {
    font-size: 1.2em;
  }
}

/* line 3828, app/assets/stylesheets/projects/_thanks.scss */
.thanksVoice-case__result-message {
  font-size: 2em;
}

@media screen and (max-width: 897px) {
  /* line 3828, app/assets/stylesheets/projects/_thanks.scss */
  .thanksVoice-case__result-message {
    font-size: 1.5em;
  }
}

/* line 3837, app/assets/stylesheets/projects/_thanks.scss */
.modal {
  display: none;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 56;
  align-items: center;
  justify-content: center;
  flex-flow: column;
}

/* line 3850, app/assets/stylesheets/projects/_thanks.scss */
.modal__close-btn {
  background: none;
  border: none;
  color: #fff;
  font-size: 3rem;
  cursor: pointer;
}

/* line 3858, app/assets/stylesheets/projects/_thanks.scss */
.modal__ctn {
  max-width: 471px;
  width: 100%;
  padding: 24px 24px 64px;
  background-color: #00BABC;
  border-radius: 16px;
}

/* line 3866, app/assets/stylesheets/projects/_thanks.scss */
.modal__wrapper {
  padding: 0 40px;
}

/* line 3870, app/assets/stylesheets/projects/_thanks.scss */
.modal__close {
  text-align: right;
}

/* line 3874, app/assets/stylesheets/projects/_thanks.scss */
.modal__cnt-icon {
  max-width: 50px;
  width: 100%;
  margin: 0 auto 6px;
}

/* line 3880, app/assets/stylesheets/projects/_thanks.scss */
.modal__cnt-txt {
  margin: 0;
  font-family: "LINE Seed JP";
  font-weight: 700;
  color: #fff;
  font-size: 2.8rem;
  line-height: normal;
  text-align: center;
}

/* line 3890, app/assets/stylesheets/projects/_thanks.scss */
.modal__cnt-sub-txt {
  font-size: 1.6rem;
  font-family: 'LINE Seed JP';
  font-weight: 700;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}

/* line 3899, app/assets/stylesheets/projects/_thanks.scss */
.modal__cnt-qr {
  max-width: 244px;
  width: 100%;
  margin: 40px auto;
  padding: 35px;
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.2);
}

/* line 3909, app/assets/stylesheets/projects/_thanks.scss */
.modal__cnt-app-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

/* line 1, app/assets/stylesheets/projects/_store_thanks.scss */
.store-thanks-lead {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin: 2em 0 3em;
  font-size: 2rem;
  text-align: center;
}

@media screen and (max-width: 897px) {
  /* line 1, app/assets/stylesheets/projects/_store_thanks.scss */
  .store-thanks-lead {
    margin-bottom: 5vw;
    font-size: inherit;
  }
}

/* line 14, app/assets/stylesheets/projects/_store_thanks.scss */
.store-thanks-lead__txt {
  margin: 0;
}

/* line 18, app/assets/stylesheets/projects/_store_thanks.scss */
.store-thanks-lead__link {
  margin-top: 1em;
  color: #0d1bce;
  text-decoration: underline;
}

/* line 24, app/assets/stylesheets/projects/_store_thanks.scss */
.store-thanks-lead__attention {
  margin: 1em 0 0;
  padding: 0;
  color: #de0015;
  font-weight: bold;
  font-size: 3.2rem;
}

@media screen and (max-width: 897px) {
  /* line 24, app/assets/stylesheets/projects/_store_thanks.scss */
  .store-thanks-lead__attention {
    margin: 5vw 0 0;
    font-size: 4.222vw;
  }
}

/* line 36, app/assets/stylesheets/projects/_store_thanks.scss */
.store-thanks-lead__attention em {
  font-style: normal;
}

@media screen and (max-width: 897px) {
  /* line 36, app/assets/stylesheets/projects/_store_thanks.scss */
  .store-thanks-lead__attention em {
    display: block;
    font-size: 150%;
  }
}

/* line 3, app/assets/stylesheets/projects/_enduser_confirm.scss */
.page-ttl {
  margin: 0;
  padding: 1em 0;
  background: #CC99CC;
  color: #fff;
  text-align: center;
  font-size: 3.2rem;
}

@media screen and (max-width: 897px) {
  /* line 3, app/assets/stylesheets/projects/_enduser_confirm.scss */
  .page-ttl {
    font-size: 5.333vw;
  }
}

/* line 18, app/assets/stylesheets/projects/_enduser_confirm.scss */
.page-confirm__txt em {
  font-style: normal;
  font-weight: bold;
  color: #c0392b;
  font-size: 2.2rem;
}

@media screen and (max-width: 897px) {
  /* line 18, app/assets/stylesheets/projects/_enduser_confirm.scss */
  .page-confirm__txt em {
    font-size: 4.7vw;
  }
}

@media screen and (max-width: 897px) {
  /* line 29, app/assets/stylesheets/projects/_enduser_confirm.scss */
  .page-confirm__txt {
    font-size: 3.7vw;
    letter-spacing: -0.04rem;
  }
}

/* line 36, app/assets/stylesheets/projects/_enduser_confirm.scss */
.page-confirm__authorize {
  text-align: center;
  transition: opacity 1s 1s;
}

/* line 40, app/assets/stylesheets/projects/_enduser_confirm.scss */
.page-confirm__authorize.is-active {
  opacity: 1;
  display: block;
}

/* line 46, app/assets/stylesheets/projects/_enduser_confirm.scss */
.page-confirm__auth {
  text-align: center;
  display: none;
  opacity: 0;
  transition: opacity 1s;
}

/* line 52, app/assets/stylesheets/projects/_enduser_confirm.scss */
.page-confirm__auth.is-active {
  opacity: 1;
  display: block;
}

/* line 58, app/assets/stylesheets/projects/_enduser_confirm.scss */
.page-confirm__input {
  margin: 0 auto;
  width: 50%;
  display: flex;
}

/* line 63, app/assets/stylesheets/projects/_enduser_confirm.scss */
.authorize_code .page-confirm__input {
  margin: 6em auto;
}

@media screen and (max-width: 897px) {
  /* line 63, app/assets/stylesheets/projects/_enduser_confirm.scss */
  .authorize_code .page-confirm__input {
    margin: 3em auto;
  }
}

@media screen and (max-width: 897px) {
  /* line 58, app/assets/stylesheets/projects/_enduser_confirm.scss */
  .page-confirm__input {
    width: 100%;
    flex-flow: column;
  }
}

/* line 77, app/assets/stylesheets/projects/_enduser_confirm.scss */
.page-confirm__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 478px;
  height: 54px;
  margin: 0 0 0 5%;
  overflow: hidden;
  color: #fff;
  font-weight: bold;
  font-size: 3.1rem;
  background-color: #CC99CC;
  border-radius: 9px;
  box-shadow: 0 6px #b366b3;
  border: none;
}

@media screen and (max-width: 897px) {
  /* line 77, app/assets/stylesheets/projects/_enduser_confirm.scss */
  .page-confirm__submit {
    margin: 2vw 0 0;
  }
}

/* line 99, app/assets/stylesheets/projects/_enduser_confirm.scss */
.page-confirm__price {
  font-size: 3rem;
  margin-bottom: 3em;
}

@media screen and (max-width: 897px) {
  /* line 99, app/assets/stylesheets/projects/_enduser_confirm.scss */
  .page-confirm__price {
    font-size: 4.733vw;
    margin-bottom: 2em;
  }
}

/* line 108, app/assets/stylesheets/projects/_enduser_confirm.scss */
.page-confirm__price em {
  font-size: 150%;
  font-style: normal;
  font-weight: bold;
  color: #884488;
}

/* line 116, app/assets/stylesheets/projects/_enduser_confirm.scss */
.page-confirm__method {
  background: #fff;
  box-shadow: 0 0 5px #eee;
  margin-bottom: 5em;
  padding: 50px;
}

@media screen and (max-width: 897px) {
  /* line 116, app/assets/stylesheets/projects/_enduser_confirm.scss */
  .page-confirm__method {
    padding: 5vw;
  }
}

/* line 127, app/assets/stylesheets/projects/_enduser_confirm.scss */
.page-confirm__method-header {
  background-color: #4abfd7;
  color: #fff;
  padding: 1em;
}

@media screen and (max-width: 897px) {
  /* line 127, app/assets/stylesheets/projects/_enduser_confirm.scss */
  .page-confirm__method-header {
    padding: 5vw;
  }
}

/* line 137, app/assets/stylesheets/projects/_enduser_confirm.scss */
.page-confirm__method-body {
  width: 45%;
  margin: 0 auto;
  text-align: left;
}

@media screen and (max-width: 897px) {
  /* line 137, app/assets/stylesheets/projects/_enduser_confirm.scss */
  .page-confirm__method-body {
    width: 90%;
  }
}

/* line 147, app/assets/stylesheets/projects/_enduser_confirm.scss */
.page-confirm__error {
  margin-bottom: 1rem;
  max-width: 500px;
  margin-inline: auto;
}

/* line 157, app/assets/stylesheets/projects/_enduser_confirm.scss */
.page-nothanks__txt {
  text-align: center;
}

/* line 161, app/assets/stylesheets/projects/_enduser_confirm.scss */
.page-nothanks__info-row {
  max-width: 600px;
  width: 100%;
  min-height: 60px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

/* line 172, app/assets/stylesheets/projects/_enduser_confirm.scss */
.page-nothanks__info-row:first-child {
  border-top: 1px solid #ccc;
}

/* line 177, app/assets/stylesheets/projects/_enduser_confirm.scss */
.page-nothanks__info-ttl {
  width: 12em;
  padding: 1em;
  border-right: 1px solid #ccc;
}

/* line 183, app/assets/stylesheets/projects/_enduser_confirm.scss */
.page-nothanks__info-val {
  margin: 0;
  padding: 1em;
  width: calc(100% - 10em);
}

/* line 2, app/assets/stylesheets/projects/_unsubscribe.scss */
.unsubscribe {
  margin-top: 50px;
  text-align: center;
}

/* line 6, app/assets/stylesheets/projects/_unsubscribe.scss */
.unsubscribe__btn {
  display: block;
  width: 90%;
  max-width: 200px;
  margin: 1.2em auto;
  padding: 0.5em 0;
  color: #fff;
  font-weight: bold;
  font-size: 1.7rem;
  text-align: center;
  background: linear-gradient(to right, #fe6e0e, #f09e00);
  border-radius: 100px;
  border: none;
}

@media screen and (min-width: 1025px) {
  /* line 6, app/assets/stylesheets/projects/_unsubscribe.scss */
  .unsubscribe__btn {
    cursor: pointer;
    transition: 0.5s opacity;
  }
  /* line 47, app/assets/stylesheets/_mixin.scss */
  .unsubscribe__btn:hover {
    opacity: 0.7;
  }
  /* line 50, app/assets/stylesheets/_mixin.scss */
  .unsubscribe__btn:hover img {
    opacity: 1;
  }
}

@media screen and (max-width: 897px) {
  /* line 6, app/assets/stylesheets/projects/_unsubscribe.scss */
  .unsubscribe__btn {
    font-size: 4.533vw;
  }
}

/* line 2, app/assets/stylesheets/projects/_manga_lp.scss */
.home-lp_manga {
  background: #ccc;
  padding: 0;
  font-size: 16px;
}

/* line 7, app/assets/stylesheets/projects/_manga_lp.scss */
.home-lp_manga .contents_wrapper {
  width: 100%;
  max-width: none;
  padding: 0;
  margin: 0;
  overflow: visible;
}

/* line 16, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp {
  max-width: 390px;
  margin: 0 auto;
  background: #fff;
  overflow-x: hidden;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: normal;
}

@media screen and (max-width: 640px) {
  /* line 16, app/assets/stylesheets/projects/_manga_lp.scss */
  .manga-lp {
    max-width: none;
  }
}

/* line 31, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__stripe {
  width: 100%;
  line-height: 0;
}

/* line 36, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__stripe-img {
  width: 100%;
  height: auto;
  display: block;
}

/* line 45, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__warning-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: 15px 0 8px;
}

/* line 53, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__warning-icon {
  width: 25px;
  height: auto;
}

/* line 58, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__warning-text {
  font-weight: 900;
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
  color: #000;
}

/* line 69, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__triangles {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 15px 0;
}

/* line 76, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__triangle {
  width: 146px;
  height: auto;
}

/* line 80, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__triangle--bounce {
  animation: manga-lp-bounce 2s infinite;
}

@keyframes manga-lp-bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-12px);
  }
  60% {
    transform: translateY(-6px);
  }
}

/* line 100, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__title-section {
  padding: 15px 24px 20px;
}

/* line 104, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__title-top {
  font-weight: 900;
  font-size: 25px;
  text-align: center;
  color: #000;
  margin: 0 0 5px;
}

/* line 112, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__title-highlight {
  display: flex;
  justify-content: center;
  margin: 0;
}

/* line 118, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__title-highlight-text {
  font-weight: 900;
  font-size: min(5.6vw, 22px);
  color: #000;
  background: yellow;
  padding: 4px 0;
  margin: 0;
  line-height: 1;
  white-space: nowrap;
}

/* line 129, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__highlight-red {
  color: #f81a18;
}

/* line 133, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__subtitle {
  font-weight: 900;
  font-size: 18px;
  text-align: center;
  color: #000;
  margin: 10px 0 0;
  line-height: 1.4;
}

/* line 142, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__pr-label {
  font-weight: 300;
  font-size: 10px;
  text-align: right;
  color: #000;
  padding: 0;
  margin: 0 0 5px;
}

/* line 154, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__experience {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 5px;
}

/* line 161, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__experience-inner {
  display: inline-block;
}

/* line 165, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__experience-text {
  background: yellow;
  display: inline-block;
  font-weight: 900;
  font-size: 18px;
  color: #000;
  margin: 0;
  padding: 0 10px;
}

/* line 175, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__disclaimer {
  font-weight: 900;
  font-size: 6px;
  color: #000;
  margin: 3px 0 0;
  text-align: left;
}

/* line 186, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__panels {
  padding: 5px 10px;
}

/* line 189, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__panels--no-gap {
  padding-top: 0;
}

/* line 194, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__panel-img {
  width: 100%;
  height: auto;
  display: block;
}

/* line 199, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__panel-img + .manga-lp__panel-img {
  margin-top: 5px;
}

/* line 203, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__panel-img--shrink {
  animation: manga-lp-shrink 1.2s ease-in-out infinite;
}

@keyframes manga-lp-shrink {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.92);
  }
  100% {
    transform: scale(1);
  }
}

/* line 217, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__arrows {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
  padding: 30px 0;
}

/* line 225, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__arrow {
  position: relative;
  width: 42px;
  height: 24px;
  background: #ff5a00;
  animation: manga-lp-arrow-drop 1.2s linear infinite;
}

/* line 232, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__arrow::after {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 33px solid transparent;
  border-right: 33px solid transparent;
  border-top: 24px solid #ff5a00;
}

@keyframes manga-lp-arrow-drop {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: translateY(20px);
    opacity: 0;
  }
}

/* line 265, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__problem {
  padding: 40px 37px;
  text-align: center;
}

/* line 270, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__problem-text {
  font-weight: 500;
  font-size: 16px;
  color: #000;
  line-height: 30px;
  margin: 0;
}

/* line 278, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__problem-blue {
  font-weight: 900;
  color: #0009f2;
  line-height: 30px;
}

/* line 284, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__problem-blue--tight {
  font-weight: 900;
  color: #0009f2;
  line-height: 20px;
}

/* line 293, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__solution {
  text-align: center;
  padding: 0 37px;
}

/* line 298, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__solution-intro {
  font-weight: 500;
  font-size: 18px;
  color: #000;
  line-height: 25px;
  margin: 0;
}

/* line 306, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__solution-bold {
  font-weight: 900;
}

/* line 310, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__solution-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fa1bde;
  padding: 4px;
  margin-top: 10px;
}

/* line 319, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__solution-box-text {
  font-weight: 900;
  font-size: 25px;
  color: #000;
  text-align: center;
  margin: 0;
}

/* line 330, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__transition {
  text-align: center;
  padding: 40px 0 12px;
}

/* line 335, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__transition-text {
  font-weight: 900;
  font-size: 20px;
  color: #000;
  margin: 0;
}

/* line 342, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__transition-dots {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin-top: 15px;
}

/* line 349, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__transition-dots span {
  display: block;
  width: 5.5px;
  height: 5.5px;
  background: #C7C7C7;
  border-radius: 50%;
  opacity: 0;
  animation: manga-lp-dot-fade 1.4s infinite;
}

/* line 358, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__transition-dots span:nth-child(1) {
  animation-delay: 0s;
}

/* line 359, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__transition-dots span:nth-child(2) {
  animation-delay: 0.2s;
}

/* line 360, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__transition-dots span:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes manga-lp-dot-fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
  }
}

/* line 370, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__transition-bar {
  text-align: center;
  font-weight: 900;
  font-size: 18px;
  color: #000;
  margin: 0 0 5px;
  height: 22px;
  line-height: 22px;
  padding: 0;
}

/* line 380, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__transition-bar--green {
  background: #37fb44;
}

/* line 388, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__intro {
  text-align: center;
  padding: 30px 0;
}

/* line 393, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__intro-text {
  font-weight: 500;
  font-size: 16px;
  color: #000;
  line-height: 25px;
  margin: 0;
}

/* line 401, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__intro-brand {
  font-weight: 900;
  font-size: 30px;
  color: #000;
  line-height: 50px;
  margin: 0;
  position: relative;
  display: inline-block;
  isolation: isolate;
}

/* line 411, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__intro-brand::after {
  content: '';
  position: absolute;
  bottom: 2px;
  left: 50%;
  transform: translateX(-50%);
  width: 138px;
  height: 18px;
  background: yellow;
  z-index: -1;
}

/* line 427, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__result {
  text-align: center;
  padding: 30px 0 0;
}

/* line 432, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__result-title {
  font-weight: 500;
  font-size: 16px;
  color: #000;
  line-height: 25px;
  margin: 0;
}

/* line 439, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__result-title strong {
  font-weight: 900;
  color: #f81a18;
  font-size: 20px;
}

/* line 447, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__result-detail {
  font-weight: 500;
  font-size: 16px;
  color: #000;
  line-height: 25px;
  margin: 30px 0 0;
}

/* line 455, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__result-highlight {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: yellow;
  padding: 4px 8px;
  margin-top: 5px;
}

/* line 464, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__result-highlight-text {
  font-weight: 900;
  font-size: 40px;
  color: #f81a18;
  margin: 0;
  line-height: 1;
}

/* line 472, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__result-suffix {
  font-weight: 900;
  font-size: 20px;
  color: #000;
  margin: 5px 0 0;
}

/* line 482, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__warning-text-section {
  text-align: center;
  padding: 30px 24px 0;
}

/* line 487, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__warning-message {
  font-weight: 500;
  font-size: 16px;
  color: #000;
  line-height: 25px;
  margin: 0;
}

/* line 495, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__text-blue {
  font-weight: 900;
  color: #0009f2;
}

/* line 500, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__text-red-bold {
  font-weight: 900;
  color: #f81a18;
}

/* line 505, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__advice {
  font-weight: 900;
  font-size: 16px;
  color: #fa1bde;
  line-height: 25px;
  margin: 20px 0 0;
}

/* line 516, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__cta {
  text-align: center;
  padding: 30px 24px 50px;
}

/* line 521, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__cta-prefix {
  font-weight: 700;
  font-size: 25px;
  color: #000;
  margin: 0;
}

/* line 528, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__cta-sub {
  font-weight: 700;
  font-size: 23px;
  color: #000;
  margin: 5px 0 0;
}

/* line 534, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__cta-sub .manga-lp__text-orange {
  color: #ff5000;
  font-size: 28px;
}

/* line 539, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__cta-sub .manga-lp__text-orange-lg {
  color: #ff5000;
  font-size: 30px;
}

/* line 545, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__cta-triangles {
  margin-top: 5px;
}

/* line 549, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__cta-group {
  animation: manga-lp-pulse 1.2s ease-in-out infinite;
}

@keyframes manga-lp-pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}

/* line 559, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__cta-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  max-width: 360px;
  margin: 20px auto 0;
  padding: 20px 10px;
  background: linear-gradient(to bottom, #19ec27, #008b23);
  border-radius: 100px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  font-size: min(30px, 7.5vw);
  white-space: nowrap;
  line-height: 1;
  box-shadow: 0 4px 0 #005a14;
  transition: opacity 0.2s;
}

/* line 578, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__cta-btn:hover {
  opacity: 0.9;
  color: #fff;
  text-decoration: none;
}

/* line 584, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__cta-btn:active {
  transform: translateY(2px);
  box-shadow: 0 2px 0 #005a14;
}

/* line 590, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__cta-btn-arrow {
  font-size: 15px;
}

/* line 594, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__cta-note {
  font-weight: 700;
  font-size: 25px;
  color: #000;
  margin: 28px 0 0;
  position: relative;
  display: inline-block;
  isolation: isolate;
}

/* line 603, app/assets/stylesheets/projects/_manga_lp.scss */
.manga-lp__cta-note::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 14px;
  background: yellow;
  z-index: -1;
}