@charset "UTF-8";
/* 変数の定義
--------------------------------------------------*/
/* 色の定義
--------------------------------------------------*/
/* テキストパーツ
--------------------------------------------------*/
.white {
  color: #fff;
}

.black {
  color: #000;
}

.yellow {
  color: #FEF7B6;
}

.orange {
  color: #F15A22;
}

.blue {
  color: #3AB5B2;
}

.green {
  color: #4FB477;
}

.bg-yellow {
  color: #FFF0D5;
}

.bg-orange {
  color: #FFF6EA;
}

.bg-blue {
  color: #F5FAFF;
}

/* フォントの定義
--------------------------------------------------*/
html, body, ul, ol, dl, li, dt, dd, p, div, span, img, svg, a, table, tr, th, td, figure {
  font-family: "Zen Kaku Gothic New", serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.08em;
  color: #000;
}

h1, h2, h3, h4 {
  font-family: "Zen Kaku Gothic New", serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #000;
}

body {
  font-family: "Zen Kaku Gothic New", serif;
  font-style: normal;
  font-weight: 500;
}

html {
  font-size: 62.5%;
}

p {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #000;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 769px) {
  p {
    font-size: 1.8rem;
  }
}

.zen-kaku-gothic-new-light {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 300;
  font-style: normal;
}

.zen-kaku-gothic-new-regular {
  font-weight: 400;
  font-style: normal;
}

.zen-kaku-gothic-new-medium {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 500;
  font-style: normal;
}

.zen-kaku-gothic-new-bold {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
}

.zen-kaku-gothic-new-black {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 900;
  font-style: normal;
}

/*-----------------------------------------

※このスタイルシートはSCSSで生成されています。
cssへの直記入はなさらないようにしてください。

-----------------------------------------*/
/* sec_KV
--------------------------------------------------*/
#kv__wrapper {
  position: relative;
  margin-top: 80px;
  background-image: url(../img/top/sp_kv_img_bg.webp);
  background-position: center right;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  #kv__wrapper {
    background-image: url(../img/top/kv_img_bg.webp);
    background-position: center right 20%;
  }
}
#kv__wrapper .kv_content {
  max-width: 1100px;
  width: calc(100% - 10.256vw);
  margin: 0 auto;
  padding-bottom: 53px;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .kv_content {
    padding-bottom: 40px;
    width: 90%;
  }
}
#kv__wrapper .kv_content .btn {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 230px;
  width: 100%;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .kv_content .btn {
    margin-top: 33px;
    width: clamp(500px, 44.142vw, 618px);
  }
}
#kv__wrapper .kv_content .sub_catch {
  position: relative;
  z-index: 10;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: white;
  border-radius: 3px;
  padding: 5px 10px;
  padding-left: 26px;
  color: #F15A22;
  font-size: 1.4rem;
  font-weight: 700;
  font-family: "Zen Maru Gothic", sans-serif;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .kv_content .sub_catch {
    padding: 3px 24px;
    padding-left: 46px;
    font-size: clamp(1.8rem, 1.428vw, 2rem);
  }
}
#kv__wrapper .kv_content .sub_catch::before {
  content: "";
  width: 11px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translate(0, -50%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='17.818' viewBox='0 0 14 17.818'%3E%3Cpath id='パス_34173' data-name='パス 34173' d='M47,16a7.008,7.008,0,0,0-7,7c0,5.99,6.364,10.514,6.635,10.7a.636.636,0,0,0,.73,0C47.636,33.514,54,28.99,54,23A7.008,7.008,0,0,0,47,16Zm0,4.455A2.545,2.545,0,1,1,44.455,23,2.545,2.545,0,0,1,47,20.455Z' transform='translate(-40 -16)' fill='%23f05a22'/%3E%3C/svg%3E%0A");
}
@media screen and (min-width: 769px) {
  #kv__wrapper .kv_content .sub_catch::before {
    width: 14px;
    height: 17.82px;
    left: 24px;
  }
}
#kv__wrapper .kv_content .window_link {
  margin-top: -10px;
  max-width: 100%;
  height: 75px;
  font-size: 2.4rem;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.14);
}
@media screen and (min-width: 769px) {
  #kv__wrapper .kv_content .window_link {
    font-size: clamp(3rem, 2.428vw, 3.4rem);
    height: clamp(80px, 7.142vw, 100px);
  }
}
#kv__wrapper .kv_content .window_link::after {
  width: 20px;
  height: 20px;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .kv_content .window_link::after {
    width: clamp(24px, 2.071vw, 29px);
    height: clamp(24px, 2.071vw, 29px);
  }
}
#kv__wrapper .kv_tag_list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  padding-top: 80px;
  padding-bottom: 20px;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .kv_tag_list {
    gap: 10px;
    padding-top: 50px;
  }
}
#kv__wrapper .kv_tag {
  position: relative;
  background-color: white;
  border-radius: 50px;
  padding: 5px 2.846vw;
  padding-left: 8.461vw;
  font-size: clamp(1.2rem, 3.589vw, 1.4rem);
  color: #3AB5B2;
  font-weight: 900;
  font-family: "Zen Maru Gothic", sans-serif;
}
@media (min-width: 400px) {
  #kv__wrapper .kv_tag {
    padding: 5px 15px;
    padding-left: 33px;
  }
}
@media screen and (min-width: 769px) {
  #kv__wrapper .kv_tag {
    padding: clamp(5px, 0.5vw, 7px) clamp(16px, 1.428vw, 20px);
    padding-left: clamp(42px, 3.357vw, 47px);
    font-size: clamp(1.8rem, 1.714vw, 2.4rem);
  }
}
#kv__wrapper .kv_tag::before {
  content: "";
  width: 3.589vw;
  height: 3.589vw;
  position: absolute;
  top: 50%;
  left: 2.846vw;
  transform: translate(0, -50%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20d%3D%22M35%2C24A11%2C11%2C0%2C1%2C0%2C46%2C35%2C11%2C11%2C0%2C0%2C0%2C35%2C24Zm4.829%2C9.06-5.923%2C5.923a.846.846%2C0%2C0%2C1-1.2%2C0l-2.538-2.538a.847.847%2C0%2C1%2C1%2C1.2-1.2l1.94%2C1.941%2C5.324-5.325a.847.847%2C0%2C1%2C1%2C1.2%2C1.2Z%22%20transform%3D%22translate(-24%20-24)%22%20fill%3D%22%233bb5b2%22/%3E%3C/svg%3E");
}
@media (min-width: 400px) {
  #kv__wrapper .kv_tag::before {
    width: 14px;
    height: 14px;
    left: 15px;
  }
}
@media screen and (min-width: 769px) {
  #kv__wrapper .kv_tag::before {
    width: clamp(18px, 1.571vw, 22px);
    height: clamp(18px, 1.571vw, 22px);
    left: clamp(16px, 1.428vw, 20px);
  }
}
#kv__wrapper .tag_min_txt {
  font-size: 1.12rem;
  color: #3AB5B2;
  font-weight: 900;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .tag_min_txt {
    font-size: 1.6rem;
  }
}
#kv__wrapper .main_catch {
  width: 100%;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .main_catch {
    width: clamp(490px, 64vw, 896px);
  }
}

/* sec_intro
--------------------------------------------------*/
#intro__wrapper {
  position: relative;
  padding: 80px 0;
  background-color: white;
}
@media screen and (min-width: 769px) {
  #intro__wrapper {
    padding: 100px 0;
  }
}
#intro__wrapper::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
  background-image: radial-gradient(circle, #f7f3f3 2.5px, transparent 2.5px), radial-gradient(circle, #f7f3f3 2.5px, transparent 2.5px);
  background-position: 0 0, 10px 20px;
  background-size: 20px 40px;
}
#intro__wrapper .intro_txt {
  text-align: left;
  font-size: 1.8rem;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  #intro__wrapper .intro_txt {
    text-align: center;
    font-size: 2rem;
  }
}
#intro__wrapper .intro_txt .xl-view {
  display: none;
}
@media screen and (min-width: 769px) {
  #intro__wrapper .intro_txt .xl-view {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  #intro__wrapper .intro_txt .xl-view {
    display: none;
  }
}
#intro__wrapper .yello_line {
  font-size: 2rem;
  font-weight: 700;
  background: linear-gradient(transparent 60%, #FEF7B6 60%);
}

