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

.black {
  color: #000;
}

.yellow {
  color: #FFF145;
}

.orange {
  color: #F15A22;
}

.blue {
  color: #279AF1;
}

.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;
  padding-top: 70px;
  background-color: #FFF0D5;
}
@media screen and (min-width: 769px) {
  #kv__wrapper {
    padding-top: 80px;
    padding-bottom: 3.571vw;
  }
}
@media screen and (min-width: 769px) {
  #kv__wrapper::before {
    content: "";
    position: absolute;
    bottom: 8.028vw;
    right: -1.978vw;
    width: 22.522vw;
    height: 17.937vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(../img/top/kv_ashirai02.webp);
    pointer-events: none;
  }
}
#kv__wrapper .main_kv {
  position: relative;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .main_kv {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }
}
#kv__wrapper .main_kv::before {
  content: "";
  position: absolute;
  top: 20.744vw;
  right: -27.871vw;
  width: 47.807vw;
  height: 44.13vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(../img/top/kv_ashirai01.webp);
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .main_kv::before {
    top: -3.714vw;
    right: 21.842vw;
    width: 22.891vw;
    height: 21.13vw;
  }
}
#kv__wrapper .main_kv::after {
  content: "";
  position: absolute;
  top: 25.538vw;
  left: -12.82vw;
  width: 47.038vw;
  height: 37.464vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(../img/top/kv_ashirai02.webp);
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .main_kv::after {
    top: 17.642vw;
    left: -9.428vw;
    width: 22.522vw;
    height: 17.937vw;
  }
}
#kv__wrapper .top_wrap {
  position: relative;
  z-index: 12;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .top_wrap {
    width: 51.02vw;
    margin-left: -2.071vw;
  }
}
#kv__wrapper .bottom_wrap {
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .bottom_wrap {
    width: 100%;
    height: auto;
  }
}
#kv__wrapper .kv_job_tag_wrap {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: clamp(3px, 1.282vw, 5px);
  margin-top: 20px;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .kv_job_tag_wrap {
    gap: 0.714vw;
    margin-top: 5.928vw;
  }
}
#kv__wrapper .job_tag {
  font-size: clamp(1.15rem, 3.589vw, 1.8rem);
  font-weight: 700;
  color: white;
  background-color: #279AF1;
  border-radius: 50px;
  padding: 0 clamp(5px, 2.564vw, 10px);
}
@media screen and (min-width: 769px) {
  #kv__wrapper .job_tag {
    font-size: 1.428vw;
    padding: 0 1.428vw;
  }
}
#kv__wrapper .job_etc {
  font-size: clamp(0.8rem, 2.564vw, 1.4rem);
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .job_etc {
    font-size: 1.142vw;
  }
}
#kv__wrapper .kv_catch {
  margin-top: 10px;
  width: calc(100% + 5.128vw);
  margin-left: -2.564vw;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .kv_catch {
    margin-top: 19px;
    width: 51.02vw;
    margin-left: 0;
  }
}
#kv__wrapper .kv_img {
  position: relative;
  z-index: 10;
  width: 100vw;
  height: 80vw;
  margin: 20px calc(50% - 50vw) 0;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .kv_img {
    width: 45.142vw;
    height: calc(100% + 3.571vw);
    margin: 0 auto;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='650' height='532' preserveAspectRatio='none' viewBox='0 0 650 532'%3E%3Cpath id='パス_34495' data-name='パス 34495' d='M40,0H650V532H0Z' fill='%23fff'/%3E%3C/svg%3E%0A");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='650' height='532' preserveAspectRatio='none' viewBox='0 0 650 532'%3E%3Cpath id='パス_34495' data-name='パス 34495' d='M40,0H650V532H0Z' fill='%23fff'/%3E%3C/svg%3E%0A");
  }
}
#kv__wrapper .kv_img_wrap, #kv__wrapper img {
  position: relative;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#kv__wrapper .orange_box {
  position: relative;
  z-index: 12;
  margin-top: -65px;
  width: 100%;
  border-radius: 10px;
  border: 3px solid #F15A22;
  background-color: white;
  text-align: center;
  padding: 5px 0;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .orange_box {
    top: 0;
    margin: 11px auto 0;
    width: 39.142vw;
    padding: 1.071vw 0;
  }
}
#kv__wrapper .orange_box .top_txt {
  font-weight: 900;
  font-size: 3.589vw;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .orange_box .top_txt {
    font-size: 1.5vw;
    margin-bottom: 0.5vw;
  }
}
#kv__wrapper .orange_box .bottom_txt {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  background-color: #F15A22;
  color: white;
  font-weight: 700;
  font-size: 5.128vw;
  padding: 0 6px;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .orange_box .bottom_txt {
    font-size: 2.214vw;
    padding: 0 0.714vw;
  }
}
#kv__wrapper .orange_box .bottom_txt span {
  color: white;
  font-weight: 700;
}
#kv__wrapper .orange_box .note {
  font-size: 4.102vw;
  margin-top: 0.512vw;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .orange_box .note {
    font-size: 1.571vw;
    margin-top: 0.214vw;
  }
}
#kv__wrapper .point_list {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  -moz-column-gap: 2.564vw;
       column-gap: 2.564vw;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .point_list {
    position: absolute;
    margin-left: 1vw;
    bottom: 0;
    -moz-column-gap: 1.071vw;
         column-gap: 1.071vw;
    width: 38vw;
  }
}
#kv__wrapper .point_round {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 28.205vw;
  height: 28.205vw;
  border-radius: 50%;
  text-align: center;
  outline-offset: -0.769vw;
  background-color: #279AF1;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .point_round {
    width: calc((100% - 2.142vw) / 3);
    height: 11.54vw;
    outline-offset: -0.357vw;
  }
}
#kv__wrapper .point_round:last-child .small_txt {
  margin-top: 2.076vw;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .point_round:last-child .small_txt {
    margin-top: 1vw;
  }
}
#kv__wrapper .point_round:last-child .small_txt:last-child {
  margin-top: -1vw;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .point_round:last-child .small_txt:last-child {
    margin-top: 0;
  }
}
#kv__wrapper .point_round::before {
  content: "";
  position: absolute;
  top: 1.666vw;
  left: 50%;
  transform: translate(-50%, 0);
  width: 3.751vw;
  height: 2.917vw;
  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.625' height='11.375' viewBox='0 0 14.625 11.375'%3E%3Cpath id='pass' d='M7.846-8.684a1.039,1.039,0,0,0,.482-.863.922.922,0,0,0-.3-.711.922.922,0,0,0-.711-.3.922.922,0,0,0-.711.3.922.922,0,0,0-.3.711,1,1,0,0,0,.482.863L5.332-5.764a.944.944,0,0,1-.559.432.809.809,0,0,1-.686-.178l-2.26-1.8a.945.945,0,0,0,.2-.609.922.922,0,0,0-.3-.711.922.922,0,0,0-.711-.3.922.922,0,0,0-.711.3.922.922,0,0,0-.3.711.922.922,0,0,0,.3.711.922.922,0,0,0,.711.3h.025L2.184-.533a1.637,1.637,0,0,0,.559.965A1.581,1.581,0,0,0,3.783.813h7.059A1.581,1.581,0,0,0,11.883.432a1.637,1.637,0,0,0,.559-.965l1.143-6.373h.025a.922.922,0,0,0,.711-.3.922.922,0,0,0,.3-.711.922.922,0,0,0-.3-.711.922.922,0,0,0-.711-.3.922.922,0,0,0-.711.3.922.922,0,0,0-.3.711.945.945,0,0,0,.2.609l-2.26,1.8a.809.809,0,0,1-.686.178.944.944,0,0,1-.559-.432Z' transform='translate(0 10.563)' fill='%23fff'/%3E%3C/svg%3E%0A");
}
@media screen and (min-width: 769px) {
  #kv__wrapper .point_round::before {
    top: 0.714vw;
    width: 1.785vw;
    height: 1.357vw;
  }
}
#kv__wrapper .point_round::after {
  content: "";
  position: absolute;
  top: calc(50% + 0.769vw);
  left: 50%;
  transform: translate(-50%, -50%);
  width: 26.666vw;
  height: 16.153vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(../img/top/emblem.webp);
}
@media screen and (min-width: 769px) {
  #kv__wrapper .point_round::after {
    top: calc(50% + 0.214vw);
    width: 10.714vw;
    height: 6.571vw;
  }
}
#kv__wrapper .point_round .middle_txt {
  position: relative;
  z-index: 5;
  color: white;
  font-size: 4.615vw;
  font-weight: 700;
  line-height: 1;
  margin-top: -2vw;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .point_round .middle_txt {
    font-size: 1.785vw;
    margin-top: 0;
  }
}
#kv__wrapper .point_round .percent {
  position: relative;
  z-index: 5;
  color: white;
  font-size: 13.333vw;
  font-weight: 900;
  line-height: 0.8;
  letter-spacing: 0;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .point_round .percent {
    font-size: 6vw;
    margin-top: 0.214vw;
  }
}
#kv__wrapper .point_round .note {
  position: absolute;
  z-index: 5;
  bottom: 3vw;
  left: 50%;
  transform: translate(-50%, 0);
  font-size: 2.307vw;
  color: white;
  font-weight: 400;
  word-break: keep-all;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .point_round .note {
    font-size: 0.857vw;
    bottom: 1.071vw;
  }
}
#kv__wrapper .point_round span {
  color: white;
}
#kv__wrapper .point_round .small_txt {
  position: relative;
  z-index: 5;
  color: white;
  font-weight: 700;
  font-size: 3.589vw;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .point_round .small_txt {
    font-size: 1.428vw;
  }
}
#kv__wrapper .point_round .small_txt .small {
  font-weight: 700;
  font-size: 2.564vw;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .point_round .small_txt .small {
    font-size: 1.142vw;
  }
}
#kv__wrapper .point_round .big_txt {
  position: relative;
  z-index: 5;
  font-size: 5.641vw;
  font-weight: 700;
  color: white;
  background-image: radial-gradient(circle at center, white 20%, transparent 20%);
  background-position: top left 3px;
  background-repeat: repeat-x;
  background-size: 1em 0.3em;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .point_round .big_txt {
    font-size: 2.285vw;
    margin-top: 0.357vw;
  }
}
#kv__wrapper .free_consultation {
  background-color: #F15A22;
  width: 100%;
  padding: 10px 0;
  margin-top: 27px;
  border-radius: 10px 10px 0 0;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .free_consultation {
    position: absolute;
    background-color: transparent;
    margin-top: 1.428vw;
    border-radius: 0;
    padding: 0;
    width: 100%;
    bottom: 0;
    z-index: 50;
  }
}
#kv__wrapper .free_consultation .window_link {
  background-color: #fff;
  border-color: white;
  color: #F15A22;
  width: 80%;
  max-width: 100%;
  height: 10.974vw;
  padding: 0 7.692vw;
  margin: auto;
  font-size: 5.128vw;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .free_consultation .window_link {
    width: 39.142vw;
    height: 6.071vw;
    background-color: #F15A22;
    border: 2px solid #F15A22;
    color: white;
    flex-wrap: wrap;
    text-align: center;
    border-radius: 200px;
    justify-content: center;
    padding: 1.071vw 0;
    margin: 0 auto;
    font-size: 2.214vw;
  }
}
#kv__wrapper .free_consultation .window_link::after {
  background-color: #F15A22;
  width: 4.102vw;
  height: 4.102vw;
  transition: 0.4s ease-out;
}
@media screen and (min-width: 769px) {
  #kv__wrapper .free_consultation .window_link::after {
    background-color: white;
    width: 1.648vw;
    height: 1.648vw;
    margin-left: 5px;
    position: relative;
    right: 0;
  }
}
#kv__wrapper .free_consultation .window_link:hover {
  opacity: 1;
  background-color: white;
  color: #F15A22;
}
#kv__wrapper .free_consultation .window_link:hover .txt {
  color: #F15A22;
}
#kv__wrapper .free_consultation .window_link:hover::after {
  background-color: #F15A22;
}

