@charset "UTF-8";
/* FONT
---------------------------------------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;900&display=swap&family=Square+Peg&display=swap&family=Concert+One&display=swap&family=Noto+Sans&display=swap");
/* FILE
---------------------------------------------------------------------------- */
/* VARIABLE
---------------------------------------------------------------------------- */
/* line 3, app/assets/stylesheets/sompocare_registration_helper/scss/variable.scss */
:root {
  /* Font */
  --main_font_jp: 'Noto Sans JP', sans-serif;
  --main_font: 'Noto Sans', sans-serif;
  /* font size */
  --main_font_size: 15px;
  --small_font_size: 13px;
  --copyright: 14px;
  --about_font_size: 18px;
  --exp_font_size: 21px;
  /* font style */
  --main_line_height: 1.6;
  --main_letter_spacing: 0.08em;
  --letter_spacing: 0.2em;
  /* color */
  --main_black: #1A1311;
  --col_yelow: #F2CD03;
  --col_light_yelow: #FFF8D3;
  --col_whitesmoke: #f5f5f5;
  /* width */
  --max_width: 1080px;
}

/* BASE
---------------------------------------------------------------------------- */
/* line 3, app/assets/stylesheets/sompocare_registration_helper/scss/base_.scss */
body#kaigonogokai {
  box-sizing: border-box;
  color: var(--main_black);
  font-family: var(--main_font);
  font-weight: 600;
  font-size: var(--main_font_size);
  text-rendering: optimizeSpeed;
  letter-spacing: var(--main_letter_spacing);
  line-height: var(--main_line_height);
  background: var(--col_light_yelow);
}

/* line 14, app/assets/stylesheets/sompocare_registration_helper/scss/base_.scss */
body#kaigonogokai .kaigonogokai {
  overflow-x: hidden;
}

/* line 18, app/assets/stylesheets/sompocare_registration_helper/scss/base_.scss */
body#kaigonogokai a {
  text-decoration: none;
}

/* line 21, app/assets/stylesheets/sompocare_registration_helper/scss/base_.scss */
body#kaigonogokai fieldset {
  border: 0;
}

/* line 25, app/assets/stylesheets/sompocare_registration_helper/scss/base_.scss */
body#kaigonogokai ul {
  list-style: none;
}

/* line 29, app/assets/stylesheets/sompocare_registration_helper/scss/base_.scss */
body#kaigonogokai main {
  position: relative;
  /* padding-bottom: clamp(2rem, 10vw, 6rem); */
  background: url(/assets/sompocare_registration_helper/main_bg-4d676ad773d9574d64ea58c8b1020b29dbcd7455beec672dbe0f0afe97a65cc4.png) repeat-y top center;
  z-index: 1;
}

/* line 36, app/assets/stylesheets/sompocare_registration_helper/scss/base_.scss */
body#kaigonogokai main article {
  z-index: 2;
}

/* line 37, app/assets/stylesheets/sompocare_registration_helper/scss/base_.scss */
body#kaigonogokai main article section {
  text-align: center;
  margin-bottom: clamp(2rem, 100vh, 10rem);
}

@media only screen and (max-width: 600px) {
  /* line 47, app/assets/stylesheets/sompocare_registration_helper/scss/base_.scss */
  body#kaigonogokai main {
    background: url(/sompocare_registration_helper/main_bg_sp.svg) repeat-y top center;
    background-size: contain;
  }
  /* line 52, app/assets/stylesheets/sompocare_registration_helper/scss/base_.scss */
  body#kaigonogokai main article section {
    text-align: center;
    margin-bottom: clamp(2rem, 10vw, 6rem);
  }
}

/* GENERAL ELEMENTS
---------------------------------------------------------------------------- */
/* line 3, app/assets/stylesheets/sompocare_registration_helper/scss/general_elements.scss */
#kaigonogokai {
  /* br */
}

/* line 5, app/assets/stylesheets/sompocare_registration_helper/scss/general_elements.scss */
#kaigonogokai .w100per {
  width: 100%;
}

/* line 11, app/assets/stylesheets/sompocare_registration_helper/scss/general_elements.scss */
#kaigonogokai .spbr {
  display: none;
}

/* line 14, app/assets/stylesheets/sompocare_registration_helper/scss/general_elements.scss */
#kaigonogokai .pcbr {
  display: block;
}

@media screen and (max-width: 479px) {
  /* line 3, app/assets/stylesheets/sompocare_registration_helper/scss/general_elements.scss */
  #kaigonogokai {
    /* br */
  }
  /* line 22, app/assets/stylesheets/sompocare_registration_helper/scss/general_elements.scss */
  #kaigonogokai .spbr {
    display: block;
  }
  /* line 25, app/assets/stylesheets/sompocare_registration_helper/scss/general_elements.scss */
  #kaigonogokai .pcbr {
    display: none;
  }
}

/* UPDOWN
---------------------------------------------------------------------------- */
/* line 4, app/assets/stylesheets/sompocare_registration_helper/scss/updown.scss */
#kaigonogokai .updown {
  display: flex;
  align-items: center;
  flex-flow: column;
  gap: 1rem;
  animation-name: updown1;
  animation-delay: 0s;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