/* sec_target
--------------------------------------------------*/
#target__wrapper {
  position: relative;
  z-index: 10;
  padding: 80px 0 100px;
  text-align: center;
}
#target__wrapper .gray_line_txt {
  position: relative;
  z-index: 10;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  background-color: #F4F4F4;
  font-size: 1.4rem;
  padding: 0 5px;
  margin-top: 5px;
}
@media screen and (min-width: 769px) {
  #target__wrapper .gray_line_txt {
    font-size: 1.8rem;
  }
}
#target__wrapper .target_ttl {
  position: relative;
  z-index: 10;
  margin-top: 10px;
  font-size: 2.5rem;
}
#target__wrapper .target_list {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 20px;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
#target__wrapper .target {
  position: relative;
  z-index: 10;
  background-color: white;
  padding: 0 5px;
  border-radius: 10px;
  width: calc(50% - 5px);
  height: 125px;
  font-size: clamp(1.3rem, 1.142vw, 1.6rem);
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  #target__wrapper .target {
    padding: 0 0.642vw;
    width: calc((100% - 20px) / 3);
    height: 142px;
  }
}
@media screen and (min-width: 1000px) {
  #target__wrapper .target {
    width: calc((100% - 40px) / 5);
  }
}
#target__wrapper .target:last-child {
  width: 100%;
}
@media screen and (min-width: 769px) {
  #target__wrapper .target:last-child {
    width: calc((100% - 20px) / 3);
  }
}
@media screen and (min-width: 1000px) {
  #target__wrapper .target:last-child {
    width: calc((100% - 40px) / 5);
  }
}
#target__wrapper .target::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 22.75px;
  height: 22.75px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.75' height='22.75' viewBox='0 0 22.75 22.75'%3E%3Cpath id='%E3%83%91%E3%82%B9_34178' data-name='%E3%83%91%E3%82%B9 34178' d='M-.609-5.484a1.493,1.493,0,0,1-1.016.406,1.493,1.493,0,0,1-1.016-.406l-3.25-3.25A1.493,1.493,0,0,1-6.3-9.75a1.493,1.493,0,0,1,.406-1.016,1.493,1.493,0,0,1,1.016-.406,1.493,1.493,0,0,1,1.016.406l2.234,2.234,5.484-5.484a1.493,1.493,0,0,1,1.016-.406,1.493,1.493,0,0,1,1.016.406A1.493,1.493,0,0,1,6.3-13a1.493,1.493,0,0,1-.406,1.016ZM-11.375-17.875a3.282,3.282,0,0,1,.965-2.285,3.282,3.282,0,0,1,2.285-.965H8.125a3.282,3.282,0,0,1,2.285.965,3.282,3.282,0,0,1,.965,2.285v16.25A3.282,3.282,0,0,1,10.41.66a3.282,3.282,0,0,1-2.285.965H-8.125A3.282,3.282,0,0,1-10.41.66a3.282,3.282,0,0,1-.965-2.285Zm2.438,0v16.25a.782.782,0,0,0,.813.813H8.125a.782.782,0,0,0,.813-.812v-16.25a.782.782,0,0,0-.812-.812H-8.125A.782.782,0,0,0-8.937-17.875Z' transform='translate(11.375 21.125)' fill='%233bb5b2'/%3E%3C/svg%3E%0A");
}
#target__wrapper .target__wrapper__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFF3E8;
  -webkit-mask-image: url(../img/top/sp_target_bg.webp);
          mask-image: url(../img/top/sp_target_bg.webp);
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: bottom;
          mask-position: bottom;
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  #target__wrapper .target__wrapper__bg {
    -webkit-mask-image: url(../img/top/target_bg.webp);
            mask-image: url(../img/top/target_bg.webp);
  }
}
#target__wrapper .target__wrapper__bg::before, #target__wrapper .target__wrapper__bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 51.282vw;
  max-height: 200px;
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='390' height='162' viewBox='0 0 390 162'%3E%3Cpath id='back_cut_right' d='M332.4,0h-162l137,390h25Z' transform='translate(0 332.396) rotate(-90)' fill='%23ffead6'/%3E%3C/svg%3E%0A");
}
@media screen and (min-width: 769px) {
  #target__wrapper .target__wrapper__bg::before, #target__wrapper .target__wrapper__bg::after {
    width: 23.742vw;
    height: 100%;
    max-width: 332.4px;
    max-height: 100%;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='332.397' height='474' viewBox='0 0 332.397 474'%3E%3Cpath id='back_cut_right' d='M0,0H332.4L100,474H0Z' fill='%23ffead6'/%3E%3C/svg%3E%0A");
  }
}
@media screen and (min-width: 769px) {
  #target__wrapper .target__wrapper__bg::after {
    left: auto;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='330.67' height='474.538' viewBox='0 0 330.67 474.538'%3E%3Cpath id='back_cut_left' d='M331.576,474l-330.67.538L232.239,0h99.336Z' transform='translate(-0.906)' fill='%23ffead6'/%3E%3C/svg%3E%0A");
  }
}