/* sec_KV下イントロカード
--------------------------------------------------*/
#intro__wrapper {
  background-color: #FFF6EA;
  padding: 40px 0;
}
@media screen and (min-width: 769px) {
  #intro__wrapper {
    padding: 60px 0 80px;
  }
}
#intro__wrapper .fukidashi {
  position: relative;
  text-align: center;
  color: #F15A22;
  font-size: 1.8rem;
  line-height: 1.8;
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 769px) {
  #intro__wrapper .fukidashi {
    font-size: 2.3rem;
  }
}
#intro__wrapper .fukidashi::before, #intro__wrapper .fukidashi::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -20px;
  width: 1px;
  height: 25px;
  background-color: #F15A22;
  transform: rotate(-45deg);
}
#intro__wrapper .fukidashi::after {
  left: auto;
  right: -20px;
  transform: rotate(45deg);
}
#intro__wrapper .yellow_marker {
  color: #F15A22;
  font-weight: 700;
}
#intro__wrapper .intro_txt {
  text-align: center;
  font-weight: 700;
  line-height: 1.6;
  margin-top: 20px;
}
@media screen and (min-width: 769px) {
  #intro__wrapper .intro_txt {
    font-size: 2rem;
  }
}
#intro__wrapper .intro_card_list {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-top: 20px;
}
@media screen and (min-width: 1000px) {
  #intro__wrapper .intro_card_list {
    margin-top: 30px;
    padding: 0 7.142vw;
  }
}
#intro__wrapper .intro_card_list_box {
  position: relative;
  width: calc(50% - 10px);
}
@media screen and (min-width: 1000px) {
  #intro__wrapper .intro_card_list_box {
    width: calc(50% - 15px);
  }
}
#intro__wrapper .intro_card_list_box:last-child .intro_card_list_box_link {
  background-color: #4FB477;
  border: 3px solid #4FB477;
}
#intro__wrapper .intro_card_list_box:last-child .intro_card_list_box_link:hover {
  background-color: white;
}
#intro__wrapper .intro_card_list_box:last-child .intro_card_list_box_link:hover .card_ttl, #intro__wrapper .intro_card_list_box:last-child .intro_card_list_box_link:hover .f_80, #intro__wrapper .intro_card_list_box:last-child .intro_card_list_box_link:hover .card_sub_ttl, #intro__wrapper .intro_card_list_box:last-child .intro_card_list_box_link:hover .card_txt {
  color: #4FB477;
}
#intro__wrapper .intro_card_list_box:last-child .intro_card_list_box_link:hover .card_btn_txt {
  color: #4FB477;
}
#intro__wrapper .intro_card_list_box:last-child .intro_card_list_box_link:hover .card_btn_txt::before {
  background-color: #4FB477;
}
@media screen and (min-width: 1000px) {
  #intro__wrapper .intro_card_list_box:last-child .card_img_wrap {
    width: 12.142vw;
    right: 0;
  }
}
#intro__wrapper .intro_card_list_box .card_btn_txt {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 15px;
  color: white;
  font-weight: 600;
  transition: all 0.4s ease-out;
  margin: 10px auto 0;
  font-size: clamp(1.2rem, 3.589vw, 1.4rem);
}
@media screen and (min-width: 1000px) {
  #intro__wrapper .intro_card_list_box .card_btn_txt {
    padding-right: 20px;
    margin: 0;
    font-size: 1.8rem;
  }
}
#intro__wrapper .intro_card_list_box .card_btn_txt::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%) rotate(90deg);
  width: 10.58px;
  height: 10.07px;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.581' height='10.072' viewBox='0 0 10.581 10.072'%3E%3Cpath id='パス_4' data-name='パス 4' d='M10.318,4.414,6.114.252A.876.876,0,0,0,4.882,1.5L7.576,4.164H.874a.873.873,0,1,0,0,1.746h6.7L4.882,8.575A.875.875,0,0,0,6.114,9.819L10.32,5.657a.871.871,0,0,0,0-1.244Z' fill='%23fff'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.581' height='10.072' viewBox='0 0 10.581 10.072'%3E%3Cpath id='パス_4' data-name='パス 4' d='M10.318,4.414,6.114.252A.876.876,0,0,0,4.882,1.5L7.576,4.164H.874a.873.873,0,1,0,0,1.746h6.7L4.882,8.575A.875.875,0,0,0,6.114,9.819L10.32,5.657a.871.871,0,0,0,0-1.244Z' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-color: white;
  transition: all 0.4s ease-out;
}
#intro__wrapper .intro_card_list_box_link {
  display: flex;
  flex-direction: column;
  background-color: #F15A22;
  border: 3px solid #F15A22;
  padding: 0 10px 10px;
  border-radius: 20px;
  height: 100%;
}
@media screen and (min-width: 1000px) {
  #intro__wrapper .intro_card_list_box_link {
    padding: 0 30px 20px;
  }
}
#intro__wrapper .intro_card_list_box_link:hover {
  opacity: 1;
  background-color: white;
}
#intro__wrapper .intro_card_list_box_link:hover .card_ttl, #intro__wrapper .intro_card_list_box_link:hover .card_sub_ttl, #intro__wrapper .intro_card_list_box_link:hover .card_txt {
  color: #F15A22;
}
#intro__wrapper .intro_card_list_box_link:hover .card_btn_txt {
  color: #F15A22;
}
#intro__wrapper .intro_card_list_box_link:hover .card_btn_txt::before {
  background-color: #F15A22;
}
#intro__wrapper .card_ttl {
  text-align: center;
  margin-top: 17px;
  height: 55px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: white;
  font-size: clamp(1.6rem, 5.128vw, 2rem);
  transition: all 0.4s ease-out;
}
@media screen and (min-width: 450px) {
  #intro__wrapper .card_ttl {
    height: auto;
    font-size: clamp(1.8rem, 5.641vw, 2.2rem);
    flex-direction: row;
    align-items: end;
  }
}
@media screen and (min-width: 1000px) {
  #intro__wrapper .card_ttl {
    margin-top: 25px;
  }
}
#intro__wrapper .card_ttl .f_80 {
  color: white;
  font-weight: 700;
  transition: all 0.4s ease-out;
}
#intro__wrapper .card_sub_ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: white;
  font-size: clamp(1rem, 3.589vw, 1.4rem);
  letter-spacing: 0;
  line-height: 1.4;
  height: 40px;
  margin-top: 5px;
  transition: all 0.4s ease-out;
}
@media screen and (min-width: 1000px) {
  #intro__wrapper .card_sub_ttl {
    height: auto;
    margin-top: 15px;
    font-size: 1.6rem;
  }
}
#intro__wrapper .card_txt {
  color: white;
  font-size: 1.3rem;
  margin-top: 6px;
  transition: all 0.4s ease-out;
}
@media screen and (min-width: 1000px) {
  #intro__wrapper .card_txt {
    font-size: 1.5rem;
    width: 17.857vw;
    margin-top: 22px;
    margin-bottom: 40px;
  }
}
#intro__wrapper .card_img_wrap {
  margin: auto auto 0;
  height: 86px;
}
@media screen and (min-width: 1000px) {
  #intro__wrapper .card_img_wrap {
    width: 10.928vw;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 30px;
  }
}
#intro__wrapper .card_img_wrap img {
  width: auto;
  height: 100%;
  margin: auto;
}

/* sec_Kaienの特徴
--------------------------------------------------*/
.worries_wrap {
  position: relative;
  background-color: #F5FAFF;
  padding: 60px 0 0;
}
.worries_wrap::after {
  content: "";
  position: absolute;
  bottom: -59px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 60px 50vw 0 50vw;
  border-color: #F5FAFF transparent transparent transparent;
}
.worries_wrap .sec_ttl {
  margin: 10px 0 20px;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .worries_wrap .sec_ttl {
    margin: 10px 0 30px;
  }
}
.worries_wrap .worries_list {
  position: relative;
}
@media screen and (min-width: 769px) {
  .worries_wrap .worries_list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1200px) {
  .worries_wrap .worries_list {
    margin: 0 7.142vw;
  }
}
.worries_wrap .worries {
  margin-top: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 769px) {
  .worries_wrap .worries {
    width: 50%;
  }
}
.worries_wrap .worries:nth-child(even) {
  margin-left: auto;
}
@media screen and (min-width: 769px) {
  .worries_wrap .worries:nth-child(even) .worries_txt {
    margin-left: auto;
  }
}
@media screen and (min-width: 769px) {
  .worries_wrap .worries:nth-child(3) {
    margin-top: -1.714vw;
    padding-left: 7.142vw;
  }
}
@media screen and (min-width: 769px) {
  .worries_wrap .worries:nth-child(4) {
    padding-right: 5.714vw;
  }
}
@media screen and (min-width: 769px) {
  .worries_wrap .worries:nth-child(5) {
    padding-left: 2.142vw;
  }
}
.worries_wrap .worries_txt {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 15px;
  background-color: white;
  border-radius: 100px;
  text-align: center;
  font-size: clamp(1.6rem, 4.102vw, 2rem);
  font-weight: 600;
}
@media screen and (min-width: 769px) {
  .worries_wrap .worries_txt {
    font-size: clamp(1.5rem, 1.285vw, 1.8rem);
  }
}
@media screen and (min-width: 1200px) {
  .worries_wrap .worries_txt {
    font-size: 1.8rem;
  }
}
.worries_wrap .worries_txt .f_80 {
  font-weight: 600;
}
.worries_wrap .worries_img {
  margin: 5px auto 0;
  width: 275px;
}
@media screen and (min-width: 769px) {
  .worries_wrap .worries_img {
    margin: -7.5vw auto 0;
    width: 27.214vw;
    max-width: 381px;
  }
}