/* line 14, app/assets/stylesheets/sompocare_registration_helper/scss/updown.scss */
#kaigonogokai .updown .arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 25px 0 25px;
  border-color: var(--col_yelow) transparent transparent transparent;
}

@keyframes updown1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
}

/* SEARCH FORM
---------------------------------------------------------------------------- */
/* line 3, app/assets/stylesheets/sompocare_registration_helper/scss/search_form_.scss */
#kaigonogokai {
  /* simulation.scss */
}

/* line 5, app/assets/stylesheets/sompocare_registration_helper/scss/search_form_.scss */
#kaigonogokai .search_form_ctr {
  padding: 8rem 0 0;
  max-width: 848px;
  min-height: 350px;
}

@media only screen and (max-width: 375px) {
  /* line 5, app/assets/stylesheets/sompocare_registration_helper/scss/search_form_.scss */
  #kaigonogokai .search_form_ctr {
    padding: 5rem 0 0;
  }
}

/* line 13, app/assets/stylesheets/sompocare_registration_helper/scss/search_form_.scss */
#kaigonogokai .search_form_ctr h4 {
  margin-bottom: 2rem;
}

/* line 15, app/assets/stylesheets/sompocare_registration_helper/scss/search_form_.scss */
#kaigonogokai .search_form_ctr h4 img {
  width: 80%;
}

@media only screen and (max-width: 375px) {
  /* line 20, app/assets/stylesheets/sompocare_registration_helper/scss/search_form_.scss */
  #kaigonogokai .search_form_ctr h4 {
    margin-bottom: 1rem;
  }
  /* line 22, app/assets/stylesheets/sompocare_registration_helper/scss/search_form_.scss */
  #kaigonogokai .search_form_ctr h4 img {
    width: 85%;
  }
}

/* line 28, app/assets/stylesheets/sompocare_registration_helper/scss/search_form_.scss */
#kaigonogokai .search_form_ctr .search_inner, #kaigonogokai .search_form_ctr label {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

@media only screen and (max-width: 768px) {
  /* line 34, app/assets/stylesheets/sompocare_registration_helper/scss/search_form_.scss */
  #kaigonogokai .search_form_ctr .search_inner {
    flex-flow: column;
    padding: 0 0 4rem;
  }
}

@media only screen and (max-width: 375px) {
  /* line 34, app/assets/stylesheets/sompocare_registration_helper/scss/search_form_.scss */
  #kaigonogokai .search_form_ctr .search_inner {
    padding: 0 0 2rem;
  }
}

/* line 43, app/assets/stylesheets/sompocare_registration_helper/scss/search_form_.scss */
#kaigonogokai .search_form_ctr .search_inner input[type=add] {
  letter-spacing: var(--letter_spacing);
  background-repeat: no-repeat;
  background-size: 23px 23px;
  padding: 1rem;
  border-radius: 1rem;
  border: 3px solid var(--main_black);
  font-size: var(--exp_font_size);
  text-align: center;
}

/* line 53, app/assets/stylesheets/sompocare_registration_helper/scss/search_form_.scss */
#kaigonogokai .search_form_ctr .search_inner input[type=add]::placeholder {
  color: var(--main_black);
}

@media only screen and (max-width: 768px) {
  /* line 60, app/assets/stylesheets/sompocare_registration_helper/scss/search_form_.scss */
  #kaigonogokai .search_form_ctr .search_inner label img {
    display: none;
  }
  /* line 64, app/assets/stylesheets/sompocare_registration_helper/scss/search_form_.scss */
  #kaigonogokai .search_form_ctr .search_inner input[type=add] {
    background-image: url(/assets/sompocare_registration_helper/add-94844fb1803369c6e7637e7ab99b84079fcb9cf75ba720822c329c25626de171.svg);
    background-position: 1rem center;
    width: 90%;
  }
}

/* line 71, app/assets/stylesheets/sompocare_registration_helper/scss/search_form_.scss */
#kaigonogokai .search_form_ctr .search_inner .btn_search {
  color: white;
  padding: 1.2rem 2rem;
  letter-spacing: var(--letter_spacing);
  border-radius: 1rem;
  font-size: var(--exp_font_size);
  background: var(--main_black);
}

/* line 82, app/assets/stylesheets/sompocare_registration_helper/scss/search_form_.scss */
#kaigonogokai .add_view {
  font-size: 90%;
  width: fit-content;
  margin: 0 auto;
  display: block;
  padding: 2%;
}

/* PICTURE
---------------------------------------------------------------------------- */
/* line 5, app/assets/stylesheets/sompocare_registration_helper/scss/hamaguriko_picture.scss */
#kaigonogokai picture.hamaguriko_picture_ctr source {
  background: red;
  max-width: 200px;
}

/* line 2, app/assets/stylesheets/sompocare_registration_helper/scss/video.scss */
.remodal-wrapper .remodal {
  padding: 1rem;
  border-radius: 1rem;
}