/* sec_can
--------------------------------------------------*/
#can__wrapper {
  position: relative;
  z-index: 5;
  background-color: #F0FFFA;
  margin-top: -70px;
  padding: 100px 0 60px;
  text-align: center;
}
@media screen and (min-width: 769px) {
  #can__wrapper {
    margin-top: -95px;
    padding: 120px 0 80px;
  }
}
@media screen and (min-width: 1000px) {
  #can__wrapper {
    margin-top: -70px;
  }
}
#can__wrapper::before, #can__wrapper::after {
  content: "";
  position: absolute;
  width: 21.571vw;
  height: 28.59vw;
  top: 5.942vw;
  left: -4.428vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(../img/top/cando_left_deco.webp);
}
#can__wrapper::after {
  width: 15.417vw;
  height: 28vw;
  top: 6.071vw;
  left: auto;
  right: 0;
  background-image: url(../img/top/cando_right_deco.webp);
}
#can__wrapper .kai-comp-bubble {
  background-color: white;
  position: relative;
  margin: 20px auto 20px;
  padding: 11px;
  max-width: 576px;
  width: 100%;
  border-radius: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #3AB5B2;
}
@media (max-width: 400px) {
  #can__wrapper .kai-comp-bubble {
    font-size: 14px;
  }
}
@media screen and (min-width: 769px) {
  #can__wrapper .kai-comp-bubble {
    padding: 13px;
    min-width: 450px;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    font-size: 20px;
  }
}
#can__wrapper .kai-comp-bubble::after {
  position: absolute;
  bottom: -12px;
  margin: 0 auto;
  width: 27px;
  height: 23px;
  content: "";
  -webkit-mask: center/contain url(../img/top/img-241223-23.svg) no-repeat;
  mask: center/contain url(../img/top/img-241223-23.svg) no-repeat;
  inset-inline: 0;
  background-color: white;
}
#can__wrapper .kai-comp-heading-1 {
  text-align: center;
  font-size: 2.2rem;
}
@media screen and (min-width: 769px) {
  #can__wrapper .kai-comp-heading-1 {
    font-size: 3rem;
  }
}
#can__wrapper .can_list {
  margin-top: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  -moz-column-gap: 10px;
       column-gap: 10px;
  row-gap: 30px;
}
@media screen and (min-width: 769px) {
  #can__wrapper .can_list {
    justify-content: space-between;
  }
}
#can__wrapper .can {
  position: relative;
  padding: 25px 0 15px;
  background-color: white;
  border: 2px solid #3AB5B2;
  border-radius: 10px;
  width: calc(50% - 5px);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 769px) {
  #can__wrapper .can {
    padding: 32px 0 25px;
    width: calc((100% - 40px) / 5);
  }
}
#can__wrapper .can::before {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 48px;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
#can__wrapper .can:first-child::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20transform%3D%22translate(-272%20-4024)%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2224%22%20transform%3D%22translate(272%204024)%22%20fill%3D%22%233bb5b2%22/%3E%3Cpath%20d%3D%22M-8.937-6.359-1.2.9A1.725%2C1.725%2C0%2C0%2C0%2C0%2C1.375%2C1.725%2C1.725%2C0%2C0%2C0%2C1.2.9L8.938-6.359A6.3%2C6.3%2C0%2C0%2C0%2C11-11.043V-11.3a6%2C6%2C0%2C0%2C0-1.461-3.953%2C6.16%2C6.16%2C0%2C0%2C0-3.652-2.105%2C6.693%2C6.693%2C0%2C0%2C0-2.922.215%2C5.932%2C5.932%2C0%2C0%2C0-2.449%2C1.5L0-15.125l-.516-.516a5.932%2C5.932%2C0%2C0%2C0-2.449-1.5%2C6.693%2C6.693%2C0%2C0%2C0-2.922-.215%2C6.16%2C6.16%2C0%2C0%2C0-3.652%2C2.105A6%2C6%2C0%2C0%2C0-11-11.3v.258A6.3%2C6.3%2C0%2C0%2C0-8.937-6.359Z%22%20transform%3D%22translate(296%204056)%22%20fill%3D%22%23fff%22/%3E%3C/g%3E%3C/svg%3E");
}
#can__wrapper .can:nth-child(2)::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20transform%3D%22translate(-272%20-4024)%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2224%22%20transform%3D%22translate(272%204024)%22%20fill%3D%22%233bb5b2%22/%3E%3Cpath%20d%3D%22M1.375-13.75A5.548%2C5.548%2C0%2C0%2C1-.215-9.84a5.548%2C5.548%2C0%2C0%2C1-3.91%2C1.59%2C5.548%2C5.548%2C0%2C0%2C1-3.91-1.59%2C5.548%2C5.548%2C0%2C0%2C1-1.59-3.91%2C5.548%2C5.548%2C0%2C0%2C1%2C1.59-3.91%2C5.548%2C5.548%2C0%2C0%2C1%2C3.91-1.59%2C5.548%2C5.548%2C0%2C0%2C1%2C3.91%2C1.59A5.548%2C5.548%2C0%2C0%2C1%2C1.375-13.75ZM-13.75%2C1.461a7.744%2C7.744%2C0%2C0%2C1%2C2.234-5.414A7.744%2C7.744%2C0%2C0%2C1-6.1-6.187h3.953A7.744%2C7.744%2C0%2C0%2C1%2C3.266-3.953%2C7.744%2C7.744%2C0%2C0%2C1%2C5.5%2C1.461a1.149%2C1.149%2C0%2C0%2C1-.387.9%2C1.149%2C1.149%2C0%2C0%2C1-.9.387H-12.461a1.149%2C1.149%2C0%2C0%2C1-.9-.387A1.149%2C1.149%2C0%2C0%2C1-13.75%2C1.461ZM12.418%2C2.75H6.488a2.487%2C2.487%2C0%2C0%2C0.387-1.375V1.031a8.227%2C8.227%2C0%2C0%2C0-.816-3.652A8.29%2C8.29%2C0%2C0%2C0%2C3.867-5.5H6.832a7.043%2C7.043%2C0%2C0%2C1%2C4.9%2C2.02%2C7.043%2C7.043%2C0%2C0%2C1%2C2.02%2C4.9%2C1.286%2C1.286%2C0%2C0%2C1-.387.945A1.286%2C1.286%2C0%2C0%2C1%2C12.418%2C2.75Zm-7.605-11A4.666%2C4.666%2C0%2C0%2C1%2C1.418-9.668%2C6.957%2C6.957%2C0%2C0%2C0%2C2.75-13.75a6.53%2C6.53%2C0%2C0%2C0-.773-3.18%2C4.814%2C4.814%2C0%2C0%2C1%2C2.836-.945%2C4.666%2C4.666%2C0%2C0%2C1%2C3.395%2C1.418%2C4.666%2C4.666%2C0%2C0%2C1%2C1.418%2C3.395A4.666%2C4.666%2C0%2C0%2C1%2C8.207-9.668%2C4.666%2C4.666%2C0%2C0%2C1%2C4.813-8.25Z%22%20transform%3D%22translate(296%204056)%22%20fill%3D%22%23fff%22/%3E%3C/g%3E%3C/svg%3E");
}
#can__wrapper .can:nth-child(3)::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20transform%3D%22translate(-272%20-4024)%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2224%22%20transform%3D%22translate(272%204024)%22%20fill%3D%22%233bb5b2%22/%3E%3Cpath%20d%3D%22M-8.937-15.125a1.338%2C1.338%2C0%2C0%2C1%2C.387-.988%2C1.338%2C1.338%2C0%2C0%2C1%2C.988-.387h.688a1.338%2C1.338%2C0%2C0%2C1%2C.988.387%2C1.338%2C1.338%2C0%2C0%2C1%2C.387.988v13.75a1.338%2C1.338%2C0%2C0%2C1-.387.988%2C1.338%2C1.338%2C0%2C0%2C1-.988.387h-.687a1.338%2C1.338%2C0%2C0%2C1-.988-.387%2C1.338%2C1.338%2C0%2C0%2C1-.387-.988V-2.75H-11a1.338%2C1.338%2C0%2C0%2C1-.988-.387%2C1.338%2C1.338%2C0%2C0%2C1-.387-.988v-2.75a1.338%2C1.338%2C0%2C0%2C1-.988-.387%2C1.338%2C1.338%2C0%2C0%2C1-.387-.988%2C1.338%2C1.338%2C0%2C0%2C1%2C.387-.988%2C1.338%2C1.338%2C0%2C0%2C1%2C.988-.387v-2.75a1.338%2C1.338%2C0%2C0%2C1%2C.387-.988A1.338%2C1.338%2C0%2C0%2C1-11-13.75h2.063Zm17.875%2C0v1.375H11a1.338%2C1.338%2C0%2C0%2C1%2C.988.387%2C1.338%2C1.338%2C0%2C0%2C1%2C.387.988v2.75a1.338%2C1.338%2C0%2C0%2C1%2C.988.387%2C1.338%2C1.338%2C0%2C0%2C1%2C.387.988%2C1.338%2C1.338%2C0%2C0%2C1-.387.988%2C1.338%2C1.338%2C0%2C0%2C1-.988.387v2.75a1.338%2C1.338%2C0%2C0%2C1-.387.988A1.338%2C1.338%2C0%2C0%2C1%2C11-2.75H8.938v1.375a1.338%2C1.338%2C0%2C0%2C1-.387.988A1.338%2C1.338%2C0%2C0%2C1%2C7.563%2C0H6.875a1.338%2C1.338%2C0%2C0%2C1-.988-.387A1.338%2C1.338%2C0%2C0%2C1%2C5.5-1.375v-13.75a1.338%2C1.338%2C0%2C0%2C1%2C.387-.988%2C1.338%2C1.338%2C0%2C0%2C1%2C.988-.387h.688a1.338%2C1.338%2C0%2C0%2C1%2C.988.387A1.338%2C1.338%2C0%2C0%2C1%2C8.938-15.125Zm-4.812%2C5.5v2.75h-8.25v-2.75Z%22%20transform%3D%22translate(296%204056)%22%20fill%3D%22%23fff%22/%3E%3C/g%3E%3C/svg%3E");
}
#can__wrapper .can:nth-child(4)::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20transform%3D%22translate(-272%20-4024)%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2224%22%20transform%3D%22translate(272%204024)%22%20fill%3D%22%233bb5b2%22/%3E%3Cpath%20d%3D%22M-7.777-16.027l-1.461-1.461a.973.973%2C0%2C0%2C0-1.117-.215.963.963%2C0%2C0%2C0-.645.945v4.727A1.027%2C1.027%2C0%2C0%2C0-9.969-11h4.727a.963.963%2C0%2C0%2C0,.945-.645.973.973%2C0%2C0%2C0-.215-1.117l-1.332-1.332A8.224%2C8.224%2C0%2C0%2C1%2C0-16.5a8.224%2C8.224%2C0%2C0%2C1%2C5.844%2C2.406A8.224%2C8.224%2C0%2C0%2C1%2C8.25-8.25%2C8.224%2C8.224%2C0%2C0%2C1%2C5.844-2.406%2C8.224%2C8.224%2C0%2C0%2C1%2C0%2C0%2C8.39%2C8.39%2C0%2C0%2C1-4.727-1.461a1.345%2C1.345%2C0%2C0%2C0-1.031-.258%2C1.494%2C1.494%2C0%2C0%2C0-.859.6%2C1.275%2C1.275%2C0%2C0%2C0-.258.988%2C1.5%2C1.5%2C0%2C0%2C0,.6.9A10.747%2C10.747%2C0%2C0%2C0%2C0%2C2.75a10.916%2C10.916%2C0%2C0%2C0%2C5.543-1.5A10.9%2C10.9%2C0%2C0%2C0%2C9.5-2.707%2C10.916%2C10.916%2C0%2C0%2C0%2C11-8.25a10.916%2C10.916%2C0%2C0%2C0-1.5-5.543%2C10.9%2C10.9%2C0%2C0%2C0-3.953-3.953A10.916%2C10.916%2C0%2C0%2C0%2C0-19.25a10.859%2C10.859%2C0%2C0%2C0-4.3.859A11.179%2C11.179%2C0%2C0%2C0-7.777-16.027ZM0-13.75a1.027%2C1.027%2C0%2C0%2C0-1.031%2C1.031V-8.25a1%2C1%2C0%2C0%2C0,.3.73L2.363-4.426a1.037%2C1.037%2C0%2C0%2C0,1.461%2C0%2C1.037%2C1.037%2C0%2C0%2C0,0-1.461L1.031-8.68v-4.039A1.027%2C1.027%2C0%2C0%2C0%2C0-13.75Z%22%20transform%3D%22translate(296%204056)%22%20fill%3D%22%23fff%22/%3E%3C/g%3E%3C/svg%3E");
}
#can__wrapper .can:last-child {
  width: 100%;
}
@media screen and (min-width: 769px) {
  #can__wrapper .can:last-child {
    width: calc((100% - 40px) / 5);
  }
}
#can__wrapper .can:last-child::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20transform%3D%22translate(-272%20-4024)%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2224%22%20transform%3D%22translate(272%204024)%22%20fill%3D%22%233bb5b2%22/%3E%3Cpath%20d%3D%22M-1.375-17.875H-8.25a1.338%2C1.338%2C0%2C0%2C0-.988.387%2C1.338%2C1.338%2C0%2C0%2C0-.387.988v2.75a1.338%2C1.338%2C0%2C0%2C0,.387.988%2C1.338%2C1.338%2C0%2C0%2C0,.988.387h16.2a.7.7%2C0%2C0%2C0,.516-.215l2.063-2.062a.674.674%2C0%2C0%2C0,0-.945L8.465-17.66a.7.7%2C0%2C0%2C0-.516-.215H1.375a1.338%2C1.338%2C0%2C0%2C0-.387-.988A1.338%2C1.338%2C0%2C0%2C0,0-19.25a1.338%2C1.338%2C0%2C0%2C0-.988.387A1.338%2C1.338%2C0%2C0%2C0-1.375-17.875Zm11,9.625a1.338%2C1.338%2C0%2C0%2C0-.387-.988%2C1.338%2C1.338%2C0%2C0%2C0-.988-.387H1.375V-11h-2.75v1.375H-7.949a.7.7%2C0%2C0%2C0-.516.215l-2.062,2.063a.674.674%2C0%2C0%2C0,0,.945L-8.465-4.34a.7.7%2C0%2C0%2C0,.516.215H8.25a1.338%2C1.338%2C0%2C0%2C0,.988-.387A1.338%2C1.338%2C0%2C0%2C0,9.625-5.5ZM1.375,1.375V-2.75h-2.75V1.375a1.338%2C1.338%2C0%2C0%2C0,.387.988A1.338%2C1.338%2C0%2C0%2C0,0,2.75a1.338%2C1.338%2C0%2C0%2C0,.988-.387A1.338%2C1.338%2C0%2C0%2C0,1.375,1.375Z%22%20transform%3D%22translate(296%204056)%22%20fill%3D%22%23fff%22/%3E%3C/g%3E%3C/svg%3E");
}
#can__wrapper .can_txt {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4;
  height: 4.2em;
}
@media screen and (min-width: 769px) {
  #can__wrapper .can_txt {
    font-size: clamp(1.3rem, 1.428vw, 2rem);
  }
}