.program_wrap {
  background-color: #FFF6EA;
  padding-top: 75px;
  text-align: center;
}
.program_wrap .program_ttl {
  position: relative;
  background-color: white;
  border-radius: 10px;
  border: 3px solid #F15A22;
  width: calc(100% - 10.256vw);
  margin: auto;
  padding: 20px 0;
  font-size: clamp(1.6rem, 4.615vw, 1.8rem);
  font-weight: 700;
  color: #F15A22;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .program_wrap .program_ttl {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 2.4rem;
    padding: 20px 112px;
  }
}
.program_wrap .program_ttl::before {
  content: "";
  position: absolute;
  left: -10vw;
  bottom: -10px;
  width: 19.241vw;
  max-width: 75.04px;
  height: 31.738vw;
  max-height: 123.78px;
  background-image: url(../img/top/program_left_illust.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .program_wrap .program_ttl::before {
    bottom: 0;
    left: -20px;
    width: 75.04px;
    height: 123.78px;
  }
}
.program_wrap .program_ttl::after {
  content: "";
  position: absolute;
  right: -10vw;
  bottom: -10px;
  width: 19.11vw;
  max-width: 74.53px;
  height: 31.882vw;
  max-height: 124.34px;
  background-image: url(../img/top/program_right_illust.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  .program_wrap .program_ttl::after {
    bottom: 0;
    right: -12px;
    width: 74.53px;
    height: 124.34vw;
  }
}
.program_wrap .swiper {
  position: relative;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  padding: 50px 0 80px;
}
@media screen and (min-width: 769px) {
  .program_wrap .swiper {
    padding: 60px 0 100px;
  }
}
.program_wrap .swiper-slide-active {
  margin-top: -20px;
}
@media screen and (min-width: 769px) {
  .program_wrap .swiper-slide-active {
    margin-top: 0;
  }
}
.program_wrap .swiper-slide:nth-child(2) .features_page_link {
  border-color: #EBB500;
}
.program_wrap .swiper-slide:nth-child(2) .features_page_link::before {
  background-color: #EBB500;
}
.program_wrap .swiper-slide:nth-child(2) .left_txt {
  background-color: #EBB500;
}
.program_wrap .swiper-slide:nth-child(2) .right_txt {
  color: #EBB500;
}
.program_wrap .swiper-slide:nth-child(3) .features_page_link {
  border-color: #4EB477;
}
.program_wrap .swiper-slide:nth-child(3) .features_page_link::before {
  background-color: #4EB477;
}
.program_wrap .swiper-slide:nth-child(3) .left_txt {
  background-color: #4EB477;
}
.program_wrap .swiper-slide:nth-child(3) .right_txt {
  color: #4EB477;
}
.program_wrap .swiper-slide:nth-child(4) .features_page_link {
  border-color: #279AF1;
}
.program_wrap .swiper-slide:nth-child(4) .features_page_link::before {
  background-color: #279AF1;
}
.program_wrap .swiper-slide:nth-child(4) .left_txt {
  background-color: #279AF1;
}
.program_wrap .swiper-slide:nth-child(4) .right_txt {
  color: #279AF1;
}
.program_wrap .swiper-slide:last-child .features_page_link {
  border-color: #D61018;
}
.program_wrap .swiper-slide:last-child .features_page_link::before {
  background-color: #D61018;
}
.program_wrap .swiper-slide:last-child .left_txt {
  background-color: #D61018;
}
.program_wrap .swiper-slide:last-child .right_txt {
  color: #D61018;
}
.program_wrap .features_page_link {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 180px;
  background-color: white;
  border-radius: 10px;
  border: 3px solid #F15A22;
}
.program_wrap .features_page_link::before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background-color: #F15A22;
}
.program_wrap .features_page_link::after {
  content: "";
  position: absolute;
  bottom: 21.9px;
  left: 50%;
  transform: translate(-50%, 0) rotate(90deg);
  width: 10.58px;
  height: 10.07px;
  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='10.581' height='10.072' viewBox='0 0 10.581 10.072'%3E%3Cpath id='パス_4' data-name='パス 4' d='M10.318,4.414,6.114.252A.876.876,0,0,0,4.882,1.5L7.576,4.164H.874a.873.873,0,1,0,0,1.746h6.7L4.882,8.575A.875.875,0,0,0,6.114,9.819L10.32,5.657a.871.871,0,0,0,0-1.244Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.program_wrap .features_page_link:hover {
  margin-top: -30px;
}
.program_wrap .left_txt {
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 2px 6px;
  background-color: #F15A22;
  color: white;
  font-weight: 700;
  border-radius: 0 0 5px 0;
}
.program_wrap .right_txt {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  margin-top: 45px;
  font-weight: 700;
  font-size: clamp(2rem, 6.153vw, 2.4rem);
  color: #F15A22;
}
@media screen and (min-width: 1000px) {
  .program_wrap .right_txt {
    font-size: clamp(1.6rem, 1.5vw, 2.4rem);
  }
}
.program_wrap .swiper-button-prev, .program_wrap .swiper-button-next {
  position: absolute;
  top: 50%;
  left: 10.256vw;
  transform: translate(0, -50%);
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background-color: white;
  border: 1px solid #F15A22;
}
.program_wrap .swiper-button-prev::after, .program_wrap .swiper-button-next::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
  width: 6.56px;
  height: 11.25px;
  background-color: #F15A22;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.563' height='11.25' viewBox='0 0 6.563 11.25'%3E%3Cpath id='パス_35201' data-name='パス 35201' d='M1.2-6.3a.978.978,0,0,0-.264.674.978.978,0,0,0,.264.674L5.889-.264A.978.978,0,0,0,6.563,0a.978.978,0,0,0,.674-.264A.978.978,0,0,0,7.5-.937a.978.978,0,0,0-.264-.674L3.193-5.625,7.236-9.639a.978.978,0,0,0,.264-.674.978.978,0,0,0-.264-.674.978.978,0,0,0-.674-.264.978.978,0,0,0-.674.264Z' transform='translate(7.5) rotate(180)'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.563' height='11.25' viewBox='0 0 6.563 11.25'%3E%3Cpath id='パス_35201' data-name='パス 35201' d='M1.2-6.3a.978.978,0,0,0-.264.674.978.978,0,0,0,.264.674L5.889-.264A.978.978,0,0,0,6.563,0a.978.978,0,0,0,.674-.264A.978.978,0,0,0,7.5-.937a.978.978,0,0,0-.264-.674L3.193-5.625,7.236-9.639a.978.978,0,0,0,.264-.674.978.978,0,0,0-.264-.674.978.978,0,0,0-.674-.264.978.978,0,0,0-.674.264Z' transform='translate(7.5) rotate(180)'/%3E%3C/svg%3E%0A");
}
.program_wrap .swiper-button-next {
  left: auto;
  right: 10.256vw;
}
.program_wrap .swiper-button-next::after {
  transform: translate(-50%, -50%);
}
.program_wrap .swiper-horizontal > .swiper-scrollbar, .program_wrap .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translate(-50%, 0);
  width: calc(100% - 20.512vw);
  height: 5px;
  background-color: white;
  border-radius: 5px;
}
.program_wrap .swiper-horizontal > .swiper-scrollbar .swiper-scrollbar-drag, .program_wrap .swiper-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag {
  background-color: #F15A22;
}