/* line 6, app/assets/stylesheets/sompocare_registration_helper/scss/video.scss */
.remodal-wrapper iframe,
.remodal-wrapper video {
  width: 100%;
  margin-bottom: 2rem;
  aspect-ratio: 16 / 9;
}

/*アニメーション前*/
/* line 2, app/assets/stylesheets/sompocare_registration_helper/scss/marker.scss */
.marker {
  padding: 0 5px;
  background-image: linear-gradient(var(--col_yelow), var(--col_yelow));
  background-size: 0 50%;
  /*幅をゼロにしておく*/
  background-position: 0 100%;
  background-repeat: no-repeat;
  transition: .8s;
}

/* line 11, app/assets/stylesheets/sompocare_registration_helper/scss/marker.scss */
div.marker {
  display: inline-block;
}

/*アニメーション後*/
/* line 16, app/assets/stylesheets/sompocare_registration_helper/scss/marker.scss */
.marker.active {
  background-size: 100% 50%;
  /*JSからクラスactiveを付与されたときに背景の幅を全体に広げる*/
}

/* line 19, app/assets/stylesheets/sompocare_registration_helper/scss/marker.scss */
div.marker.active {
  background-size: 100% 38%;
  /*JSからクラスactiveを付与されたときに背景の幅を全体に広げる*/
}

/* CSS Document */
/* line 3, app/assets/stylesheets/sompocare_registration_helper/scss/simulation_.scss */
.simulation_ctr,
.search_form_ctr {
  position: relative;
  background-image: url(/assets/sompocare_registration_helper/sim_frame_top-ccf7eb3e6406ae4e134b007f2b0bbdfec29b3cb3307fda2394dc5aa65911124b.jpg), url(/assets/sompocare_registration_helper/sim_frame_btm-1e1255f1f0e1705dcd6e7c20e2a11a7cbda9e2b0867c65904d45aa7bb4db26a1.jpg), url(/assets/sompocare_registration_helper/sim_frame-357537fd5a51577d3d6628b66604e247a9fd701d950d45efc619201c30d6887a.jpg);
  background-repeat: no-repeat , no-repeat , repeat-y;
  background-position: top center,bottom center,center center;
  background-size: contain;
  width: 100vw;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  /* line 3, app/assets/stylesheets/sompocare_registration_helper/scss/simulation_.scss */
  .simulation_ctr,
.search_form_ctr {
    background-image: url(/assets/sompocare_registration_helper/sim_frame_top_sp-491d1b279b29f65e82140580f7f84ef8e581c47c404f5bbd6c447e3d1e1b051a.jpg), url(/assets/sompocare_registration_helper/sim_frame_btm_sp-1d43e1764959ed9f7b35593d21bcaa34779daa0c947ead7c0d5a2d98406fece0.jpg), url(/assets/sompocare_registration_helper/sim_frame_sp-2977ef622555f6c02ea314a143e9f4d4ae11f6985b13818922bcab127fed64d6.jpg);
    background-size: contain;
    width: 90%;
  }
}

/* line 21, app/assets/stylesheets/sompocare_registration_helper/scss/simulation_.scss */
.simulation_ctr {
  max-width: 788px;
  margin: 0 auto -4rem;
}

@media only screen and (max-width: 768px) {
  /* line 21, app/assets/stylesheets/sompocare_registration_helper/scss/simulation_.scss */
  .simulation_ctr {
    margin: 0 auto 2rem;
  }
}

/* line 28, app/assets/stylesheets/sompocare_registration_helper/scss/simulation_.scss */
.simulation_ctr h4 {
  margin: 8rem auto 4rem;
  max-width: 600px;
}

@media only screen and (max-width: 768px) {
  /* line 32, app/assets/stylesheets/sompocare_registration_helper/scss/simulation_.scss */
  .simulation_ctr h4 img {
    width: 70%;
  }
}

@media only screen and (max-width: 375px) {
  /* line 39, app/assets/stylesheets/sompocare_registration_helper/scss/simulation_.scss */
  .simulation_ctr h4 {
    margin: 5rem auto 2rem;
  }
}

/* line 43, app/assets/stylesheets/sompocare_registration_helper/scss/simulation_.scss */
.simulation_ctr .simulation {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column;
  max-width: 730px;
  width: 100%;
  padding: 0 4rem 5rem;
  margin: 0 auto;
  gap: 1.5rem;
}

@media only screen and (max-width: 768px) {
  /* line 56, app/assets/stylesheets/sompocare_registration_helper/scss/simulation_.scss */
  .simulation_ctr .simulation small {
    text-align: left;
  }
}

@media only screen and (max-width: 600px) {
  /* line 43, app/assets/stylesheets/sompocare_registration_helper/scss/simulation_.scss */
  .simulation_ctr .simulation {
    padding: 0 3rem 4rem;
    gap: 1rem;
  }
}