/* sec_support
--------------------------------------------------*/
#support__wrapper {
  position: relative;
  padding: 60px 0 40px;
}
@media screen and (min-width: 769px) {
  #support__wrapper {
    padding: 85px 0 40px;
  }
}
#support__wrapper::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #F4F4F4;
  background-image: radial-gradient(circle, white 2.5px, transparent 2.5px), radial-gradient(circle, white 2.5px, transparent 2.5px);
  background-position: 0 0, 10px 20px;
  background-size: 20px 40px;
}
#support__wrapper .kai-comp-bubble {
  background-color: #3BB5B2;
  position: relative;
  z-index: 10;
  margin: 0 auto;
  padding: 11px;
  max-width: 576px;
  width: 100%;
  border-radius: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
}
@media (max-width: 400px) {
  #support__wrapper .kai-comp-bubble {
    font-size: 14px;
  }
}
@media screen and (min-width: 769px) {
  #support__wrapper .kai-comp-bubble {
    padding: 13px;
    min-width: 450px;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    font-size: 20px;
  }
}
#support__wrapper .kai-comp-bubble::after {
  position: absolute;
  bottom: -12px;
  margin: 0 auto;
  width: 27px;
  height: 23px;
  content: "";
  -webkit-mask: center/contain url(../img/top/img-241223-23.svg) no-repeat;
  mask: center/contain url(../img/top/img-241223-23.svg) no-repeat;
  inset-inline: 0;
  background-color: #3BB5B2;
}
#support__wrapper .support_box {
  position: relative;
  background-color: white;
  padding: 80px 7.142vw 7.692vw;
  margin-top: -23px;
  border-radius: 10px;
}
@media screen and (min-width: 769px) {
  #support__wrapper .support_box {
    padding: 80px 2vw 4.166vw;
  }
}
@media screen and (min-width: 1200px) {
  #support__wrapper .support_box {
    padding: 80px 7.142vw;
  }
}
#support__wrapper .support_top_wrap {
  position: relative;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
#support__wrapper .support_img {
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  #support__wrapper .support_img {
    width: 23vw;
    max-width: 322px;
  }
}
#support__wrapper .support_txt {
  margin-top: 30px;
}
@media screen and (min-width: 769px) {
  #support__wrapper .support_txt {
    margin-top: 0;
    width: calc(100% - 27.285vw);
    min-width: calc(100% - 380px);
  }
}
#support__wrapper .support_flow {
  position: relative;
  height: 64.102vw;
  width: calc(100% + 11vw);
  margin-left: -11vw;
  margin-top: 40px;
}
@media screen and (min-width: 769px) {
  #support__wrapper .support_flow {
    width: calc(100% + 24px);
    height: 22.916vw;
    margin-left: -12px;
    margin-top: 0;
  }
}
@media screen and (min-width: 1200px) {
  #support__wrapper .support_flow {
    height: 230px;
  }
}
@media screen and (min-width: 1500px) {
  #support__wrapper .support_flow {
    height: 23vw;
  }
}

