@charset "UTF-8";
/* リキッドレイアウト対応のための設定 */
body {
  background-color: #fffded;
  color: #3C2C22;
}

body {
  font-family: "Zen Kaku Gothic New", sans-serif;
}

/*  PCとSPの表示非表示の切り替え */
/*(md)px以上で表示*/
.pc-only {
  display: none;
}

/*モバイルのみ表示*/

/*画像の縦横比設定*/
body img {
  display: block;
  width: 100%;
  height: auto;
}

/* aタグのスタイルリセット*/
body a {
  text-decoration: none;
}
body a:hover {
  opacity: 0.8;
}

body {
  font-size: 16px;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Remove default padding */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0;
}

/* Set core html defaults */
html {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
  text-rendering: optimizeSpeed;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Blur images when they have no alt attribute */
img:not([alt]) {
  -webkit-filter: blur(10px);
          filter: blur(10px);
}

/* フォームリセット */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  outline: none;
  background: transparent;
  font: inherit;
}

textarea {
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

.belt {
  padding-inline: 5%;
  padding-block: 2.1875rem;
  background-color: #01a2f8;
}

.card {
  margin-top: 2.5rem;
  margin-inline: 1rem;
  padding-inline: 1rem;
  padding-block: 1.5rem 2.25rem;
  border-radius: 30px;
  background-color: #FFF;
  -webkit-box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.2);
}

.card-result {
  margin-top: 2.5625rem;
  margin-inline: 1rem;
  padding-inline: 1rem;
  padding-block: 2rem 2.25rem;
  border-radius: 30px;
  background-color: #FFF;
  -webkit-box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.2);
}

.consul {
  margin-top: 3.125rem;
}

.consul__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 90%;
  margin: 0 auto;
  padding-block: 0.5rem;
  gap: 1.5rem;
  border-bottom: solid 5px #530305;
  border-radius: 8px;
  background: #c1272d;
  color: #FFF;
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: 0.01em;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
line-height: 1.3;
}
.consul__button span {
  padding-inline: 0.5rem;
  border-radius: 30px;
  background-color: #FFF;
  color: #c1272d;
  font-size: 1rem;
  white-space: nowrap;
}

.consul__button:hover {
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  border-bottom: solid 2px #530305;
}

.contact_content {
  margin-top: 2.875rem;
}

.feature {
  width: 90%;
  margin-inline: auto;
  text-align: left;
}

.feature__text {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5;
}

.footer {
  margin-top: 3.125rem;
}

.footer__logo {
  aspect-ratio: 260/60;
  width: 8.125rem;
  margin-inline: auto;
}
.footer__logo img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.from {
  margin-top: 2.625rem;
}

.from__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.125rem;
}

.from__image {
  aspect-ratio: 654/152;
  max-width: 7.6875rem;
}
.from__image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.from__copy {
  margin-top: 2.9375rem;
  color: #343068;
  font-weight: 700;
  font-size: 1rem;
}

.inner {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
}

.line {
  margin-top: 2rem;
}

.list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 1.6875rem;
  padding-inline: 1rem;
  gap: 1.5rem;
}

.list__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-inline: auto;
  padding: 1.5rem;
  gap: 1rem;
  border-radius: 30px;
  background-color: #FFF;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(137, 137, 137, 0.35);
          box-shadow: 0px 5px 15px 0px rgba(137, 137, 137, 0.35);
          width: 100%;
}

.list__item:nth-child(2) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.list__image {
  aspect-ratio: 162/115;
  max-width: 4.3125rem;
}
.list__image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.list__image--introduction {
  aspect-ratio: 162/125;
  max-width: 3.8125rem;
}

.list__image--think {
  aspect-ratio: 143/118;
  max-width: 4.25rem;
}

.list__text {
  color: #343068;
  font-weight: 700;
  text-align: left;
}

.not {
  z-index: 10;
  position: relative;
  margin-top: 2.5rem;
  padding-bottom: clamp(3.75rem, 0.234rem + 18.75vw, 9.375rem);
}

.not::before {
  position: absolute;
  top: 0;
  left: 50%;
  aspect-ratio: 1510/1094;
  width: 100%;
  max-width: 27.875rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url("../images/point@2x-8.png");
  background-position: center;
  background-size: cover;
  content: "";
}

.not__title {
  z-index: 999;
  position: relative;
  padding-top: clamp(2.5rem, 0.761rem + 8.7vw, 5rem);
  padding-left: 3rem;
  color: #FFF;
  font-size: clamp(0.563rem, 0.258rem + 1.52vw, 1rem);
  text-align: center;
}

.not__job {
  z-index: 999;
  position: relative;
  background-color: #FFF;
  font-weight: 700;
  font-size: clamp(0.688rem, 0.122rem + 2.83vw, 1.5rem);
  font-size: 1rem;
}