/* sec_特徴01 多様な職場で活躍する確かな就職実績
--------------------------------------------------*/
#features_wrapper01 {
  position: relative;
}
#features_wrapper01::before {
  content: "";
  position: absolute;
  top: 30px;
  right: -35px;
  width: 107.43px;
  height: 166.78px;
  background-image: url(../img/top/ashirai01.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  #features_wrapper01::before {
    top: 48.2px;
    right: 16.05vw;
  }
}
#features_wrapper01::after {
  content: "";
  position: absolute;
  bottom: 12px;
  left: -40px;
  width: 117.68px;
  height: 166.78px;
  background-image: url(../img/top/ashirai03.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  #features_wrapper01::after {
    bottom: 9px;
    left: 1.585vw;
  }
}
#features_wrapper01 .wide__width::before {
  content: "";
  position: absolute;
  top: 590px;
  right: -15px;
  width: 124.24px;
  height: 110.75px;
  background-image: url(../img/top/ashirai02.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  #features_wrapper01 .wide__width::before {
    top: 590px;
    right: -6.371vw;
  }
}
#features_wrapper01 .features:first-child {
  padding-bottom: 0px;
}
#features_wrapper01 .features:last-child .blue {
  border: 2px solid #279AF1;
  padding: 15px 0;
  margin: 20px 5.128vw 0;
  border-radius: 10px;
}
@media screen and (min-width: 769px) {
  #features_wrapper01 .features:last-child .blue {
    padding: 15px 1.428vw;
    margin: 40px 7.142vw 0;
  }
}
#features_wrapper01 .minor_link_wrap {
  margin-top: 20px;
  padding: 20px 5.128vw;
  background-color: #F5FAFF;
}
@media screen and (min-width: 769px) {
  #features_wrapper01 .minor_link_wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 20px 7.142vw 30px;
    padding: 20px 2.857vw;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 10px;
  }
}
#features_wrapper01 .blue {
  font-size: clamp(1.6rem, 4.615vw, 1.8rem);
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 769px) {
  #features_wrapper01 .blue {
    font-size: 2rem;
  }
}
#features_wrapper01 .minor_link {
  background-color: #fff;
  border: 1px solid #CCCCCC;
  border-radius: 10px;
  padding: 15px 20px;
  margin: 15px auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 769px) {
  #features_wrapper01 .minor_link {
    margin: 0 0 0 2.857vw;
  }
}
#features_wrapper01 .minor_link img {
  width: 145px;
}
@media screen and (min-width: 769px) {
  #features_wrapper01 .graph_list {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: calc(100% - 14.285vw);
    margin: auto;
  }
}
#features_wrapper01 .graph_list .graph {
  margin-top: 30px;
}
@media screen and (min-width: 769px) {
  #features_wrapper01 .graph_list .graph {
    width: calc(50% - 1.428vw);
    display: flex;
    flex-direction: column;
  }
}
#features_wrapper01 .graph_list .graph:first-child .img_wrap {
  width: 100%;
  max-width: 302px;
}
@media screen and (min-width: 769px) {
  #features_wrapper01 .graph_list .graph:first-child .img_wrap {
    max-width: 90%;
  }
}
#features_wrapper01 .graph_list .graph:last-child .img_wrap {
  margin: 10px auto 20px;
  width: 100%;
  max-width: 257px;
}
@media screen and (min-width: 769px) {
  #features_wrapper01 .graph_list .graph:last-child .img_wrap {
    margin: 20px auto;
    max-width: 80%;
  }
}
#features_wrapper01 .graph_list h4 {
  background-color: #F15A22;
  color: white;
  font-size: 1.8rem;
  padding: 6px 0;
  text-align: center;
}
#features_wrapper01 .graph_list .img_wrap {
  margin: 30px auto 20px;
}
#features_wrapper01 .fukidashi {
  position: relative;
  margin: 0 5.128vw;
  background-color: white;
  border-radius: 10px;
  border: 2px solid #F15A22;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 15px 5.128vw;
}
@media screen and (min-width: 769px) {
  #features_wrapper01 .fukidashi {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto auto 0;
    font-size: 1.8rem;
    padding: 15px 1.428vw;
  }
}
#features_wrapper01 .fukidashi::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12.5px 12px 12.5px;
  border-color: transparent transparent #F15A22 transparent;
}
#features_wrapper01 .fukidashi::after {
  content: "";
  position: absolute;
  top: -9px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12.5px 12px 12.5px;
  border-color: transparent transparent white transparent;
}
#features_wrapper01 .note {
  font-weight: 700;
  background-color: #FFF6EA;
  padding: 20px 5.128vw;
  margin: 0 5.128vw;
  border-radius: 10px;
}
@media screen and (min-width: 769px) {
  #features_wrapper01 .note {
    width: 100%;
    padding: 20px 1.428vw;
    margin: auto auto 0;
  }
}

/* sec_就職先企業
--------------------------------------------------*/
#company__wrapper {
  padding: 45px 0 40px;
  background-color: #FFF6EA;
}
@media screen and (min-width: 769px) {
  #company__wrapper {
    padding: 75px 0 80px;
  }
}
#company__wrapper .fukidashi {
  position: relative;
  text-align: center;
  font-size: 1.8rem;
  color: #F15A22;
  font-weight: 700;
  line-height: 1.2;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
}
@media screen and (min-width: 769px) {
  #company__wrapper .fukidashi {
    font-size: 2rem;
  }
}
#company__wrapper .fukidashi::before, #company__wrapper .fukidashi::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: -20px;
  width: 1px;
  height: 25px;
  background-color: #F15A22;
  transform: rotate(-45deg);
}
#company__wrapper .fukidashi::after {
  left: auto;
  right: -20px;
  transform: rotate(45deg);
}
#company__wrapper .fukidashi span {
  color: #F15A22;
  font-weight: 700;
}
#company__wrapper .fukidashi .small {
  font-size: 1.6rem;
}
@media screen and (min-width: 769px) {
  #company__wrapper .fukidashi .small {
    font-size: 1.8rem;
  }
}
#company__wrapper .fukidashi .big {
  font-size: 2.8rem;
}
@media screen and (min-width: 769px) {
  #company__wrapper .fukidashi .big {
    font-size: 3.4rem;
  }
}
#company__wrapper .sec_ttl {
  margin: 15px 0 20px;
  font-size: 2rem;
}
@media screen and (min-width: 769px) {
  #company__wrapper .sec_ttl {
    margin: 15px 0 30px;
    font-size: 3rem;
  }
}
#company__wrapper .company_list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 16px 20px;
  background-color: white;
  border-radius: 20px;
  border: 2px solid #F15A22;
  width: 905px;
  height: 344px;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media screen and (min-width: 769px) {
  #company__wrapper .company_list {
    padding: 30px 40px;
    height: 373px;
    margin: auto;
  }
}
@media screen and (min-width: 1000px) {
  #company__wrapper .company_list {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  #company__wrapper .company_list {
    height: 410px;
  }
}
@media screen and (min-width: 1265px) {
  #company__wrapper .company_list {
    height: 410px;
  }
}
#company__wrapper .company_txt {
  position: relative;
  font-size: 1.6rem;
  font-weight: 400;
  padding-left: 10px;
}
@media screen and (min-width: 1200px) {
  #company__wrapper .company_txt {
    font-size: 1.8rem;
  }
}
#company__wrapper .company_txt::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #F15A22;
}
@media screen and (min-width: 769px) {
  #company__wrapper .company_txt::before {
    top: 9px;
  }
}
#company__wrapper .scroll-box {
  width: auto;
  height: 360px;
  overflow-y: auto;
  overflow-x: scroll;
}
@media screen and (min-width: 769px) {
  #company__wrapper .scroll-box {
    height: 405px;
  }
}
@media screen and (min-width: 1000px) {
  #company__wrapper .scroll-box {
    height: auto;
  }
}
#company__wrapper .scroll-box::-webkit-scrollbar {
  background: white;
  height: 3px;
  border-radius: 20px;
}
#company__wrapper .scroll-box::-webkit-scrollbar-thumb {
  background-color: #F15A22;
  border-radius: 20px;
}

/* sec_特徴02 専門家が推奨する充実のプログラム
--------------------------------------------------*/
#features_wrapper02 {
  position: relative;
  background-color: #FEF7D5;
}
#features_wrapper02::before {
  content: "";
  position: absolute;
  top: 60px;
  left: -14.7px;
  width: 120.34px;
  height: 198.02px;
  -webkit-mask-image: url(../img/top/ashirai_blue01.webp);
          mask-image: url(../img/top/ashirai_blue01.webp);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  background-color: #F8E57C;
}
@media screen and (min-width: 769px) {
  #features_wrapper02::before {
    top: 71px;
    left: 4.214vw;
  }
}
#features_wrapper02::after {
  content: "";
  position: absolute;
  bottom: 21.8px;
  left: -14.7px;
  width: 120.34px;
  height: 198.02px;
  -webkit-mask-image: url(../img/top/ashirai_blue01.webp);
          mask-image: url(../img/top/ashirai_blue01.webp);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  background-color: #F8E57C;
}
@media screen and (min-width: 769px) {
  #features_wrapper02::after {
    bottom: 30.8px;
    left: 1.592vw;
  }
}
#features_wrapper02 .wide__width {
  position: relative;
}
#features_wrapper02 .wide__width::before {
  content: "";
  position: absolute;
  top: calc(50% - 790px);
  left: -40.6px;
  width: 120.34px;
  height: 198.02px;
  -webkit-mask-image: url(../img/top/ashirai_blue02.webp);
          mask-image: url(../img/top/ashirai_blue02.webp);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  background-color: #F8E57C;
}
@media screen and (min-width: 769px) {
  #features_wrapper02 .wide__width::before {
    top: calc(50% - 350px);
    left: -4.328vw;
  }
}
#features_wrapper02 .wide__width::after {
  content: "";
  position: absolute;
  bottom: calc(50% - 767px);
  right: -22px;
  width: 121.3px;
  height: 203.27px;
  -webkit-mask-image: url(../img/top/ashirai_blue02.webp);
          mask-image: url(../img/top/ashirai_blue02.webp);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  background-color: #F8E57C;
}
@media screen and (min-width: 769px) {
  #features_wrapper02 .wide__width::after {
    bottom: calc(50% - 547px);
    right: -5.714vw;
  }
}
#features_wrapper02 .features_tag {
  background-color: #EBB500;
}
#features_wrapper02 .features {
  border-color: #EBB500;
}
#features_wrapper02 .features_ttl {
  background-color: #EBB500;
}
#features_wrapper02 .sub_ttl {
  color: #EBB500;
}
#features_wrapper02 .features_txt {
  font-family: "Zen Kaku Gothic New", monospace;
}
@media screen and (min-width: 769px) {
  #features_wrapper02 .features:nth-child(3) .features_img {
    top: 20px;
  }
}
@media screen and (min-width: 769px) {
  #features_wrapper02 .job_list {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: calc(100% - 14.285vw);
    margin: auto;
    -moz-column-gap: 2.142vw;
         column-gap: 2.142vw;
    row-gap: 30px;
  }
}
@media screen and (min-width: 769px) {
  #features_wrapper02 .job {
    width: calc((100% - 4.285vw) / 2);
  }
}
@media screen and (min-width: 1000px) {
  #features_wrapper02 .job {
    width: calc((100% - 4.285vw) / 3);
  }
}
#features_wrapper02 .job_ttl {
  background-color: #EBB500;
}
#features_wrapper02 .tag {
  background-color: #EBB500;
}
#features_wrapper02 .job_txt::before {
  background-color: #EBB500;
}
#features_wrapper02 .movie_wrap {
  margin: 25px auto 0;
  width: calc(100% - 10.256vw);
  overflow: hidden;
  display: block;
  aspect-ratio: 16/9;
}
@media screen and (min-width: 769px) {
  #features_wrapper02 .movie_wrap {
    margin: 40px auto 0;
    width: 100%;
  }
}
#features_wrapper02 .movie_wrap iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#features_wrapper02 .blue_tag {
  background-color: #EBB500;
  padding: 0 3px;
  color: white;
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  #features_wrapper02 .inspection_wrap {
    width: calc(100% - 14.285vw);
    margin: 60px auto 0;
  }
}
@media screen and (min-width: 1200px) {
  #features_wrapper02 .inspection_wrap {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }
}
#features_wrapper02 .inspection_gray {
  position: relative;
  background-color: #F0F0F0;
  border-radius: 10px;
  margin: 30px 5.128vw 0;
  padding: 15px 5.128vw;
}
@media screen and (min-width: 769px) {
  #features_wrapper02 .inspection_gray {
    margin: 30px 0 0;
  }
}
@media screen and (min-width: 1200px) {
  #features_wrapper02 .inspection_gray {
    width: 360px;
    margin: 0;
    padding: 50px 1.428vw 0;
  }
}
#features_wrapper02 .inspection_gray::before {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 5px;
  height: 21px;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='40' viewBox='0 0 10 40'%3E%3Cg id='dots' transform='translate(-201 -5664)'%3E%3Ccircle id='楕円形_43' data-name='楕円形 43' cx='5' cy='5' r='5' transform='translate(201 5664)' fill='%23f15a22'/%3E%3Ccircle id='楕円形_44' data-name='楕円形 44' cx='5' cy='5' r='5' transform='translate(201 5679)' fill='%23f15a22'/%3E%3Ccircle id='楕円形_45' data-name='楕円形 45' cx='5' cy='5' r='5' transform='translate(201 5694)' fill='%23f15a22'/%3E%3C/g%3E%3C/svg%3E%0A");
}
@media screen and (min-width: 1200px) {
  #features_wrapper02 .inspection_gray::before {
    bottom: auto;
    top: 50%;
    left: auto;
    right: -1.785vw;
    transform: translate(-50%, 0) rotate(90deg);
  }
}
#features_wrapper02 .inspection_gray .gray_txt {
  font-size: 1.8rem;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  #features_wrapper02 .inspection_gray .gray_txt {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  #features_wrapper02 .inspection_gray .gray_txt {
    text-align: center;
  }
}
#features_wrapper02 .inspection_gray .img_wrap {
  position: absolute;
  bottom: 0;
  right: 15px;
  width: 65.87px;
  margin: 0;
}
@media screen and (min-width: 769px) {
  #features_wrapper02 .inspection_gray .img_wrap {
    width: 9.065vw;
    max-width: 126.92px;
  }
}
@media screen and (min-width: 1200px) {
  #features_wrapper02 .inspection_gray .img_wrap {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    margin-top: 25px;
  }
}
#features_wrapper02 .inspection_orange {
  margin: 40px 5.128vw 0;
  background-color: #FFF6EA;
  border-radius: 10px;
  padding: 25px 5.128vw 0;
}
@media screen and (min-width: 769px) {
  #features_wrapper02 .inspection_orange {
    margin: 40px 0 0;
  }
}
@media screen and (min-width: 1200px) {
  #features_wrapper02 .inspection_orange {
    margin: 0;
    width: calc(100% - 360px - 2.857vw);
    padding: 30px 1.428vw 30px 2.142vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1200px) {
  #features_wrapper02 .inspection_orange .txt_box {
    width: calc(100% - 16.428vw - 1.428vw);
  }
}
#features_wrapper02 .inspection_orange .orange_txt {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 10px;
}
@media screen and (min-width: 769px) {
  #features_wrapper02 .inspection_orange .orange_txt {
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
#features_wrapper02 .inspection_orange .img_wrap {
  margin: 9px auto 0;
}
@media screen and (min-width: 769px) {
  #features_wrapper02 .inspection_orange .img_wrap {
    width: 16.428vw;
    max-width: 230px;
  }
}
@media screen and (min-width: 1200px) {
  #features_wrapper02 .inspection_orange .img_wrap {
    margin: 0;
  }
}
#features_wrapper02 .what_wrap {
  margin: 20px 5.128vw 0;
}
@media screen and (min-width: 769px) {
  #features_wrapper02 .what_wrap {
    margin: 30px 7.1428vw 0;
  }
}
#features_wrapper02 .what_wrap .blue_txt {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  font-family: "Zen Kaku Gothic New", monospace;
}
@media screen and (min-width: 769px) {
  #features_wrapper02 .what_wrap .blue_txt {
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
}
#features_wrapper02 .what_wrap .txt_list {
  font-family: "Zen Kaku Gothic New", monospace;
}
#features_wrapper02 .what_wrap .txt_list::before {
  background-color: #EBB500;
}
#features_wrapper02 .what_wrap .note {
  font-size: 1.2rem;
  margin-top: 15px;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (min-width: 769px) {
  #features_wrapper02 .what_wrap .note {
    font-size: 1.4rem;
  }
}