/* sec_program
--------------------------------------------------*/
#program__wrapper {
  background-color: #FFFCF5;
  padding: 40px 0 50px;
}
@media screen and (min-width: 769px) {
  #program__wrapper {
    padding: 50px 0 80px;
  }
}
#program__wrapper .kai-comp-bubble {
  background-color: #3BB5B2;
  position: relative;
  margin: 20px auto 20px;
  padding: 11px;
  max-width: 576px;
  width: 100%;
  border-radius: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
}
@media (max-width: 400px) {
  #program__wrapper .kai-comp-bubble {
    font-size: 14px;
  }
}
@media screen and (min-width: 769px) {
  #program__wrapper .kai-comp-bubble {
    padding: 13px;
    min-width: 450px;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    font-size: 20px;
  }
}
#program__wrapper .kai-comp-bubble::after {
  position: absolute;
  bottom: -12px;
  margin: 0 auto;
  width: 27px;
  height: 23px;
  content: "";
  -webkit-mask: center/contain url(../img/top/img-241223-23.svg) no-repeat;
  mask: center/contain url(../img/top/img-241223-23.svg) no-repeat;
  inset-inline: 0;
  background-color: #3BB5B2;
}
#program__wrapper .kai-comp-heading-1 {
  margin: 20px auto 0;
  max-width: 1000px;
  text-align: center;
  letter-spacing: 2px;
  font-size: 3rem;
  line-height: 1.4;
}
@media (max-width: 400px) {
  #program__wrapper .kai-comp-heading-1 {
    font-size: 22px;
  }
}
#program__wrapper .kai-comp-modal-1-modals {
  margin: 25px auto 0;
  max-width: 576px;
  font-weight: 500;
}
@media screen and (min-width: 769px) {
  #program__wrapper .kai-comp-modal-1-modals {
    margin: 50px auto 0;
    max-width: 1000px;
  }
}
#program__wrapper .kai-inner .kai-card-wrap {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media screen and (min-width: 769px) {
  #program__wrapper .kai-inner .kai-card-wrap {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1-btn {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 2px solid #3BB5B2;
  border-radius: 20px;
  background: #fff;
  opacity: 1;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  cursor: pointer;
  transition: opacity 0.2s;
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1-btn .kai-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  gap: 0;
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1-btn .kai-body .kai-content {
  padding: 24px 0 24px 10px;
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1-btn .kai-body .kai-content .kai-sub {
  color: #3BB5B2;
  position: relative;
  padding: 2px 12px;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  border: 1px solid #3BB5B2;
  border-radius: 100px;
  background: #FFFCF5;
  font-size: 14px;
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1-btn .kai-body .kai-content .kai-sub::after {
  position: absolute;
  bottom: -5px;
  left: 25px;
  width: 11px;
  height: 5px;
  background: bottom/contain no-repeat url(../img/top/img-250219-6.png);
  content: "";
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1-btn .kai-body .kai-content .kai-heading {
  margin: 16px 0 0 10px;
  padding-bottom: 8px;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  background-image: repeating-linear-gradient(90deg, #3BB5B2, #3BB5B2 5px, transparent 5px, transparent 10px);
  background-position: left bottom;
  background-size: 100% 1px;
  background-repeat: repeat-x;
  font-size: 20px;
  line-height: 1.2;
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1-btn .kai-body figure {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px 20px 5px 0;
  height: 82px;
  aspect-ratio: 4/3;
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1-btn .kai-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 16px 6px 20px;
  border-radius: 0 0 16px 16px;
  background: var(--dark-color);
  color: #fff;
  background-color: #3BB5B2;
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1-btn .kai-footer .kai-detail {
  font-size: 1.6rem;
  color: #fff;
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1-btn .kai-footer::after {
  background-color: #fff;
  width: 12px;
  height: 12px;
  content: "";
  -webkit-mask: center/contain no-repeat url(../img/top/icon-plus-white.svg);
          mask: center/contain no-repeat url(../img/top/icon-plus-white.svg);
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 {
  position: fixed;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.3sease, visibility 0.3sease;
  z-index: 2000 !important;
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  transition: top 0.3s;
  transform: translate(-50%, -50%);
  max-width: 1000px;
  max-height: calc(100vh - 100px);
  width: calc(100vw - 30px);
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner {
  position: relative;
  padding: 58px 30px 40px;
  width: 100%;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  overflow-y: auto;
}
@media screen and (min-width: 769px) {
  #program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner {
    padding: 70px 30px;
  }
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner .kai-comp-modal-1-close-btn {
  position: absolute;
  top: 8px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 100px;
  background: #3BB5B2;
  cursor: pointer;
}
@media screen and (min-width: 769px) {
  #program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner .kai-comp-modal-1-close-btn {
    top: 10px;
    right: 13px;
    width: 53px;
    height: 53px;
  }
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner .kai-comp-modal-1-close-btn figure {
  display: block;
  margin: 0;
  width: 18px;
  height: 18px;
  mask: center/contain no-repeat url(../img/top/icon-close.svg);
  -webkit-mask: center/contain no-repeat url(../img/top/icon-close.svg);
  background-color: #fff;
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner .kai-comp-modal-1-header {
  display: flex;
  align-items: center;
  margin: 0 auto;
  max-width: 810px;
  gap: 16px;
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner .kai-comp-modal-1-header .kai-order {
  margin: 0;
  width: 29px;
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner .kai-comp-modal-1-header .kai-order img {
  display: block;
  width: 100%;
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner .kai-comp-modal-1-header .kai-heading {
  margin: 0;
  font-size: 16px;
}
@media screen and (min-width: 769px) {
  #program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner .kai-comp-modal-1-header .kai-heading {
    font-size: 20px;
  }
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner .kai-comp-modal-1-body {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 810px;
  gap: 24px;
}
@media screen and (min-width: 769px) {
  #program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner .kai-comp-modal-1-body {
    flex-direction: row;
  }
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner .kai-comp-modal-1-body .kai-content {
  max-width: 550px;
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner .kai-comp-modal-1-body .kai-content .kai-heading {
  color: #F15A22;
  font-size: 14px;
  margin: 30px 0 0;
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner .kai-comp-modal-1-body .kai-content .kai-list {
  display: flex;
  padding: 14px 0 0;
  font-size: 20px;
  line-height: 1.3;
}
@media screen and (min-width: 769px) {
  #program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner .kai-comp-modal-1-body .kai-content .kai-list {
    padding: 16px 0 0;
    font-size: 22px;
    line-height: 1.5;
  }
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner .kai-comp-modal-1-body .kai-content .kai-list::before {
  display: inline-block;
  flex: 0 0 auto;
  margin: 4px 12px 0 0;
  width: 20px;
  height: 20px;
  background: #F15A22;
  content: "";
  -webkit-mask: center/contain no-repeat url(../img/top/icon-check.svg);
  mask: center/contain no-repeat url(../img/top/icon-check.svg);
}
@media screen and (min-width: 769px) {
  #program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner .kai-comp-modal-1-body .kai-content .kai-list::before {
    margin: 8px 16px 0 0;
  }
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner .kai-comp-modal-1-body .kai-content .kai-list .kai-txt {
  font-size: 20px;
  line-height: 1.3;
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner .kai-comp-modal-1-body .kai-content .kai-list .kai-txt mark {
  background: linear-gradient(transparent 57%, #FEF7B6 43%);
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner .kai-comp-modal-1-body .kai-content .kai-keywords {
  margin: 22px 0 0 32px;
}
@media screen and (min-width: 769px) {
  #program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner .kai-comp-modal-1-body .kai-content .kai-keywords {
    margin: 22px 0 0 36px;
  }
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner .kai-comp-modal-1-body .kai-content .kai-keywords .kai-heading {
  font-size: 14px;
  color: #1C1C1C;
}
@media screen and (min-width: 769px) {
  #program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner .kai-comp-modal-1-body .kai-content .kai-keywords .kai-heading {
    font-size: 16px;
  }
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner .kai-comp-modal-1-body .kai-content .kai-keywords ul {
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  gap: 6px;
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner .kai-comp-modal-1-body .kai-content .kai-keywords ul li {
  padding: 4px 8px;
  border-radius: 6px;
  background: #F15A22;
  font-size: 16px;
  line-height: 1.2;
  color: #fff;
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner .kai-comp-modal-1-body figure {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 180px;
  aspect-ratio: 4/3;
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner .kai-movie-container {
  margin: 30px auto 0;
  width: 100%;
  height: auto;
  max-width: 500px;
}
#program__wrapper .kai-inner .kai-card-wrap .kai-comp-modal-1 .kai-comp-modal-1-dialog .kai-inner .kai-movie-container iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

/* sec_Kaien×医学×AI
--------------------------------------------------*/
#teacher__wrapper {
  position: relative;
  padding: 40px 0 61.538vw;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/top/sp_teacher_bg.webp);
}
@media screen and (min-width: 769px) {
  #teacher__wrapper {
    padding: 70px 0 95px;
    background-position: bottom right 40%;
    background-image: url(../img/top/teacher_bg.webp);
  }
}
@media screen and (min-width: 1000px) {
  #teacher__wrapper {
    background-position: bottom;
  }
}
@media screen and (min-width: 769px) {
  #teacher__wrapper::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 7.142vw;
    width: 34.428vw;
    height: 36.5vw;
    max-width: 482px;
    max-height: 511px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(../img/top/teacher_ph_img.webp);
  }
}
#teacher__wrapper .teacher_ttl {
  width: 100%;
}
@media screen and (min-width: 769px) {
  #teacher__wrapper .teacher_ttl {
    width: clamp(500px, 46.071vw, 645px);
  }
}
#teacher__wrapper .white_line_wrap {
  margin-top: 24px;
}
#teacher__wrapper .white_line_txt {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.8rem;
  font-weight: 700;
  background-color: white;
  margin-top: 5px;
  padding: 0 10px;
}
@media screen and (min-width: 769px) {
  #teacher__wrapper .white_line_txt {
    font-size: clamp(2.2rem, 2.142vw, 3rem);
  }
}
#teacher__wrapper .white_line_txt .orange {
  font-weight: 700;
}
#teacher__wrapper .white_line_txt.pc-view {
  display: none;
}
@media screen and (min-width: 769px) {
  #teacher__wrapper .white_line_txt.pc-view {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  #teacher__wrapper .white_line_txt.sp-view {
    display: none;
  }
}
#teacher__wrapper .teacher_txt {
  margin-top: 30px;
}
@media screen and (min-width: 769px) {
  #teacher__wrapper .teacher_txt {
    margin-top: 40px;
    width: 48.571vw;
    max-width: 680px;
  }
}

/* sec_体験談
--------------------------------------------------*/
#experience__wrapper {
  position: relative;
}
#experience__wrapper::before, #experience__wrapper::after {
  content: "";
  position: absolute;
  top: 13.428vw;
  left: 9.785vw;
  width: 9.517vw;
  height: 27.297vw;
  max-width: 133.24px;
  max-height: 382.16px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(../img/top/case_left_deco.webp);
  opacity: 0.5;
}
#experience__wrapper::after {
  top: 5.714vw;
  left: auto;
  right: 7.378vw;
  width: 23.628vw;
  height: 53.398vw;
  max-width: 330.8px;
  max-height: 747.58px;
  background-image: url(../img/top/case_right_deco.webp);
}
#experience__wrapper .kai-experience {
  padding: 80px 0px;
}
#experience__wrapper .kai-experience .kai-comp-bubble {
  background-color: #3AB5B2;
  position: relative;
  margin: 0 auto;
  padding: 11px;
  max-width: 576px;
  width: 90%;
  border-radius: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: white;
}
@media screen and (min-width: 769px) {
  #experience__wrapper .kai-experience .kai-comp-bubble {
    padding: 13px;
    min-width: 450px;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    font-size: 20px;
  }
}
#experience__wrapper .kai-experience .kai-comp-bubble::after {
  position: absolute;
  bottom: -12px;
  margin: 0 auto;
  width: 27px;
  height: 23px;
  content: "";
  -webkit-mask: center/contain url(../img/top/img-241223-23.svg) no-repeat;
  mask: center/contain url(../img/top/img-241223-23.svg) no-repeat;
  inset-inline: 0;
  background-color: #3AB5B2;
}
#experience__wrapper .kai-experience .kai-comp-heading-1 {
  margin: 20px auto 0;
  max-width: 1000px;
  text-align: center;
  letter-spacing: 2px;
  font-size: 30px;
  line-height: 1.4;
}
#experience__wrapper .kai-experience .kai-comp-heading-sub {
  margin-top: 1em;
  text-align: center;
  font-size: 14px;
}
@media screen and (min-width: 769px) {
  #experience__wrapper .kai-experience .kai-comp-heading-sub {
    margin-top: 1em;
    text-align: center;
    font-size: 14px;
  }
}
#experience__wrapper .kai-experience .kai-card-wrap {
  margin: 25px auto 0;
  position: relative;
  padding-left: 20px;
  padding: 0 5% 50px;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  #experience__wrapper .kai-experience .kai-card-wrap {
    margin: 40px auto 0;
  }
}
#experience__wrapper .kai-experience .kai-card-wrap .swiper-wrapper {
  display: flex;
  align-items: stretch;
  height: auto !important;
}
#experience__wrapper .kai-experience .kai-card-wrap .kai-card {
  margin-top: 20px;
  padding: 20px;
  border: 2px solid #3AB5B2;
  border-radius: 30px;
  background: #fff;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  height: auto !important;
  width: 85vw;
}
@media screen and (min-width: 769px) {
  #experience__wrapper .kai-experience .kai-card-wrap .kai-card {
    padding: 24px 60px 20px;
    width: 60vw;
  }
}
#experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-header {
  padding-bottom: 12px;
  border-bottom: 1px solid #3AB5B2;
}
#experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-header .kai-order {
  color: #3AB5B2;
  font-size: 16px;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  #experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-header .kai-order {
    font-size: 20px;
  }
}
#experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-header .kai-heading {
  margin: 12px 0 0;
  font-size: 20px;
}
@media screen and (min-width: 769px) {
  #experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-header .kai-heading {
    font-size: 25px;
  }
}
#experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-profile {
  margin: 18px 0 0;
}
@media screen and (min-width: 769px) {
  #experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-profile {
    display: grid;
    grid-template-areas: "aa cc" "bb cc";
  }
}
#experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-profile .kai-data-1 {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
  gap: 6px 12px;
  grid-template-areas: "dd ee" "dd ff";
}
@media screen and (min-width: 769px) {
  #experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-profile .kai-data-1 {
    gap: 12px 24px;
    grid-area: aa;
  }
}
#experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-profile .kai-data-1 figure {
  margin: 0;
  width: 98px;
  height: 92px;
  grid-area: dd;
}
@media screen and (min-width: 769px) {
  #experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-profile .kai-data-1 figure {
    width: 124px;
    height: 117px;
  }
}
#experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-profile .kai-data-1 .kai-age {
  font-size: 14px;
  grid-area: ee;
}
@media screen and (min-width: 769px) {
  #experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-profile .kai-data-1 .kai-age {
    font-size: 16px;
  }
}
#experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-profile .kai-data-1 .kai-condition {
  grid-area: ff;
}
#experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-profile .kai-data-1 .kai-condition p {
  margin: 0;
  padding: 12px;
  border-radius: 5px;
  background: #3AB5B2;
  color: white;
  font-size: 13px;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  #experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-profile .kai-data-1 .kai-condition p {
    font-size: 15px;
  }
}
#experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-profile .kai-data-2 {
  margin-top: 20px;
}
@media screen and (min-width: 769px) {
  #experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-profile .kai-data-2 {
    margin: 0;
    grid-area: bb;
  }
}
#experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-profile .kai-data-2 .kai-service {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media screen and (min-width: 769px) {
  #experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-profile .kai-data-2 .kai-service {
    gap: 24px;
  }
}
#experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-profile .kai-data-2 .kai-jobtype {
  margin-top: 4px;
  display: flex;
  align-items: center;
  gap: 16px;
}
@media screen and (min-width: 769px) {
  #experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-profile .kai-data-2 .kai-jobtype {
    gap: 24px;
  }
}
#experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-profile .kai-data-2 .kai-heading {
  flex: 0 0 auto;
  margin: 0;
  padding: 3px;
  width: 124px;
  border: 1px solid #3AB5B2;
  border-radius: 5px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
}
#experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-profile .kai-data-2 .kai-content {
  margin: 0;
  font-size: 14px;
}
#experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-profile .kai-estimonials {
  margin-top: 30px;
}
@media screen and (min-width: 769px) {
  #experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-profile .kai-estimonials {
    margin: 0;
    grid-area: cc;
  }
}
#experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-profile .kai-estimonials .kai-heading {
  margin: 0;
  padding: 3px;
  border: 1px solid #3AB5B2;
  border-radius: 5px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
}
@media screen and (min-width: 769px) {
  #experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-profile .kai-estimonials .kai-heading {
    font-size: 16px;
  }
}
#experience__wrapper .kai-experience .kai-card-wrap .kai-card .kai-profile .kai-estimonials p {
  margin: 12px 0 0;
  font-size: 15px;
  line-height: 1.7;
  font-weight: 400;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
}