@media only screen and (max-width: 600px) and (max-width: 480px) {
  /* line 43, app/assets/stylesheets/sompocare_registration_helper/scss/simulation_.scss */
  .simulation_ctr .simulation {
    padding: 0 2rem 3rem;
  }
}

@media only screen and (max-width: 600px) {
  /* line 69, app/assets/stylesheets/sompocare_registration_helper/scss/simulation_.scss */
  .simulation_ctr .simulation .flex_center_ctr {
    flex-flow: column;
  }
}

/* line 74, app/assets/stylesheets/sompocare_registration_helper/scss/simulation_.scss */
.simulation_ctr .simulation .select_wrap {
  position: relative;
  width: 100%;
}

/* line 78, app/assets/stylesheets/sompocare_registration_helper/scss/simulation_.scss */
.simulation_ctr .simulation .select_wrap select {
  letter-spacing: var(--letter_spacing);
  cursor: pointer;
  width: 100%;
  padding: .5rem 1rem;
  border-radius: 1rem;
  border: 3px solid var(--main_black);
  font-size: var(--about_font_size);
  text-align: center;
}

@media only screen and (max-width: 375px) {
  /* line 89, app/assets/stylesheets/sompocare_registration_helper/scss/simulation_.scss */
  .simulation_ctr .simulation .select_wrap select {
    font-size: var(--main_font_size);
    letter-spacing: 0 !important;
  }
}

/* line 95, app/assets/stylesheets/sompocare_registration_helper/scss/simulation_.scss */
.simulation_ctr .simulation .select_wrap::after {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  content: "▼";
  pointer-events: none;
}

/* line 107, app/assets/stylesheets/sompocare_registration_helper/scss/simulation_.scss */
.simulation_ctr .simulation .updown .arrow {
  border-width: 22px 22px 0 22px !important;
}

/* line 111, app/assets/stylesheets/sompocare_registration_helper/scss/simulation_.scss */
.simulation_ctr .simulation .btn_salary {
  letter-spacing: var(--letter_spacing);
  font-size: var(--about_font_size);
  background: var(--col_yelow);
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border-radius: 1rem;
}

/* line 119, app/assets/stylesheets/sompocare_registration_helper/scss/simulation_.scss */
.simulation_ctr .simulation .salary {
  font-size: var(--exp_font_size);
  letter-spacing: var(--letter_spacing);
}

/* line 122, app/assets/stylesheets/sompocare_registration_helper/scss/simulation_.scss */
.simulation_ctr .simulation .salary span {
  font-size: 45px;
  font-weight: 900;
  padding: 0 .5rem;
}

@media only screen and (max-width: 375px) {
  /* line 130, app/assets/stylesheets/sompocare_registration_helper/scss/simulation_.scss */
  .simulation_ctr .simulation .salary {
    font-size: var(--about_font_size);
  }
  /* line 132, app/assets/stylesheets/sompocare_registration_helper/scss/simulation_.scss */
  .simulation_ctr .simulation .salary span {
    font-size: 30px;
  }
}

/* line 140, app/assets/stylesheets/sompocare_registration_helper/scss/simulation_.scss */
.hamaguriko2 {
  z-index: 100;
}

@media only screen and (max-width: 768px) {
  /* line 143, app/assets/stylesheets/sompocare_registration_helper/scss/simulation_.scss */
  .hamaguriko2 img {
    width: 80%;
  }
}

/* FOLLOW LOGO
---------------------------------------------------------------------------- */
/* line 3, app/assets/stylesheets/sompocare_registration_helper/scss/follow.scss */
#kaigonogokai {
  /* FOLLOW　SEARCH
---------------------------------------------------------------------------- */
}

/* line 4, app/assets/stylesheets/sompocare_registration_helper/scss/follow.scss */
#kaigonogokai #follow_logo {
  top: 1rem;
  left: 1rem;
}

/* line 11, app/assets/stylesheets/sompocare_registration_helper/scss/follow.scss */
#kaigonogokai #follow_search {
  bottom: 1rem;
  right: 1rem;
}

/* line 16, app/assets/stylesheets/sompocare_registration_helper/scss/follow.scss */
#kaigonogokai #follow_logo,
#kaigonogokai #follow_search {
  position: fixed;
  z-index: 10000;
}

@media only screen and (max-width: 600px) {
  /* line 24, app/assets/stylesheets/sompocare_registration_helper/scss/follow.scss */
  #kaigonogokai #follow_logo img {
    width: 60%;
  }
  /* line 29, app/assets/stylesheets/sompocare_registration_helper/scss/follow.scss */
  #kaigonogokai #follow_search {
    width: 30%;
  }
  /* line 31, app/assets/stylesheets/sompocare_registration_helper/scss/follow.scss */
  #kaigonogokai #follow_search img {
    width: 100%;
  }
}

/* HEADING
---------------------------------------------------------------------------- */
/* line 5, app/assets/stylesheets/sompocare_registration_helper/scss/heading.scss */
#kaigonogokai h2 {
  padding: 0 1rem;
}