/* sec_特徴03 就職はまだ早い…と思う方へ
--------------------------------------------------*/
#features_wrapper03 {
  position: relative;
  /* モーダルを開くボタン */
  /* モーダルと背景の指定 */
  /* クラスが追加された時の指定 */
  /* モーダル内側の指定 */
}
#features_wrapper03::before {
  content: "";
  position: absolute;
  top: 12.2px;
  right: -35px;
  width: 107.43px;
  height: 166.78px;
  background-image: url(../img/top/ashirai_green01.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  #features_wrapper03::before {
    top: 55.2px;
    right: 14.285vw;
  }
}
#features_wrapper03::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: -19px;
  left: -36px;
  width: 120.34px;
  height: 198.02px;
  background-image: url(../img/top/ashirai_green03.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  #features_wrapper03::after {
    bottom: 13px;
    left: 1.014vw;
  }
}
#features_wrapper03 .wide__width::before {
  content: "";
  position: absolute;
  top: 745px;
  left: -80px;
  width: 124.24px;
  height: 110.75px;
  background-image: url(../img/top/ashirai_green02.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  #features_wrapper03 .wide__width::before {
    top: auto;
    bottom: 19.785vw;
    left: auto;
    right: -4.435vw;
  }
}
#features_wrapper03 .features_tag {
  background-color: #4FB477;
}
#features_wrapper03 .features {
  border-color: #4FB477;
}
@media screen and (min-width: 769px) {
  #features_wrapper03 .features {
    padding-bottom: 75px;
  }
}
#features_wrapper03 .features_ttl {
  background-color: #4FB477;
}
#features_wrapper03 .sub_ttl {
  color: #4FB477;
}
#features_wrapper03 .training_list {
  margin: 30px 5.128vw 0;
}
@media screen and (min-width: 769px) {
  #features_wrapper03 .training_list {
    margin: 100px 7.142vw 0;
  }
}
#features_wrapper03 .training {
  margin-top: 30px;
}
@media screen and (min-width: 769px) {
  #features_wrapper03 .training {
    margin-top: 40px;
  }
}
@media screen and (min-width: 769px) {
  #features_wrapper03 .training:first-child {
    margin-top: 0;
  }
}
@media screen and (min-width: 769px) {
  #features_wrapper03 .training:last-child {
    width: calc(100% - 248.68px - 4.285vw);
    margin-top: 60px;
  }
}
#features_wrapper03 .training_ttl {
  font-size: 1.6rem;
  color: #4FB477;
  line-height: 1.5;
  margin-bottom: 10px;
}
@media screen and (min-width: 769px) {
  #features_wrapper03 .training_ttl {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 769px) {
  #features_wrapper03 .training_wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    -moz-column-gap: 2.142vw;
         column-gap: 2.142vw;
  }
}
#features_wrapper03 .training_txt {
  margin-top: 5px;
  margin-bottom: 20px;
}
@media screen and (min-width: 769px) {
  #features_wrapper03 .txt_list {
    word-break: keep-all;
    display: ruby;
  }
}
#features_wrapper03 .txt_list::before {
  background-color: #4FB477;
}
#features_wrapper03 .txt_list.pc-view {
  padding-left: 0;
}
#features_wrapper03 .txt_list.pc-view::before {
  display: none;
}
#features_wrapper03 .txt_list .etc {
  font-size: 1.8rem;
}
#features_wrapper03 .bottom_img {
  margin: 10px auto 0;
  width: 248.68px;
}
@media screen and (min-width: 769px) {
  #features_wrapper03 .bottom_img {
    position: absolute;
    bottom: 25px;
    right: 7.142vw;
  }
}
#features_wrapper03 .training_modal_list {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
#features_wrapper03 .training_modal_box {
  width: calc(50% - 5px);
}
@media screen and (min-width: 769px) {
  #features_wrapper03 .training_modal_box {
    width: calc(50% - 10px);
  }
}
@media screen and (min-width: 1200px) {
  #features_wrapper03 .training_modal_box {
    width: calc((100% - 60px) / 4);
  }
}
#features_wrapper03 .modal-open {
  cursor: pointer;
  background-color: transparent;
  border: none;
  padding: 8px 0;
  margin: 0;
  position: relative;
  z-index: 500;
  width: 100%;
  border-radius: 5px;
  background-color: #4FB477;
  transition: all 0.4s ease-out;
}
@media screen and (min-width: 769px) {
  #features_wrapper03 .modal-open {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
}
#features_wrapper03 .modal-open::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 9.4px;
  transform: translate(0, -50%);
  width: 12.02px;
  height: 12.02px;
  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='12.02' height='12.02' viewBox='0 0 12.02 12.02'%3E%3Cg id='プラスのアイコン' transform='translate(1 1)'%3E%3Cpath id='線_1' data-name='線 1' d='M10.02,1H0A1,1,0,0,1-1,0,1,1,0,0,1,0-1H10.02a1,1,0,0,1,1,1A1,1,0,0,1,10.02,1Z' transform='translate(0 5.01)' fill='%23fff'/%3E%3Cpath id='線_2' data-name='線 2' d='M0,11.02a1,1,0,0,1-1-1V0A1,1,0,0,1,0-1,1,1,0,0,1,1,0V10.02A1,1,0,0,1,0,11.02Z' transform='translate(5.01)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#features_wrapper03 .modal-open:hover {
  opacity: 0.7;
}
#features_wrapper03 .icon_wrap {
  width: 40px;
  margin: auto;
}
@media screen and (min-width: 769px) {
  #features_wrapper03 .icon_wrap {
    width: clamp(30px, 2.857vw, 40px);
    margin: 0 10px;
  }
}
#features_wrapper03 .modal_open_txt {
  color: white;
  font-weight: 600;
  margin-top: 5px;
  letter-spacing: 0;
}
@media screen and (min-width: 769px) {
  #features_wrapper03 .modal_open_txt {
    margin-top: 0;
    font-size: clamp(1.4rem, 1.142vw, 1.6rem);
  }
}
#features_wrapper03 .modal {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(28, 28, 28, 0.5);
  padding: 40px 20px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-out;
  box-sizing: border-box;
}
#features_wrapper03 .modal.is-active {
  opacity: 1;
  visibility: visible;
}
#features_wrapper03 .modal.is-active .modal-close {
  pointer-events: all;
}
#features_wrapper03 .modal-container {
  position: absolute;
  z-index: 100;
  top: 130px;
  left: 50%;
  transform: translate(-50%, 0);
  display: inline-block;
  width: calc(100% - 10.256vw);
  max-height: calc(100vh - 170px);
  background-color: white;
  border: 2px solid #4FB477;
  border-radius: 5px;
}
#features_wrapper03 .modal_ttl_box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #4FB477;
  padding: 10px 5.128vw;
}
#features_wrapper03 .modal_ttl_box .icon_wrap {
  margin: 0;
}
#features_wrapper03 .modal_ttl_box .modal_open_txt {
  margin-top: 0;
  margin-left: 15px;
  font-size: 1.8rem;
}
#features_wrapper03 .modal_ttl_box .modal-close {
  position: relative;
  cursor: pointer;
  margin-left: auto;
  width: 40px;
  height: 40px;
}
#features_wrapper03 .modal_ttl_box .modal-close::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12.02px;
  height: 2px;
  border-radius: 2px;
  background-color: white;
}
#features_wrapper03 .training_point_wrap {
  padding: 20px 5.128vw 30px;
}
#features_wrapper03 .training_point {
  text-align: left;
  font-weight: 600;
  color: #4FB477;
}
#features_wrapper03 .training_point_list_box {
  position: relative;
  text-align: left;
  padding-left: 20px;
  padding-bottom: 15px;
  margin-top: 15px;
  border-bottom: 1px solid rgba(78, 180, 119, 0.5);
}
#features_wrapper03 .training_point_list_box:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
#features_wrapper03 .training_point_list_box::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 12.25px;
  height: 8.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='12.25' height='8.75' viewBox='0 0 12.25 8.75'%3E%3Cpath id='パス_35224' data-name='パス 35224' d='M12.879-9.379a.913.913,0,0,1,.246.629.913.913,0,0,1-.246.629l-7,7a.913.913,0,0,1-.629.246.913.913,0,0,1-.629-.246l-3.5-3.5A.913.913,0,0,1,.875-5.25a.913.913,0,0,1,.246-.629.913.913,0,0,1,.629-.246.913.913,0,0,1,.629.246L5.25-2.98l6.371-6.4a.913.913,0,0,1,.629-.246A.913.913,0,0,1,12.879-9.379Z' transform='translate(-0.875 9.625)' fill='%234eb477'/%3E%3C/svg%3E%0A");
}
#features_wrapper03 .myproject_list {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
#features_wrapper03 .myproject_list_box {
  width: 100%;
  margin-top: 30px;
}
@media screen and (min-width: 769px) {
  #features_wrapper03 .myproject_list_box {
    width: calc((100% - 40px) / 3);
    margin-top: 0;
  }
}
#features_wrapper03 .myproject_list_box:first-child {
  margin-top: 0;
}
#features_wrapper03 .project_top {
  text-align: center;
  background-color: #4FB477;
  color: white;
  font-size: 1.8rem;
  font-weight: 600;
  padding: 9px 0;
  border-radius: 5px;
}
#features_wrapper03 .project_top .f_80 {
  color: white;
  font-weight: 600;
}
#features_wrapper03 .project_step_list_box {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin-top: 10px;
  background-color: white;
  border-radius: 5px;
  border: 1px solid #4FB477;
}
#features_wrapper03 .project_step_list_box::before {
  content: "";
  position: absolute;
  top: -9px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 11.25px;
  height: 6.56px;
  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='11.25' height='6.563' viewBox='0 0 11.25 6.563'%3E%3Cpath id='arrow01' d='M1.2-6.3a.978.978,0,0,0-.264.674.978.978,0,0,0,.264.674L5.889-.264A.978.978,0,0,0,6.563,0a.978.978,0,0,0,.674-.264A.978.978,0,0,0,7.5-.937a.978.978,0,0,0-.264-.674L3.193-5.625,7.236-9.639a.978.978,0,0,0,.264-.674.978.978,0,0,0-.264-.674.978.978,0,0,0-.674-.264.978.978,0,0,0-.674.264Z' transform='translate(11.25 7.5) rotate(-90)' fill='%234fb477'/%3E%3C/svg%3E%0A");
}
#features_wrapper03 .step_txt_box {
  background-color: #4FB477;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px 0 0 3px;
}
#features_wrapper03 .step_txt {
  font-size: 2rem;
  font-weight: 900;
  line-height: 1;
  color: white;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#features_wrapper03 .step_txt .f_40 {
  font-size: 0.8rem;
  font-weight: 900;
  color: white;
}
#features_wrapper03 .step_message {
  width: calc(100% - 36px);
  font-size: 1.8rem;
  font-weight: 600;
  padding: 10px;
}
#features_wrapper03 .project_step_anytxt {
  text-align: center;
  font-weight: 600;
  margin-top: 15px;
}
@media screen and (min-width: 769px) {
  #features_wrapper03 .project_step_anytxt {
    text-align: left;
  }
}