.swiper-button-prev, .swiper-button-next {
  color: #333;
}

.swiper-pagination-bullet-active {
  background: #F15A22 !important;
}

.swiper-button-next, .swiper-button-prev {
  width: 40px !important;
  height: 40px !important;
  background-color: #F15A22;
  border-radius: 50%;
  padding: 20px;
}
@media screen and (min-width: 769px) {
  .swiper-button-next, .swiper-button-prev {
    width: 60px !important;
    height: 60px !important;
  }
}

.swiper-button-next:after, .swiper-button-prev:after {
  color: #fff;
  font-size: 2rem !important;
}
@media screen and (min-width: 769px) {
  .swiper-button-next:after, .swiper-button-prev:after {
    font-size: 2.8rem !important;
  }
}

.swiper-button-next:after {
  margin-left: 3px;
}

.swiper-button-prev:after {
  margin-right: 3px;
}

/* sec_事業所
--------------------------------------------------*/
#location__wrapper {
  background-color: #fff;
}
#location__wrapper .kai-location {
  padding: 40px 20px 30px;
  background: top 40px center/442px url(../img/top/img-241213-16.png) no-repeat #fff;
}
@media screen and (min-width: 769px) {
  #location__wrapper .kai-location {
    background: top 40px center/1450px no-repeat url(../img/top/img-241223-34.png) #fff;
    padding: 65px 20px 55px;
  }
}
#location__wrapper .kai-location .kai-comp-heading-1 {
  max-width: 1000px;
  text-align: center;
  letter-spacing: 2px;
  font-size: 30px;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  #location__wrapper .kai-location .kai-comp-heading-1 {
    margin: auto;
    font-size: 35px;
  }
}
#location__wrapper .kai-location .kai-wrap {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 30px;
}
#location__wrapper .kai-location .kai-wrap .kai-sub {
  display: flex;
  align-items: flex-end;
  color: #3AB5B2;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}