/* line 7, app/assets/stylesheets/sompocare_registration_helper/scss/heading.scss */
#kaigonogokai h2 img {
  width: 100%;
}

/* line 14, app/assets/stylesheets/sompocare_registration_helper/scss/heading.scss */
.aos-animate[data-aos^=zoom][data-aos^=zoom] {
  opacity: 1;
  transform: translateZ(0) scale(1);
}

/* ABOUT
---------------------------------------------------------------------------- */
/* line 3, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
#kaigonogokai {
  /* acout */
  /* gokai concierge */
}

/* line 7, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
#kaigonogokai #about {
  position: relative;
  /* guckground photo */
}

/* line 10, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
#kaigonogokai #about h2 {
  padding: 3rem 1rem;
}

/* line 12, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
#kaigonogokai #about h2 img {
  max-width: 760px;
  width: 90%;
}

@media only screen and (max-width: 375px) {
  /* line 18, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
  #kaigonogokai #about h2 {
    padding: 1rem 1rem 2rem;
  }
  /* line 20, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
  #kaigonogokai #about h2 img {
    width: 98%;
  }
}

/* line 26, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
#kaigonogokai #about .about_ctr {
  margin-bottom: 4rem;
}

/* line 28, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
#kaigonogokai #about .about_ctr p {
  font-size: var(--about_font_size);
  line-height: 3;
  letter-spacing: 1 !important;
}

@media only screen and (max-width: 600px) {
  /* line 28, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
  #kaigonogokai #about .about_ctr p {
    font-size: clamp(1rem, 2.5vw, var(--about_font_size));
  }
}

@media only screen and (max-width: 375px) {
  /* line 40, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
  #kaigonogokai #about .about_ctr {
    margin-bottom: 2rem;
  }
  /* line 42, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
  #kaigonogokai #about .about_ctr p {
    font-size: 94%;
    line-height: 2.5;
  }
}

/* line 53, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
#kaigonogokai #about .about_bgimg1, #kaigonogokai #about .about_bgimg2, #kaigonogokai #about .about_bgimg3, #kaigonogokai #about .about_bgimg4 {
  position: absolute;
  z-index: -1;
}

/* line 56, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
#kaigonogokai #about .about_bgimg1 img, #kaigonogokai #about .about_bgimg2 img, #kaigonogokai #about .about_bgimg3 img, #kaigonogokai #about .about_bgimg4 img {
  width: 100%;
}

/* line 61, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
#kaigonogokai #about .about_bgimg1 {
  top: -2rem;
  left: 2rem;
}

/* line 65, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
#kaigonogokai #about .about_bgimg2 {
  top: 37%;
  right: 2rem;
}

/* line 69, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
#kaigonogokai #about .about_bgimg3 {
  bottom: 17%;
  left: 5rem;
}

/* line 73, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
#kaigonogokai #about .about_bgimg4 {
  display: none;
}

@media only screen and (max-width: 1024px) {
  /* line 79, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
  #kaigonogokai #about {
    /* guckground photo */
  }
  /* line 83, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
  #kaigonogokai #about .about_bgimg1 {
    width: 24%;
    left: 0rem;
  }
  /* line 87, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
  #kaigonogokai #about .about_bgimg2 {
    right: 0rem;
    width: 22%;
  }
  /* line 91, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
  #kaigonogokai #about .about_bgimg3 {
    width: 24%;
    left: 1rem;
  }
}

@media only screen and (max-width: 768px) {
  /* line 99, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
  #kaigonogokai #about {
    padding: 10rem 0 0;
    /* guckground photo */
  }
  /* line 102, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
  #kaigonogokai #about .about_ctr {
    margin-bottom: 14rem;
  }
  /* line 108, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
  #kaigonogokai #about .about_bgimg1 {
    top: 0 !important;
    left: 1rem !important;
    width: 35% !important;
  }
  /* line 113, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
  #kaigonogokai #about .about_bgimg2 {
    top: 70%;
    right: auto;
    left: 1rem;
    width: 32% !important;
  }
  /* line 119, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
  #kaigonogokai #about .about_bgimg3 {
    top: 4rem !important;
    right: 1rem !important;
    left: auto;
    width: 30% !important;
  }
  /* line 125, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
  #kaigonogokai #about .about_bgimg4 {
    display: block;
    bottom: 22rem !important;
    right: 1rem;
    width: 25% !important;
  }
}

@media only screen and (max-width: 375px) {
  /* line 136, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
  #kaigonogokai #about {
    /* guckground photo */
  }
  /* line 138, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
  #kaigonogokai #about .about_ctr {
    margin-bottom: 10rem;
  }
  /* line 144, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
  #kaigonogokai #about .about_bgimg2 {
    top: 63%;
  }
  /* line 147, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
  #kaigonogokai #about .about_bgimg4 {
    bottom: 20rem !important;
  }
}

/* line 156, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
#kaigonogokai .gokai_concierge_ctr {
  position: relative;
  display: flex;
  align-items: center;
  flex-flow: column;
  z-index: -1;
}

@media only screen and (max-width: 375px) {
  /* line 168, app/assets/stylesheets/sompocare_registration_helper/scss/about.scss */
  #kaigonogokai .gokai_concierge_ctr .gokai_concierge_inner {
    font-size: var(--small_font_size);
    line-height: 1.6 !important;
  }
}