.not__detail {
  z-index: 999;
  position: relative;
  max-width: 25.75rem;
  margin-inline: auto;
  padding-top: 0.5rem;
  padding-inline: clamp(3.125rem, 1.151rem + 7.89vw, 5rem) 2.5rem;
  color: #FFF;
  font-size: clamp(0.5rem, 0.227rem + 1.46vw, 0.938rem);
  font-size: 0.7rem;
  text-align: left;
}

.options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 2rem;
  gap: 1.25rem;
}

.option {
  position: relative;
  width: 100%;
  max-width: 19.5rem;
  margin-inline: auto;
  padding: 1rem;
  padding-right: 2.5rem;
  padding-left: 1rem;
  border-radius: 10px;
  background-color: #01a2f8;
  -webkit-box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.45);
          box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.45);
  color: #FFF;
  font-weight: 700;
  font-size: clamp(12px, 4.2553191489vw, 16px);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.option::after {
  position: absolute;
  top: 50%;
  right: 1rem;
  aspect-ratio: 58/67;
  width: 1rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("../images/arrow@2x-8.png");
  background-position: center;
  background-size: cover;
  content: "";
}

.option:hover {
  background-color: #d6eaf8;
}

.option.selected {
  background-color: #3498db;
  color: white;
}

.point {
  margin-top: 2rem;
}

.point__title {
  font-size: 1rem;
}
.point__title span {
  font-size: 1.125rem;
}

.point__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1.375rem;
  gap: 0.5rem;
}
.point__content span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-inline: 0.5rem;
  border: 1px solid #01a2f8;
  border-radius: 20px;
  color: #01a2f8;
  font-size: 1.2rem;
}

.question {
  display: none;
  border-radius: 8px;
}

.question.active {
  display: block;
}

.question__title {
  font-size: 1.15rem;
  text-align: center;
}
.question__title span {
  display: block;
  padding-bottom: 1rem;
  font-size: 1.5rem;
}

.result {
  display: none;
  margin-top: 1.5rem;
  text-align: center;
}

.result__type {
  margin-top: 1rem;
  margin-bottom: 0.625rem;
  font-weight: bold;
  font-size: 1.3rem;
}

.result__image {
  aspect-ratio: 1322/1062;
  max-width: 49rem;
  margin-inline: auto;
  width: 90%;
}
.result__image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.calendar-title{
  font-size: 1rem;
}
.top-image {
  width: 100%;
}
.top-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.box-wrapper .first {
  margin-top: 2.8125rem;
}
.box-wrapper .first__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0.625rem;
     -moz-column-gap: 0.625rem;
          column-gap: 0.625rem;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.box-wrapper .first__title {
  font-weight: 400;
  font-size: 26px;
}
.box-wrapper .first__content {
  margin-top: 1.3125rem;
}
.box-wrapper .first__text {
  font-size: 12px;
  line-height: 2.0833333333;
  text-align: center;
}

.fv__wrapper {
  position: relative;
}

.fv__image {
  display: block;
  aspect-ratio: 1/1;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}
.fv__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right bottom;
     object-position: right bottom;
}

.fv__contents {
  position: absolute;
  top: 40%;
  left: 10%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.fv__logos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
}

.fv__logo img {
  height: 100%;
}

.fv__emily {
  aspect-ratio: 169/35;
  width: clamp(10.563rem, 7.793rem + 11.98vw, 13.25rem);
}

.fv__cross {
  width: 0.9375rem;
  height: 0.9375rem;
}

.fv__slobe {
  aspect-ratio: 90/35;
  width: clamp(5.625rem, 3.693rem + 8.36vw, 7.5rem);
}
.result__title{
  font-size: 1.3rem;
}