/* sec_特徴04 スタッフの専門性と多様さ
--------------------------------------------------*/
#features_wrapper04 {
  position: relative;
  background-color: #F5FAFF;
}
#features_wrapper04::before {
  content: "";
  position: absolute;
  top: 221px;
  left: -53.7px;
  width: 120.34px;
  height: 198.02px;
  background-image: url(../img/top/ashirai_blue01.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  #features_wrapper04::before {
    top: 52.2px;
    left: 5.692vw;
  }
}
#features_wrapper04::after {
  content: "";
  position: absolute;
  bottom: 16px;
  right: -10px;
  width: 121.3px;
  height: 203.27px;
  background-image: url(../img/top/ashirai_blue02.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  #features_wrapper04::after {
    bottom: 307px;
    right: 4.357vw;
  }
}
#features_wrapper04 .features_tag {
  background-color: #279AF1;
}
#features_wrapper04 .features {
  border-color: #279AF1;
}
#features_wrapper04 .features_ttl {
  background-color: #279AF1;
}
#features_wrapper04 .sub_ttl {
  color: #279AF1;
}
@media screen and (min-width: 769px) {
  #features_wrapper04 .specialty_txt {
    text-align: center;
  }
}
#features_wrapper04 .graph_list {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-top: 30px;
}
@media screen and (min-width: 769px) {
  #features_wrapper04 .graph_list {
    width: calc(100% - 14.285vw);
    margin: 30px auto 0;
  }
}
#features_wrapper04 .graph {
  width: calc((100% - 30px) / 3);
  background-color: white;
  border-radius: 10px;
}
@media screen and (min-width: 769px) {
  #features_wrapper04 .graph {
    width: calc((100% - 4.285vw) / 3);
  }
}
#features_wrapper04 .graph .img_wrap {
  width: 20.512vw;
  margin: 15px auto 15px;
}
@media screen and (min-width: 769px) {
  #features_wrapper04 .graph .img_wrap {
    width: 12vw;
    margin: 15px auto 10px;
  }
}
#features_wrapper04 .graph_ttl {
  text-align: center;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 10px;
}
@media screen and (min-width: 769px) {
  #features_wrapper04 .graph_ttl {
    margin-bottom: 15px;
  }
}
#features_wrapper04 .blue_box {
  background-color: white;
  border-radius: 10px;
  border: 2px solid #279AF1;
  margin-top: 20px;
}
@media screen and (min-width: 769px) {
  #features_wrapper04 .blue_box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 2.857vw;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 30px auto 0;
  }
}
#features_wrapper04 .blue_box .blue_ttl {
  text-align: center;
  margin: 15px 0 12px;
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  #features_wrapper04 .blue_box .blue_ttl {
    text-align: left;
    margin-right: 2.857vw;
  }
}
#features_wrapper04 .blue_box .img_wrap {
  margin: 0 auto;
  width: 187px;
}

/* sec_特徴05 医療機関からの推薦
--------------------------------------------------*/
#features_wrapper05 {
  position: relative;
  background-color: #FFF6EA;
}
#features_wrapper05::before {
  content: "";
  position: absolute;
  top: 0;
  left: -45.8px;
  width: 117.68px;
  height: 166.78px;
  -webkit-mask-image: url(../img/top/ashirai03.webp);
          mask-image: url(../img/top/ashirai03.webp);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  background-color: #FDD2C9;
}
@media screen and (min-width: 769px) {
  #features_wrapper05::before {
    top: 50.6px;
    left: 12.664vw;
  }
}
#features_wrapper05::after {
  content: "";
  position: absolute;
  top: 190px;
  right: -47.1px;
  width: 124.24px;
  height: 110.75px;
  -webkit-mask-image: url(../img/top/ashirai02.webp);
          mask-image: url(../img/top/ashirai02.webp);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  background-color: #FDD2C9;
}
@media screen and (min-width: 769px) {
  #features_wrapper05::after {
    top: 228px;
    right: 7.142vw;
  }
}
#features_wrapper05 .features_tag {
  background-color: #D61019;
}
@media screen and (min-width: 769px) {
  #features_wrapper05 .recommendation_txt {
    text-align: center;
  }
}
#features_wrapper05 .fukidashi {
  position: relative;
  text-align: center;
  margin: 30px auto 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 700;
  font-size: 1.6rem;
  color: #D61019;
}
@media screen and (min-width: 769px) {
  #features_wrapper05 .fukidashi {
    font-size: 1.8rem;
  }
}
#features_wrapper05 .fukidashi::before, #features_wrapper05 .fukidashi::after {
  content: "";
  position: absolute;
  bottom: 4px;
  left: -10px;
  background-color: #D61019;
  width: 1px;
  height: 16px;
  transform: rotate(-25deg);
}
#features_wrapper05 .fukidashi::after {
  left: auto;
  right: -10px;
  transform: rotate(25deg);
}
#features_wrapper05 .recommendation_ttl {
  text-align: center;
  font-size: 2rem;
}
@media screen and (min-width: 769px) {
  #features_wrapper05 .recommendation_ttl {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 769px) {
  #features_wrapper05 .recommendation_list {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: calc(100% - 14.285vw);
    margin: 0 auto;
  }
}
#features_wrapper05 .recommendation {
  margin-top: 30px;
}
@media screen and (min-width: 769px) {
  #features_wrapper05 .recommendation {
    width: calc(50% - 1.428vw);
    display: flex;
    flex-direction: column;
  }
}
#features_wrapper05 .recommendation .teacher_wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  -moz-column-gap: 5.128vw;
       column-gap: 5.128vw;
}
@media screen and (min-width: 769px) {
  #features_wrapper05 .recommendation .teacher_wrap {
    -moz-column-gap: 1.428vw;
         column-gap: 1.428vw;
  }
}
#features_wrapper05 .recommendation .img_wrap {
  width: 98px;
  margin: 0;
}
#features_wrapper05 .recommendation .name {
  font-size: 1.8rem;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  #features_wrapper05 .recommendation .name {
    font-size: 2rem;
  }
}
#features_wrapper05 .recommendation .name .f_90 {
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  #features_wrapper05 .recommendation .name .f_90 {
    font-size: 2.4rem;
  }
}
#features_wrapper05 .recommendation .name .f_80 {
  font-weight: 700;
}
#features_wrapper05 .recommendation .name .orange {
  color: #D61019;
}
#features_wrapper05 .teacher_comment {
  margin: 15px 0;
}
@media screen and (min-width: 769px) {
  #features_wrapper05 .teacher_comment {
    margin: 15px 0 20px;
  }
}
#features_wrapper05 .profile_box {
  background-color: white;
  border: 2px solid #D61019;
  border-radius: 20px;
  padding: 14px 5.128vw 20px;
}
@media screen and (min-width: 769px) {
  #features_wrapper05 .profile_box {
    padding: 20px 1.428vw;
    margin: auto auto 0;
  }
}
#features_wrapper05 .txt_list {
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  #features_wrapper05 .txt_list {
    font-size: 1.8rem;
  }
}
#features_wrapper05 .txt_list::before {
  background-color: #D61019;
}
#features_wrapper05 .profile_txt {
  margin-top: 10px;
}