/* INTERVIEW
---------------------------------------------------------------------------- */
/* line 3, app/assets/stylesheets/sompocare_registration_helper/scss/interview.scss */
#kaigonogokai {
  /* acout */
}

/* line 7, app/assets/stylesheets/sompocare_registration_helper/scss/interview.scss */
#kaigonogokai #interview {
  position: relative;
}

/* line 10, app/assets/stylesheets/sompocare_registration_helper/scss/interview.scss */
#kaigonogokai #interview h2 {
  padding: 0 1rem;
  margin-bottom: clamp(1rem, 10vw, 3rem);
  width: 100vw;
}

/* line 14, app/assets/stylesheets/sompocare_registration_helper/scss/interview.scss */
#kaigonogokai #interview h2 img {
  width: 80%;
  max-width: 500px;
}

/* line 20, app/assets/stylesheets/sompocare_registration_helper/scss/interview.scss */
#kaigonogokai #interview .interview_ctr {
  margin-bottom: 4rem;
}

/* line 22, app/assets/stylesheets/sompocare_registration_helper/scss/interview.scss */
#kaigonogokai #interview .interview_ctr p {
  font-size: clamp(1.2rem, 2.5vw, var(--exp_font_size));
  line-height: 2;
  letter-spacing: 1 !important;
}

@media only screen and (max-width: 375px) {
  /* line 29, app/assets/stylesheets/sompocare_registration_helper/scss/interview.scss */
  #kaigonogokai #interview .interview_ctr p {
    font-size: var(--main_font_size);
  }
}

/* line 35, app/assets/stylesheets/sompocare_registration_helper/scss/interview.scss */
#kaigonogokai #interview .interview_ctr .movie_ctr {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: clamp(1rem, 10vw, 6rem);
}

/* line 42, app/assets/stylesheets/sompocare_registration_helper/scss/interview.scss */
#kaigonogokai #interview .interview_ctr .movie_ctr .movie_inner {
  display: flex;
  align-items: center;
  flex-flow: column;
  /* video */
}

/* line 48, app/assets/stylesheets/sompocare_registration_helper/scss/interview.scss */
#kaigonogokai #interview .interview_ctr .movie_ctr .movie_inner video {
  z-index: 100;
}

/* line 53, app/assets/stylesheets/sompocare_registration_helper/scss/interview.scss */
#kaigonogokai #interview .interview_ctr .movie_ctr .movie_inner img:nth-child(1) {
  width: 98%;
  max-width: 361px;
  margin-bottom: 1rem;
}

/* line 58, app/assets/stylesheets/sompocare_registration_helper/scss/interview.scss */
#kaigonogokai #interview .interview_ctr .movie_ctr .movie_inner img:nth-child(2) {
  max-width: 250px;
  width: 80%;
}

@media only screen and (max-width: 768px) {
  /* line 67, app/assets/stylesheets/sompocare_registration_helper/scss/interview.scss */
  #kaigonogokai #interview .movie_ctr {
    flex-flow: column;
    gap: 3rem;
  }
}

/* GOKAI
---------------------------------------------------------------------------- */
/* line 4, app/assets/stylesheets/sompocare_registration_helper/scss/gokai_.scss */
#kaigonogokai .gokai_ctr {
  padding-top: 10rem;
  padding-bottom: 10rem;
  background: url(/assets/sompocare_registration_helper/line-990a5411ede091d4f3fe77d9aadf1cba383a680d578460c712bcc722b8f70002.svg) repeat-x top;
}

@media only screen and (max-width: 600px) {
  /* line 4, app/assets/stylesheets/sompocare_registration_helper/scss/gokai_.scss */
  #kaigonogokai .gokai_ctr {
    padding-top: 8rem;
    padding-bottom: 4rem;
  }
}

/* line 12, app/assets/stylesheets/sompocare_registration_helper/scss/gokai_.scss */
#kaigonogokai .gokai_ctr:last-child {
  padding-bottom: 0;
}

/* line 16, app/assets/stylesheets/sompocare_registration_helper/scss/gokai_.scss */
#kaigonogokai .gokai_ctr h3 {
  margin-bottom: clamp(2rem, 100vh, 6rem);
  padding: 0 1rem;
}

/* line 20, app/assets/stylesheets/sompocare_registration_helper/scss/gokai_.scss */
#kaigonogokai .gokai_ctr h3 img {
  max-width: 1000px;
  width: 100%;
}

@media only screen and (max-width: 600px) {
  /* line 20, app/assets/stylesheets/sompocare_registration_helper/scss/gokai_.scss */
  #kaigonogokai .gokai_ctr h3 img {
    width: 84%;
  }
}