#location__wrapper .kai-location .kai-wrap .kai-sub::before {
  left: 0.5em;
  rotate: -24deg;
  position: relative;
  display: inline-block;
  width: 1px;
  height: 1em;
  border-right: 1px solid #3AB5B2;
  content: "";
  vertical-align: bottom;
  margin-right: 15px;
}
@media screen and (min-width: 769px) {
  #location__wrapper .kai-location .kai-wrap .kai-sub::before {
    margin-right: 30px;
  }
}
#location__wrapper .kai-location .kai-wrap .kai-sub::after {
  right: 0.5em;
  rotate: 24deg;
  position: relative;
  display: inline-block;
  width: 1px;
  height: 1em;
  border-right: 1px solid #3AB5B2;
  content: "";
  vertical-align: bottom;
  margin-left: 15px;
}
@media screen and (min-width: 769px) {
  #location__wrapper .kai-location .kai-wrap .kai-sub::after {
    margin-left: 30px;
  }
}
#location__wrapper .kai-location .kai-wrap .link_location {
  margin-top: 20px;
}
#location__wrapper .kai-location .kai-wrap .link_location a {
  color: #F15A22;
  font-weight: bold;
}
#location__wrapper .kai-location .kai-wrap .flex_wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 769px) {
  #location__wrapper .kai-location .kai-wrap .flex_wrap {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    max-width: 1000px;
    justify-content: space-between;
    gap: 35px;
  }
}
#location__wrapper .kai-location .kai-wrap figure {
  margin-top: 20px;
  margin-bottom: 20px;
}
#location__wrapper .kai-location .kai-wrap figure .kai-img-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  max-width: 500px;
  margin: auto;
}
#location__wrapper .kai-location .kai-wrap .tx_wrap {
  width: 100%;
  margin: auto;
}
@media screen and (min-width: 769px) {
  #location__wrapper .kai-location .kai-wrap .tx_wrap {
    width: 50%;
  }
}
#location__wrapper .kai-location .kai-wrap .tx_wrap .access {
  font-size: 1.4rem;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  #location__wrapper .kai-location .kai-wrap .tx_wrap .access {
    font-size: 1.6rem;
  }
}
#location__wrapper .kai-location .kai-wrap .tx_wrap .map_wrap {
  margin: 5px 0 15px;
  display: block;
  width: 100%;
}
@media screen and (min-width: 769px) {
  #location__wrapper .kai-location .kai-wrap .tx_wrap .map_wrap {
    margin-top: 10px;
  }
}
#location__wrapper .kai-location .kai-wrap .tx_wrap .map_wrap iframe {
  width: 100%;
  aspect-ratio: 16/9; /* アスペクト比 16:9 */
  border: 0;
}
@media screen and (min-width: 769px) {
  #location__wrapper .kai-location .kai-wrap .tx_wrap .map_wrap iframe {
    height: 200px;
  }
}
#location__wrapper .kai-location .kai-wrap .tx_wrap .station .head {
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  #location__wrapper .kai-location .kai-wrap .tx_wrap .station .head {
    font-size: 1.6rem;
  }
}
#location__wrapper .kai-location .kai-wrap .tx_wrap .station ul {
  margin-top: 5px;
}
#location__wrapper .kai-location .kai-wrap .tx_wrap .station ul li {
  margin-bottom: 5px;
  font-size: 1.4rem;
}
@media screen and (min-width: 769px) {
  #location__wrapper .kai-location .kai-wrap .tx_wrap .station ul li {
    font-size: 1.6rem;
  }
}
#location__wrapper .kai-location .kai-wrap .tx_wrap .station ul li::before {
  content: "";
  background-color: #D55D69;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
}