@media screen and (min-width: 780px) {
  .pc-only {
    display: block;
  }
  .sp-only {
    display: none;
  }
  body {
    font-size: 1.4814814815vw;
  }
  .belt__image {
    max-width: 31.25rem;
    margin-inline: auto;
  }
  .calendar-title{
    font-size: 1.5rem;
  }
  .card {
    width: 49rem;
    margin-top: 2rem;
    margin-inline: auto;
    padding-inline: 6.25rem;
    padding-block: 3rem 5.6875rem;
  }
  .card-result {
    width: 48.75rem;
    margin-top: 1rem;
    margin-inline: auto;
    padding-block: 3.1875rem 5.6875rem;
  }
  .consul {
    margin-top: 5rem;
  }
  .consul__button {
    width: 39.5rem;
    font-size: 1.4rem;
    height: 5rem;
  }
  .consul__button span {
    padding-inline: 1.5rem;
    font-size: 1rem;
  }
  .feature {
    width: 40rem;
    margin-inline: auto;
  }
  .feature__text {
    font-size: 1.125rem;
  }
  .footer {
    margin-top: 3.375rem;
  }
  .from {
    margin-top: 5rem;
  }
  .from__title {
    gap: 3.5rem;
  }
  .from__title p {
    font-size: 1.5rem;
  }
  .from__image {
    max-width: 23rem;
  }
  .from__copy {
    margin-top: 2.875rem;
    font-size:2rem;
  }
  .information {
    margin-top: 1.625rem;
  }
  .inner {
    max-width: 1130px;
    padding-right: 25px;
    padding-left: 25px;
  }
  .job {
    margin-top: 2rem;
  }
  .line {
    max-width: 37.5rem;
    margin-inline: auto;
  }
  .list {
    width: 52.5rem;
    margin-top: 2.875rem;
    margin-inline: auto;
  }
  .list__item {
    gap: 2.5rem;
  }
  .list__image {
    max-width: 10.125rem;
  }
  .list__image--introduction {
    max-width: 10.125rem;
  }
  .list__image--think {
    max-width: 8.9375rem;
  }
  .list__text {
    font-size: 1.375rem;
  }
  .not {
    margin-top: 3.5rem;
    padding-bottom: 7.5rem;
  }
  .not::before {
    max-width: 37.5rem;
  }
  .not__title {
    padding-top: 6.625rem;

    font-size: 1.25rem;
  }
  .not__job {
    font-size: 1.75rem;
  }
  .not__detail {
    max-width: 37.5rem;
    margin-inline: auto;
    padding-inline: 6.25rem 3.75rem;
    font-size: 1.1rem;
    margin-top: 1rem;
  }
  .options {
    margin-top: 3rem;
  }
  .option {
    max-width: 100%;
    margin: 0;
    padding: 1.5rem;
    padding-right: 6.25rem;
    padding-left: 1.5rem;
    font-size: 1.25rem;
  }
  .option::after {
    right: 1.875rem;
    aspect-ratio: 58/67;
    width: 1.5rem;
  }
  .point__title {
    font-size: 1.25rem;
  }
  .point__title span {
    font-size: 1.5rem;
  }
  .point__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: 1.25rem;
    gap: 1.25rem;
  }
  .point__content span {
    border-radius: 30px;
  }
  .question__title {
    font-size: 1.5rem;
  }
  .question__title span {
    padding-bottom: 2rem;
    font-size: 1.125rem;
  }
  .result {
    margin-top: 3.75rem;
  }
  .result__title {
    font-size: 2rem;
  }
  .result__type {
    font-size: 1.5rem;
  }
  .box-wrapper .first {
    margin-top: 5.5rem;
  }
  .box-wrapper .first__header {
    -webkit-column-gap: 0.8125rem;
       -moz-column-gap: 0.8125rem;
            column-gap: 0.8125rem;
  }
  .box-wrapper .first__title {
    font-size: 36px;
  }
  .box-wrapper .first__content {
    margin-top: 3.75rem;
  }
  .box-wrapper .first__text {
    font-size: 13px;
  }
  .fv {
    overflow: hidden;
  }
  .fv__image {
    aspect-ratio: 1334/744;
  }
  .fv__contents {
    top: 45%;
  }
  .fv__logos {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1.0625rem;
  }
  .fv__emily {
    aspect-ratio: 254/53;
    width: clamp(15.875rem, -1.022rem + 19.31vw, 22.875rem);
  }
  .fv__cross {
    width: 1.4375rem;
    height: 1.4375rem;
  }
  .fv__slobe {
    aspect-ratio: 134/53;
    width: clamp(8.375rem, -8.522rem + 19.31vw, 15.375rem);
    margin-left: clamp(1.25rem, -3.578rem + 5.52vw, 3.25rem) !important;
  }
}

@media screen and (min-width: 920px) {
  .card-result {
    width: 57rem;
  }
  .result__image{
    width: 40%;
  }
}


@media (min-width: 1080px) {
  body {
    font-size: 16px;
  }
}

@media (max-width: 375px) {
  body {
    font-size: 4.2666666667vw;
  }
}
.br-sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .br-sp {
    display: block;
  }
}
#embed_v2 #content .guest-card .batches,
.justify-end,
.card .batches{
  display: none!important;
}

.floating-button {
  position: fixed;
  bottom: -150px; /* 初期位置は画面外 */
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  transition: bottom 0.4s ease;
  width: 90%;
}

.floating-button.visible {
  bottom: 20px; /* 表示時の位置 */
}

.floating-button img {
  width: 280px; /* 必要に応じてサイズ調整 */
  max-width: 100%;
  display: block;
}

#image0,
.guest-card .batches,
.timezone-select,
#report_a_violation_container{
  display: none!important;
}
#embed_v2 #content .guest-card #step_1{
  line-height: 0!important;
}

#embed_v2 #content .guest-card #step_1 .welcome-message .rtf{
  margin-bottom: 4px!important;
}
/* 最初は非表示、画面最下部に固定 */

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