@media only screen and (max-width: 600px) {
  /* line 16, app/assets/stylesheets/sompocare_registration_helper/scss/gokai_.scss */
  #kaigonogokai .gokai_ctr h3 {
    flex-flow: column;
  }
}

/* line 32, app/assets/stylesheets/sompocare_registration_helper/scss/gokai_.scss */
#kaigonogokai .gokai_ctr .answer_inner {
  display: flex;
  align-items: center;
  flex-flow: column;
  margin-bottom: clamp(2rem, 100vh, 4rem);
}

/* line 38, app/assets/stylesheets/sompocare_registration_helper/scss/gokai_.scss */
#kaigonogokai .gokai_ctr .answer_inner:last-child {
  margin-bottom: 0;
}

/* line 42, app/assets/stylesheets/sompocare_registration_helper/scss/gokai_.scss */
#kaigonogokai .gokai_ctr .answer_inner .gokai_exp_ctr {
  position: relative;
  display: flex;
  align-items: center;
  flex-flow: column;
  z-index: -1;
  margin-bottom: clamp(2rem, 100vh, 4rem);
}

@media only screen and (max-width: 600px) {
  /* line 51, app/assets/stylesheets/sompocare_registration_helper/scss/gokai_.scss */
  #kaigonogokai .gokai_ctr .answer_inner .gokai_exp_ctr img {
    width: 98%;
  }
}

/* line 56, app/assets/stylesheets/sompocare_registration_helper/scss/gokai_.scss */
#kaigonogokai .gokai_ctr .answer_inner .gokai_exp_ctr:last-child {
  margin-bottom: 0;
}

/* line 62, app/assets/stylesheets/sompocare_registration_helper/scss/gokai_.scss */
#kaigonogokai .gokai_ctr .answer_inner .schedule img {
  max-width: 1136px;
  width: 100%;
}

/* line 68, app/assets/stylesheets/sompocare_registration_helper/scss/gokai_.scss */
#kaigonogokai .gokai_ctr .answer_inner .schedule2 img {
  max-width: 1245px;
  width: 90%;
}

/* line 75, app/assets/stylesheets/sompocare_registration_helper/scss/gokai_.scss */
#kaigonogokai .gokai_ctr .answer_inner .graph {
  position: relative;
  padding: 0 1rem;
}

/* line 79, app/assets/stylesheets/sompocare_registration_helper/scss/gokai_.scss */
#kaigonogokai .gokai_ctr .answer_inner .graph img {
  width: 100%;
}

/* line 83, app/assets/stylesheets/sompocare_registration_helper/scss/gokai_.scss */
#kaigonogokai .gokai_ctr .answer_inner .graph .hamaguriko {
  position: absolute;
  bottom: -4rem;
  right: -9rem;
  max-width: 200px;
  display: block;
  text-align: center;
  -webkit-animation: vertical 3s ease-in-out infinite alternate;
  -webkit-animation-duration: 4.3s;
}

@-webkit-keyframes horizontal1 {
  0% {
    -webkit-transform: translateX(-12px);
  }
  100% {
    -webkit-transform: translateX(0px);
  }
}

@-webkit-keyframes horizontal2 {
  0% {
    -webkit-transform: translateX(12px);
  }
  100% {
    -webkit-transform: translateX(0px);
  }
}

@-webkit-keyframes vertical {
  0% {
    -webkit-transform: translateY(-40px);
  }
  100% {
    -webkit-transform: translateY(0px);
  }
}

@media only screen and (max-width: 768px) {
  /* line 83, app/assets/stylesheets/sompocare_registration_helper/scss/gokai_.scss */
  #kaigonogokai .gokai_ctr .answer_inner .graph .hamaguriko {
    position: static;
    margin: 4rem auto 2rem;
  }
}

/* BUTTON
---------------------------------------------------------------------------- */
/* line 4, app/assets/stylesheets/sompocare_registration_helper/scss/button.scss */
#sompo .main_btn {
  color: var(--main_black);
  background: var(--col_yelow);
  border: 1px solid var(--col_yelow);
  padding: 1rem 2rem;
  border-radius: 7px;
  transition: .3s;
}

/* line 12, app/assets/stylesheets/sompocare_registration_helper/scss/button.scss */
#sompo .main_btn.arrow:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f101";
  margin-left: var(--half_margin);
}

/* line 20, app/assets/stylesheets/sompocare_registration_helper/scss/button.scss */
#sompo .main_btn:hover {
  color: orange;
  border: 1px solid var(--col_yelow);
  background: var(--col_light_yelow);
}

/* line 26, app/assets/stylesheets/sompocare_registration_helper/scss/button.scss */
#sompo .main_btn:focus {
  box-shadow: 0px 0px 0px 5px rgba(20, 87, 244, 0.37), 0px 0px 0px 10px rgba(20, 87, 244, 0.38);
  outline: none;
}

/* TABLE
---------------------------------------------------------------------------- */
/* line 5, app/assets/stylesheets/sompocare_registration_helper/scss/table.scss */
#kaigonogokai .display_tbl_ctr {
  display: table;
}