/* sec_事業所一覧
--------------------------------------------------*/
#office__wrapper {
  background-color: #FFF0D5;
  padding: 50px 0 60px;
}
@media screen and (min-width: 769px) {
  #office__wrapper {
    padding: 80px 0;
  }
}
#office__wrapper .fukidashi {
  position: relative;
  text-align: center;
  margin: 0 auto 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 700;
  font-size: 1.6rem;
}
@media screen and (min-width: 769px) {
  #office__wrapper .fukidashi {
    font-size: 1.8rem;
  }
}
#office__wrapper .fukidashi::before, #office__wrapper .fukidashi::after {
  content: "";
  position: absolute;
  bottom: 4px;
  left: -10px;
  background-color: #F15A22;
  width: 1px;
  height: 16px;
  transform: rotate(-25deg);
}
#office__wrapper .fukidashi::after {
  left: auto;
  right: -10px;
  transform: rotate(25deg);
}
#office__wrapper .office_img {
  width: 142.34px;
  margin: 12px auto 15px;
}
@media screen and (min-width: 769px) {
  #office__wrapper .office_img {
    width: 198.36px;
    position: absolute;
    top: -45px;
    left: calc(50% + 21rem + 10.714vw);
    transform: translate(-50%, 0);
    margin: auto;
  }
}
#office__wrapper .office {
  margin-top: 20px;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  #office__wrapper .office {
    margin-top: 40px;
  }
}
#office__wrapper .office.active .plus_btn::after {
  transform: translate(-50%, -50%) rotate(0deg);
}
#office__wrapper .office:first-child .office_txt_box {
  height: auto;
}
#office__wrapper .accordionBtn {
  position: relative;
  border: none;
  width: 100%;
  background-color: inherit;
  color: #F15A22;
  cursor: pointer;
  padding: 15px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  background-color: #F15A22;
}
@media screen and (min-width: 769px) {
  #office__wrapper .accordionBtn {
    pointer-events: none;
    background-color: white;
    padding: 40px 0 30px;
  }
}
#office__wrapper .office_area {
  font-size: 2rem;
  font-weight: 700;
  color: white;
}
@media screen and (min-width: 769px) {
  #office__wrapper .office_area {
    color: #000;
    font-size: 2.6rem;
  }
}
#office__wrapper .plus_btn {
  background-color: white;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 5.128vw;
  transform: translate(0, -50%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
@media screen and (min-width: 769px) {
  #office__wrapper .plus_btn {
    display: none;
  }
}
#office__wrapper .plus_btn::before, #office__wrapper .plus_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 2px;
  border-radius: 10px;
  background-color: #F15A22;
  transition: all 0.4s ease-out;
}
#office__wrapper .plus_btn::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
#office__wrapper .office_txt_box {
  height: 0;
  padding: 0;
  overflow: hidden;
  transition: all 0.4s ease-out;
  background-color: white;
  margin: 0;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
@media screen and (min-width: 769px) {
  #office__wrapper .office_txt_box {
    height: 100%;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 7.142vw 20px;
  }
}
#office__wrapper .office_box {
  position: relative;
  padding: 0 5.128vw;
}
@media screen and (min-width: 769px) {
  #office__wrapper .office_box {
    padding: 0;
    width: calc(50% - 1.428vw);
  }
}
#office__wrapper .office_box:first-child {
  margin-top: 20px;
}
@media screen and (min-width: 769px) {
  #office__wrapper .office_box:first-child {
    margin-top: 0;
  }
}
#office__wrapper .office_box:last-child {
  padding-bottom: 25px;
  margin-bottom: 0;
}
#office__wrapper .office_box::before {
  content: "";
  position: absolute;
  bottom: -21px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #FBCDBC;
}
#office__wrapper .office_ttl {
  font-size: 1.8rem;
  margin-bottom: 5px;
}
@media screen and (min-width: 769px) {
  #office__wrapper .office_ttl {
    font-size: 2rem;
    margin-bottom: 10px;
  }
}
#office__wrapper .tag_wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
#office__wrapper .tag_wrap .it {
  font-size: 1.4rem;
}
@media screen and (min-width: 769px) {
  #office__wrapper .tag_wrap .it {
    font-size: 1.6rem;
  }
}
#office__wrapper .tag {
  display: inline-block;
  border-radius: 5px;
  border: 1px solid #F15A22;
  font-size: 1.2rem;
  padding: 0 5px;
}
@media screen and (min-width: 769px) {
  #office__wrapper .tag {
    font-size: 1.4rem;
  }
}
#office__wrapper .tag.green {
  border-color: #227A00;
  color: #227A00;
}
#office__wrapper .tag.pink {
  border-color: #D61019;
  color: #D61019;
}
#office__wrapper .office_access {
  position: relative;
  margin-top: 10px;
  padding-left: 16px;
}
#office__wrapper .office_access::before {
  content: "";
  position: absolute;
  top: 0.3em;
  left: 0;
  width: 12.25px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.25' height='14' viewBox='0 0 12.25 14'%3E%3Cpath id='パス_34436' data-name='パス 34436' d='M2.625-12.25a2.617,2.617,0,0,0-1.859.766A2.617,2.617,0,0,0,0-9.625v7A2.7,2.7,0,0,0,.629-.9a2.653,2.653,0,0,0,1.586.875L.957,1.23A.283.283,0,0,0,.9,1.559a.294.294,0,0,0,.273.191H2.27a.818.818,0,0,0,.6-.246L4.375,0h3.5l1.5,1.5a.818.818,0,0,0,.6.246h1.094a.294.294,0,0,0,.273-.191.283.283,0,0,0-.055-.328L10.035-.027A2.653,2.653,0,0,0,11.621-.9a2.7,2.7,0,0,0,.629-1.723v-7a2.617,2.617,0,0,0-.766-1.859,2.617,2.617,0,0,0-1.859-.766ZM1.75-8.75A.852.852,0,0,1,2-9.379a.852.852,0,0,1,.629-.246H4.813a.852.852,0,0,1,.629.246.852.852,0,0,1,.246.629v2.625a.852.852,0,0,1-.246.629.852.852,0,0,1-.629.246H2.625A.852.852,0,0,1,2-5.5a.852.852,0,0,1-.246-.629Zm5.688-.875H9.625a.852.852,0,0,1,.629.246.852.852,0,0,1,.246.629v2.625a.852.852,0,0,1-.246.629.852.852,0,0,1-.629.246H7.438A.852.852,0,0,1,6.809-5.5a.852.852,0,0,1-.246-.629V-8.75a.852.852,0,0,1,.246-.629A.852.852,0,0,1,7.438-9.625Zm-3.937,7A.852.852,0,0,1,3.254-2a.852.852,0,0,1-.629.246A.852.852,0,0,1,2-2a.852.852,0,0,1-.246-.629A.852.852,0,0,1,2-3.254.852.852,0,0,1,2.625-3.5a.852.852,0,0,1,.629.246A.852.852,0,0,1,3.5-2.625Zm6.125.875A.852.852,0,0,1,9-2a.852.852,0,0,1-.246-.629A.852.852,0,0,1,9-3.254.852.852,0,0,1,9.625-3.5a.852.852,0,0,1,.629.246.852.852,0,0,1,.246.629A.852.852,0,0,1,10.254-2,.852.852,0,0,1,9.625-1.75Z' transform='translate(0 12.25)' fill='%23f15a22'/%3E%3C/svg%3E%0A");
}
#office__wrapper .office_address {
  position: relative;
  font-weight: 400;
  padding-left: 16px;
}
#office__wrapper .office_address::before {
  content: "";
  position: absolute;
  top: 0.3em;
  left: 0;
  width: 10.5px;
  height: 13.97px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.5' height='13.973' viewBox='0 0 10.5 13.973'%3E%3Cpath id='パス_34437' data-name='パス 34437' d='M5.906,1.395q.738-.9,1.8-2.434A27.489,27.489,0,0,0,9.625-4.156,7.157,7.157,0,0,0,10.5-7a5.233,5.233,0,0,0-1.531-3.719A5.233,5.233,0,0,0,5.25-12.25a5.233,5.233,0,0,0-3.719,1.531A5.233,5.233,0,0,0,0-7,7.157,7.157,0,0,0,.875-4.156,27.489,27.489,0,0,0,2.789-1.039Q3.855.492,4.594,1.395a.82.82,0,0,0,1.313,0ZM5.25-5.25a1.767,1.767,0,0,1-1.23-.52A1.767,1.767,0,0,1,3.5-7a1.767,1.767,0,0,1,.52-1.23,1.767,1.767,0,0,1,1.23-.52,1.767,1.767,0,0,1,1.23.52A1.767,1.767,0,0,1,7-7a1.767,1.767,0,0,1-.52,1.23A1.767,1.767,0,0,1,5.25-5.25Z' transform='translate(0 12.25)' fill='%23f15a22'/%3E%3C/svg%3E%0A");
}
#office__wrapper .office_address .block {
  font-weight: 400;
  display: inline-block;
}
#office__wrapper .office_btn {
  width: 170px;
  text-align: center;
  color: white;
  background-color: #279AF1;
  border-radius: 30px;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 10px 0;
  margin-top: 10px;
  border: 2px solid #279AF1;
}
#office__wrapper .office_btn:hover {
  color: #279AF1;
  background-color: white;
}
#office__wrapper .online_bnr {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px auto 0;
  background-color: #FFF6EA;
  border-radius: 10px;
  border: 1px solid #F15A22;
  padding: 10px 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-image: url(../img/top/online_illust_bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
@media screen and (min-width: 769px) {
  #office__wrapper .online_bnr {
    padding: 17px 2.142vw;
    -moz-column-gap: 2.857vw;
         column-gap: 2.857vw;
  }
}
#office__wrapper .online_bnr .img_wrap {
  width: 84px;
  height: 84px;
  margin: 0;
}
@media screen and (min-width: 769px) {
  #office__wrapper .online_bnr .img_wrap {
    width: 125px;
    height: 125px;
  }
}
#office__wrapper .online_bnr .big_txt {
  font-size: 1.6rem;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  #office__wrapper .online_bnr .big_txt {
    font-size: 3rem;
  }
}
#office__wrapper .online_bnr .big_txt span {
  font-weight: 700;
}
#office__wrapper .online_bnr .small_txt {
  font-size: 1.2rem;
}
@media screen and (min-width: 769px) {
  #office__wrapper .online_bnr .small_txt {
    font-size: 1.4rem;
    margin-top: 6px;
  }
}