/* sec_ご利用までの流れ
--------------------------------------------------*/
#flow__wrapper .kai-comp-steps-1 {
  position: relative;
  background-color: #F0FFFA;
  padding: 50px 20px;
}
#flow__wrapper .kai-comp-steps-1::before, #flow__wrapper .kai-comp-steps-1::after {
  content: "";
  position: absolute;
  top: 41.5px;
  left: -17.3px;
  width: 17.587vw;
  height: 30.55vw;
  max-width: 246.23px;
  max-height: 427.7px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url(../img/top/flow_left_deco.webp);
}
#flow__wrapper .kai-comp-steps-1::after {
  left: auto;
  right: 0px;
  width: 14.631vw;
  height: 26.506vw;
  max-width: 204.84px;
  max-height: 371.09px;
  background-image: url(../img/top/flow_right_deco.webp);
}
#flow__wrapper .kai-comp-steps-1 .kai-comp-heading-1 {
  margin: 0px auto 0;
  max-width: 1000px;
  text-align: center;
  letter-spacing: 2px;
  font-size: 30px;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  #flow__wrapper .kai-comp-steps-1 .kai-comp-heading-1 {
    margin: 25px auto 0;
  }
}
@media screen and (min-width: 1000px) {
  #flow__wrapper .kai-comp-steps-1 .kai-wrap {
    margin: 0 auto;
    max-width: 1000px;
  }
}
#flow__wrapper .kai-comp-steps-1 .kai-wrap .kai-description {
  margin: 30px auto 0;
  max-width: 576px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.75;
}
@media screen and (min-width: 1000px) {
  #flow__wrapper .kai-comp-steps-1 .kai-wrap .kai-description {
    font-size: 16px;
    max-width: 1000px;
  }
}
#flow__wrapper .kai-comp-steps-1 .kai-wrap .kai-card-wrap {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 20px;
  gap: 8px;
}
@media screen and (min-width: 1000px) {
  #flow__wrapper .kai-comp-steps-1 .kai-wrap .kai-card-wrap {
    flex-direction: row;
    gap: unset;
  }
}
#flow__wrapper .kai-comp-steps-1 .kai-wrap .kai-card-wrap .kai-card {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  padding: 20px 30px;
  max-width: 360px;
  width: 100%;
  height: auto;
  border-radius: 20px;
  background: #fff;
  gap: 20px;
}
@media screen and (min-width: 1000px) {
  #flow__wrapper .kai-comp-steps-1 .kai-wrap .kai-card-wrap .kai-card {
    flex-direction: column;
    padding: 25px 0;
    width: 220px;
    height: 220px;
    text-align: center;
  }
}
#flow__wrapper .kai-comp-steps-1 .kai-wrap .kai-card-wrap .kai-card .kai-header {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
@media screen and (min-width: 1000px) {
  #flow__wrapper .kai-comp-steps-1 .kai-wrap .kai-card-wrap .kai-card .kai-header {
    align-items: center;
  }
}
#flow__wrapper .kai-comp-steps-1 .kai-wrap .kai-card-wrap .kai-card .kai-header .kai-sub {
  margin: 0;
  height: 14px;
}
#flow__wrapper .kai-comp-steps-1 .kai-wrap .kai-card-wrap .kai-card .kai-header .kai-sub img {
  display: block;
  height: 100%;
  width: auto;
}
#flow__wrapper .kai-comp-steps-1 .kai-wrap .kai-card-wrap .kai-card .kai-header .kai-heading {
  margin: 0;
  color: #3AB5B2;
  font-size: 18px;
}
@media screen and (min-width: 769px) {
  #flow__wrapper .kai-comp-steps-1 .kai-wrap .kai-card-wrap .kai-card .kai-header .kai-heading {
    font-size: 20px;
  }
}
#flow__wrapper .kai-comp-steps-1 .kai-wrap .kai-card-wrap .kai-card .flow_img {
  display: block;
  margin: 0;
  width: 98px;
}
#flow__wrapper .kai-comp-steps-1 .kai-wrap .kai-card-wrap .kai-card:nth-of-type(4) > figure {
  width: 165px;
}
#flow__wrapper .kai-comp-steps-1 .kai-wrap .kai-card-wrap .kai-dot {
  margin: 0;
  width: 5px;
}
@media screen and (min-width: 1000px) {
  #flow__wrapper .kai-comp-steps-1 .kai-wrap .kai-card-wrap .kai-dot {
    rotate: 90deg;
  }
}

/* sec_よくある質問
--------------------------------------------------*/
#faq__wrapper {
  background-color: #F0FFFA;
}
#faq__wrapper .kai-comp-faq-1 {
  padding: 100px 20px 80px;
}
#faq__wrapper .kai-comp-faq-1 .kai-comp-heading-1 {
  margin: 20px auto 0;
  max-width: 1000px;
  text-align: center;
  letter-spacing: 2px;
  font-size: 30px;
  line-height: 1.4;
}
#faq__wrapper .kai-comp-faq-1 .kai-card-wrap {
  margin-block: 50px 0;
  max-width: 1000px;
  margin-inline: auto;
}
#faq__wrapper .kai-comp-faq-1 .kai-card-wrap .kai-card {
  background: #fff;
  padding: 0;
  border: 1px solid #3AB5B2;
  border-radius: 10px;
  opacity: 1;
  transition: opacity 0.2s;
  margin-bottom: 20px;
}
#faq__wrapper .kai-comp-faq-1 .kai-card-wrap .kai-card .kai-header {
  padding: 20px;
}
#faq__wrapper .kai-comp-faq-1 .kai-card-wrap .kai-card .kai-header .kai-heading {
  margin: 0;
  font-size: 16px;
  position: relative;
  padding: 0 0px 0 30px;
  line-height: 1.5;
}
#faq__wrapper .kai-comp-faq-1 .kai-card-wrap .kai-card .kai-header .kai-heading::before {
  content: "Q";
  font-size: 25px;
  color: #3AB5B2;
  line-height: 1;
  position: absolute;
  top: -2px;
  left: 0;
}
#faq__wrapper .kai-comp-faq-1 .kai-card-wrap .kai-card .kai-description {
  grid-template-rows: 1fr;
  margin: -2px 0 0;
}
#faq__wrapper .kai-comp-faq-1 .kai-card-wrap .kai-card .kai-description .kai-inner {
  overflow: hidden;
  padding: 0 20px;
}
#faq__wrapper .kai-comp-faq-1 .kai-card-wrap .kai-card .kai-description .kai-inner p {
  border-top: 1px solid #3BB5B2;
  padding: 18px 0 20px;
  margin: 0;
  font-weight: 400;
  line-height: 1.75;
  font-size: 14px;
}

.kai-comp-free-consultation-1 .kai-wrap {
  padding: 30px 20px;
  background: url(../img/top/cta_ashirai.png) no-repeat center #3BB5B2;
  background-size: 450px;
}
@media screen and (min-width: 1000px) {
  .kai-comp-free-consultation-1 .kai-wrap {
    padding: 50px 20px;
    background-color: #3BB5B2;
    background-image: url(../img/top/cta_pc_ashirai.png);
    background-repeat: no-repeat;
    background-size: 1350px;
  }
}
.kai-comp-free-consultation-1 .kai-wrap .kai-container {
  margin: 0 auto;
  padding: 50px 20px;
  max-width: 1000px;
  border-radius: 30px;
  background: #fff;
}
.kai-comp-free-consultation-1 .kai-wrap .kai-container .kai-heading {
  margin: 0;
  color: #3AB5B2;
  text-align: center;
  font-size: 20px;
  line-height: 1.7;
}
@media screen and (min-width: 1000px) {
  .kai-comp-free-consultation-1 .kai-wrap .kai-container .kai-heading br {
    display: none;
  }
}
.kai-comp-free-consultation-1 .kai-wrap .kai-container .kai-txt-wrap {
  margin: 0 auto;
  padding: 200px 0 20px;
  background: url(../img/top/img-241213-18.png) no-repeat top 13px center;
  background-size: 310px;
}
@media screen and (min-width: 1000px) {
  .kai-comp-free-consultation-1 .kai-wrap .kai-container .kai-txt-wrap {
    display: flex;
    justify-content: flex-end;
    padding: 40px 0 37px;
    max-width: 782px;
    background-position: bottom 20px left;
  }
}
.kai-comp-free-consultation-1 .kai-wrap .kai-container .kai-txt-wrap .kai-txt {
  margin: 0;
  margin: 0 auto;
  max-width: 576px;
  font-size: 16px;
  line-height: 1.7;
}
@media screen and (min-width: 1000px) {
  .kai-comp-free-consultation-1 .kai-wrap .kai-container .kai-txt-wrap .kai-txt {
    margin: 0;
    max-width: 416px;
    font-size: 18px;
  }
}
.kai-comp-free-consultation-1 .kai-wrap .kai-container .online {
  margin-top: 30px;
  text-align: center;
}
.kai-comp-free-consultation-1 .kai-wrap .kai-container .online a {
  position: relative;
  color: #F15A22;
  text-decoration: underline;
  text-underline-offset: 3px;
  padding-right: 20px;
}
.kai-comp-free-consultation-1 .kai-wrap .kai-container .online a::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  bottom: 5px;
  right: 0;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url(../img/top/window_link.svg);
          mask-image: url(../img/top/window_link.svg);
  background-color: #F15A22;
  transition: 0.4s ease-out;
}
/*# sourceMappingURL=top.css.map */