/* line 8, app/assets/stylesheets/sompocare_registration_helper/scss/table.scss */
#kaigonogokai .display_tbl_ctr .display_tbl_cell {
  display: table-cell;
  vertical-align: middle;
}

/* FLEX
---------------------------------------------------------------------------- */
/* line 4, app/assets/stylesheets/sompocare_registration_helper/scss/flex.scss */
#kaigonogokai .flex_column {
  display: flex;
  flex-flow: column;
  gap: 1rem;
}

/* line 11, app/assets/stylesheets/sompocare_registration_helper/scss/flex.scss */
#kaigonogokai .flex_center_ctr {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

/* VARIABLE
---------------------------------------------------------------------------- */
/* line 4, app/assets/stylesheets/sompocare_registration_helper/scss/hero_.scss */
#kaigonogokai .hero_visual_ctr {
  position: relative;
  text-align: center;
  background: url(/assets/sompocare_registration_helper/hero_bg-91d044333f3c27051f32b9871394eb34fa2d1fd670f2942baaf75263ef974502.svg) no-repeat center center;
  margin-bottom: clamp(1rem, 10vw, 6rem);
}

/* line 10, app/assets/stylesheets/sompocare_registration_helper/scss/hero_.scss */
#kaigonogokai .hero_visual_ctr .hero img {
  max-width: 500px;
  width: 100%;
  margin-top: 3.6rem;
}

/* line 16, app/assets/stylesheets/sompocare_registration_helper/scss/hero_.scss */
#kaigonogokai .hero_visual_ctr .header_logo {
  position: absolute;
  top: 5px;
  left: 15px;
  width: 50%;
  text-align: left;
  padding: 2%;
}

/* line 24, app/assets/stylesheets/sompocare_registration_helper/scss/hero_.scss */
#kaigonogokai .hero_visual_ctr .header_logo img {
  width: 100%;
  max-width: 210px;
}

/* line 30, app/assets/stylesheets/sompocare_registration_helper/scss/hero_.scss */
#kaigonogokai .hero_visual_ctr .hero_search {
  position: absolute;
  right: 1rem;
  bottom: -2.5rem;
}

@media only screen and (max-width: 480px) {
  /* line 37, app/assets/stylesheets/sompocare_registration_helper/scss/hero_.scss */
  #kaigonogokai .hero_visual_ctr {
    margin-bottom: 0;
    /*background: url(/sompocare_registration_helper/hero_visual_sp.svg) no-repeat top center;
            background-size: contain;
            min-height:700px;
            margin-bottom: 0; 
            .hero img {
                display: none;
            }
            */
  }
  /* line 47, app/assets/stylesheets/sompocare_registration_helper/scss/hero_.scss */
  #kaigonogokai .hero_visual_ctr .hero_search {
    display: none;
  }
}

@media only screen and (max-width: 375px) {
  /* line 3, app/assets/stylesheets/sompocare_registration_helper/scss/hero_.scss */
  #kaigonogokai {
    /* .hero_visual_ctr {
            background-size: contain;
            min-height:640px;
        }*/
  }
}

/* FORM
---------------------------------------------------------------------------- */
/* FOOTER
---------------------------------------------------------------------------- */
/* line 4, app/assets/stylesheets/sompocare_registration_helper/scss/footer.scss */
#kaigonogokai footer {
  position: relative;
  padding: 4rem 0;
  background: var(--col_yelow);
  z-index: 100;
  display: flex;
  align-items: center;
  flex-flow: column;
  text-align: center;
}

/* line 15, app/assets/stylesheets/sompocare_registration_helper/scss/footer.scss */
#kaigonogokai footer picture img {
  width: 90%;
  margin-bottom: 2rem;
  max-width: 1000px;
}

/* line 22, app/assets/stylesheets/sompocare_registration_helper/scss/footer.scss */
#kaigonogokai footer .copy {
  margin-top: 2rem;
  font-size: var(--copyright);
}

@media only screen and (max-width: 600px) {
  /* line 22, app/assets/stylesheets/sompocare_registration_helper/scss/footer.scss */
  #kaigonogokai footer .copy {
    width: 70%;
  }
}

/* line 30, app/assets/stylesheets/sompocare_registration_helper/scss/footer.scss */
#kaigonogokai footer .footer-logo {
  max-width: 350px;
  width: 60%;
}

/* line 35, app/assets/stylesheets/sompocare_registration_helper/scss/footer.scss */
#kaigonogokai footer .pagetop {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
}

@media only screen and (max-width: 600px) {
  /* line 35, app/assets/stylesheets/sompocare_registration_helper/scss/footer.scss */
  #kaigonogokai footer .pagetop {
    bottom: 6rem;
  }
  /* line 41, app/assets/stylesheets/sompocare_registration_helper/scss/footer.scss */
  #kaigonogokai footer .pagetop img {
    width: 70%;
  }
}
/*


 */

/*# sourceMappingURL=sompocare_registration_helper.css-e898d5be0cd3003bd8a3b4e24e9df5a05456f10630cfb1897b86dde1397abae7.map */