/* sec_ご利用までの流れ
--------------------------------------------------*/
#flow__wrapper {
  position: relative;
  background-color: #FFF6EA;
  padding: 60px 0;
}
@media screen and (min-width: 769px) {
  #flow__wrapper {
    padding: 80px 0;
  }
}
#flow__wrapper::before {
  content: "";
  position: absolute;
  top: 19.3px;
  right: -17.4px;
  width: 124.24px;
  height: 110.75px;
  background-image: url(../img/top/ashirai02.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  #flow__wrapper::before {
    right: 34.828vw;
  }
}
#flow__wrapper::after {
  content: "";
  position: absolute;
  bottom: -5px;
  right: -26.4px;
  width: 124.24px;
  height: 110.75px;
  background-image: url(../img/top/ashirai02.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  #flow__wrapper::after {
    bottom: 35px;
    right: 9.114vw;
  }
}
@media screen and (min-width: 769px) {
  #flow__wrapper .flow_list {
    width: calc(100% - 14.285vw);
    margin: auto;
  }
}
#flow__wrapper .flow {
  position: relative;
  background-color: white;
  border-radius: 20px;
  padding: 20px 5.128vw;
  margin-top: 70px;
}
@media screen and (min-width: 769px) {
  #flow__wrapper .flow {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
#flow__wrapper .flow:first-child {
  margin-top: 30px;
}
@media screen and (min-width: 769px) {
  #flow__wrapper .flow:first-child {
    margin-top: 40px;
  }
}
#flow__wrapper .flow:first-child::before {
  display: none;
}
#flow__wrapper .flow:last-child::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -81.2px;
  left: -44.8px;
  width: 117.68px;
  height: 166.78px;
  background-image: url(../img/top/ashirai03.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  #flow__wrapper .flow:last-child::after {
    top: -152.4px;
    left: -7.142vw;
  }
}
#flow__wrapper .flow:last-child .img_wrap {
  width: 164.9px;
}
#flow__wrapper .flow:nth-child(2)::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -105px;
  right: -39.8px;
  width: 117.68px;
  height: 166.78px;
  background-image: url(../img/top/ashirai03.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  #flow__wrapper .flow:nth-child(2)::after {
    top: -89.4px;
    right: -5.357vw;
  }
}
#flow__wrapper .flow:nth-child(3)::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -49.8px;
  left: -12.12px;
  width: 124.24px;
  height: 110.75px;
  background-image: url(../img/top/ashirai02.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media screen and (min-width: 769px) {
  #flow__wrapper .flow:nth-child(3)::after {
    top: -148px;
    left: -6.235vw;
  }
}
#flow__wrapper .flow::before {
  content: "";
  position: absolute;
  top: -55px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 10px;
  height: 40px;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='40' viewBox='0 0 10 40'%3E%3Cg id='dots' transform='translate(-201 -5664)'%3E%3Ccircle id='楕円形_43' data-name='楕円形 43' cx='5' cy='5' r='5' transform='translate(201 5664)' fill='%23f15a22'/%3E%3Ccircle id='楕円形_44' data-name='楕円形 44' cx='5' cy='5' r='5' transform='translate(201 5679)' fill='%23f15a22'/%3E%3Ccircle id='楕円形_45' data-name='楕円形 45' cx='5' cy='5' r='5' transform='translate(201 5694)' fill='%23f15a22'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#flow__wrapper .sp-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#flow__wrapper .flow_ttl {
  font-size: 2rem;
  color: #F15A22;
}
@media screen and (min-width: 769px) {
  #flow__wrapper .txt_wrap {
    width: calc(100% - 98px - 4.285vw);
  }
}
#flow__wrapper .img_wrap {
  width: 98px;
  height: 98px;
  margin: 0;
}
#flow__wrapper .flow_txt {
  margin-top: 10px;
}
@media screen and (min-width: 769px) {
  #flow__wrapper .flow_txt {
    margin-top: 20px;
  }
}
#flow__wrapper .note_list {
  margin-top: 5px;
}
#flow__wrapper .note p {
  font-size: 1.2rem;
  text-indent: -1em;
  padding-left: 1em;
}
#flow__wrapper .txt_list {
  font-size: 1.6rem;
}
@media screen and (min-width: 769px) {
  #flow__wrapper .txt_list {
    font-size: 1.8rem;
  }
}
#flow__wrapper .txt_list:first-child {
  margin-top: 10px;
}

/* sec_よくあるご質問
--------------------------------------------------*/
#faq__wrapper {
  padding: 60px 0;
  background-color: #F5FAFF;
}
@media screen and (min-width: 769px) {
  #faq__wrapper {
    padding: 130px 0 80px;
  }
}
#faq__wrapper .img_wrap {
  width: 220.25px;
  margin: 15px auto;
}
@media screen and (min-width: 769px) {
  #faq__wrapper .img_wrap {
    margin: 0;
    position: absolute;
    top: -28px;
    left: calc(50% - 21rem - 3.142vw);
    transform: translate(-50%, 0);
  }
}
@media screen and (min-width: 769px) {
  #faq__wrapper .faq_list {
    width: calc(100% - 14.285vw);
    margin: auto;
    padding-top: 40px;
  }
}
#faq__wrapper .faq {
  background-color: white;
  border-radius: 10px;
  border: 1px solid #279AF1;
  padding: 17px 5.128vw 20px;
  margin-top: 20px;
}
@media screen and (min-width: 769px) {
  #faq__wrapper .faq {
    padding: 20px 1.428vw;
  }
}
#faq__wrapper .faq_ttl {
  position: relative;
  font-size: 1.6rem;
  padding-left: calc(2.5rem + 15px);
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  #faq__wrapper .faq_ttl {
    font-size: 1.8rem;
  }
}
#faq__wrapper .faq_ttl .blue {
  position: absolute;
  font-size: 2.5rem;
  font-weight: 700;
  top: -8px;
  left: 0;
}
#faq__wrapper .faq_txt {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #BDE0FB;
  font-weight: 400;
}

.footer_cta h2 {
  margin-bottom: 20px;
  font-size: clamp(2.4rem, 6.666vw, 2.6rem);
}
.footer_cta h2::before, .footer_cta h2::after {
  width: 2px;
  height: 15px;
  transform: rotate(-25deg);
  bottom: 5px;
}
.footer_cta h2::after {
  transform: rotate(25deg);
}
.footer_cta .online {
  margin-top: 30px;
}
.footer_cta .online a {
  position: relative;
  color: #F15A22;
  text-decoration: underline;
  text-underline-offset: 3px;
  padding-right: 20px;
}
.footer_cta .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("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.228' height='14.228' viewBox='0 0 14.228 14.228'%3E%3Cpath id='arrow-up-right-from-square-solid' d='M8.892,0a.889.889,0,0,0,0,1.778h2.3L5.6,7.375A.89.89,0,0,0,6.855,8.634l5.594-5.6v2.3a.889.889,0,0,0,1.778,0V.889A.888.888,0,0,0,13.338,0ZM2.223.889A2.222,2.222,0,0,0,0,3.112V12a2.222,2.222,0,0,0,2.223,2.223h8.892A2.222,2.222,0,0,0,13.338,12V8.892a.889.889,0,0,0-1.778,0V12a.446.446,0,0,1-.445.445H2.223A.446.446,0,0,1,1.778,12V3.112a.446.446,0,0,1,.445-.445H5.335a.889.889,0,0,0,0-1.778Z' fill='%23fff'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.228' height='14.228' viewBox='0 0 14.228 14.228'%3E%3Cpath id='arrow-up-right-from-square-solid' d='M8.892,0a.889.889,0,0,0,0,1.778h2.3L5.6,7.375A.89.89,0,0,0,6.855,8.634l5.594-5.6v2.3a.889.889,0,0,0,1.778,0V.889A.888.888,0,0,0,13.338,0ZM2.223.889A2.222,2.222,0,0,0,0,3.112V12a2.222,2.222,0,0,0,2.223,2.223h8.892A2.222,2.222,0,0,0,13.338,12V8.892a.889.889,0,0,0-1.778,0V12a.446.446,0,0,1-.445.445H2.223A.446.446,0,0,1,1.778,12V3.112a.446.446,0,0,1,.445-.445H5.335a.889.889,0,0,0,0-1.778Z' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-color: #F15A22;
  transition: 0.4s ease-out;
}
.footer_cta .tel_ttl {
  position: relative;
  margin: 30px 0 10px;
}
.footer_cta .tel_ttl svg {
  margin-bottom: -4px;
}
.footer_cta .tel_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  -moz-column-gap: 30px;
       column-gap: 30px;
  line-height: 1.6;
}
/*# sourceMappingURL=top.css.map */