@charset "UTF-8";
/* ======== common settings ======== */
/* ----- settings ----- */
html {
  font-size: 62.5%;
  overflow: auto;
  scroll-behavior: smooth;
}

body {
  width: 100%;
  background-color: #FFFFFF;
  line-height: 1.8;
  -webkit-text-size-adjust: none;
  font-family: 'ヒラギノ角ゴシック','Hiragino Sans', sans-serif;
  color: #191919;
  font-size: 14px;
  font-size: 1.4rem;
  word-break: break-all;
  overflow: auto;
}

ul,ol,dl{
  list-style: none;
}

img {
  width: 100%;
  vertical-align: bottom;
}

a {
  color: #000000;
  text-decoration: none;
}

sup{
  font-size: 0.8em;
  vertical-align: super;
}

main{
  margin-top: 100px;
}

/* ======== utility style ======== */
/* ----- media display ----- */
.sp {
  display: none !important;
}

/* ======== パーツ ======== */

.inner,
.ft_inner{
  width: min(90%,1000px);
  margin: 0 auto;
}

.cta_box{
  padding: 7rem 0;
}

.wrap_btn{
  display: flex;
  justify-content: center;
}

.wrap_hd_btn{
  display: flex;
  align-items: center;
  gap: 3rem;
}

.btn.blue{
  width: 176px;
}
.btn.pink{
  width: 136px;
}
.btn.gray{
  width: min(48%,460px);
}

.btn a{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  font-weight: 600;
  padding: 1.5rem 0;
  border-radius: 8px;
  transition: 0.2s;
}

.btn.hd_btn a{
  font-size: 1.4rem;
  line-height: 1;
}

.btn.hd_btn a:hover{
  opacity: 0.6;
}

.btn.pink a{
  background: #C61A6B;
}

.btn.blue a{
  background: #8593AB;
}

.btn.gray a{
  font-size: 2rem;
  background: #545151;
  border: 1.5px solid #545151;
}

.btn.gray a:hover{
  background: #fff;
  color: #545151;
}

/* .btn.gray a::before,
.btn.gray a::after{
  content: "";
  width: 12px;
  height: 2px;
  background: #fff;
  border-radius: 50px;
  position: absolute;
  top: 50%;
  right: min(2vw,40px);
}

.btn.gray a::before{
  transform: translateY(calc(-50% - 4px)) rotateZ(45deg);
}

.btn.gray a::after{
  transform: translateY(calc(-50% + 4px)) rotateZ(-45deg);
} */

.btn.gray a:hover::before,
.btn.gray a:hover::after{
  background: #545151;
}

.btn.gray.reverse a::before,
.btn.gray.reverse a::after{
  left: min(2vw,40px);
}

.btn.gray.reverse a::before{
  transform: translateY(calc(-50% - 4px)) rotateZ(-45deg);
}

.btn.gray.reverse a::after{
  transform: translateY(calc(-50% + 4px)) rotateZ(45deg);
}

.btn.btn-action a{
  background: #E94F98;
}

.btn.btn-action a:hover{
  border: 1.5px solid #545151!important;
}
.btn.btn-action a{
  border: none;
}

.show-sp{
  display: none!important;
}

.ttl_bgtxt{
  position: relative;
  text-align: center;
  min-height: 200px;
  margin-bottom: 4rem;
}

.movie.ttl_bgtxt {
  margin-top: 8rem;
}

.ttl_bgtxt .en,
.ttl_bgtxt .jp{
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ttl_bgtxt .jp{
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  z-index: 2
}

.ttl_bgtxt .jp span{
  font-size: 4.8rem;
  font-family: 'Arial','ヒラギノ角ゴシック','Hiragino Sans', sans-serif;
}

.ttl_bgtxt .en{
  font-family: 'Arial','ヒラギノ角ゴシック','Hiragino Sans', sans-serif;
  font-size: min(17vw,180px);
  color: #EDF1F2;
  font-weight: bold;
  line-height: 1;
  z-index: 1;
}

.ttl_bgtxt.white .en{
  color: #FFFFFF;
}

.section_white{
  background: #fff;
  padding: 8rem min(6vw,60px);
  border-radius: 16px;
}

.ttl_normal{
  font-size: 2.4rem;
  text-align: center;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: 4rem;
}

.main_ttl{
  font-size: 3.2rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-align: center;
  padding: 10rem 0;
  text-decoration: underline;
  text-decoration-thickness: 4px;
  text-decoration-color: #F859A4;
  text-underline-offset: 10px;
}

.breadcrumb{
  background: #FFFFFF;
  padding: 1.6rem 0;
}

.breadcrumb ul{
  display: flex;
  align-items: center;
}
.breadcrumb ul li{
  position: relative;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.6;
}
.breadcrumb ul li:not(:last-child){
  white-space: nowrap;
  margin-right: 4.5rem;
}
.breadcrumb ul li:not(:last-child)::before,
.breadcrumb ul li:not(:last-child)::after{
  content: "";
  display: block;
  width: 10px;
  height: 3px;
  background: #8593AB;
  border-radius: 50px;
  position: absolute;
  top: 50%;
  right: -3rem;
}
.breadcrumb ul li:not(:last-child)::before{
  transform: translateY(calc(-50% - 2.5px)) rotateZ(45deg);
}

.breadcrumb ul li:not(:last-child)::after{
  transform: translateY(calc(-50% + 2.5px)) rotateZ(-45deg);
}

.latest_ttl{
  position: relative;
  color: #626C7C;
  text-align: center;
  line-height: 1.2;
  font-weight: 600;
  font-size: 3.2rem;
  padding-bottom: 3rem;
  margin-bottom: 4rem;
}
.latest_ttl:after{
  content: "";
  width: 60px;
  height: 2px;
  background: #626C7C;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.pagenation_area{
  width: min(100%,880px);
  margin: 0 auto 12rem;
}

.pagenation_area > ul.page-numbers{
  display: flex;
  justify-content: center;
  gap: 0 4px;
}

.pagenation_area > ul.page-numbers li span,
.pagenation_area > ul.page-numbers li a{
  font-size: 1.4rem;
  color: #626C7C;
  font-family: 'Arial','ヒラギノ角ゴシック','Hiragino Sans', sans-serif;
  text-align: center;
  font-weight: bold;
  padding: 2.4rem 2.6rem;
  white-space: nowrap;
  border-radius: 8px;
}

.pagenation_area > ul.page-numbers li span.current{
  background: #D4D9E1;
}





/* ======== header ======== */
header{
  width: 100%;
  height: 100px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  transition: 0.2s;
}

header.heightmin{
  height: 80px;
}

header .bg_white{
  width: 100%;
  height: 100%;
  background: #fff;
}

header.heightmin .bg_white{
  background: transparent;
  backdrop-filter: brightness(400%) blur(130px) saturate(0.2);
  -webkit-backdrop-filter: brightness(400%) blur(80px) saturate(0.2);
}

.hd_inner{
  width: min(100%,1440px);
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 3rem;
  margin: 0 auto;
}

.logo{
  width: min(100%,341px);
  padding: 0 30px;
}

.logo a{
  display: block;
  width: 100%;
  height: 100%;
}

/* ======== footer ======== */

footer{
  background: #191919;
  padding: 50px 100px 64px 100px;
}

.ft_inner > ul{
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.ft_nav > ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 0;
}

.ft_nav > ul li{
  position: relative;
  line-height: 1;
}

.ft_nav > ul li:not(:last-child){
  margin-right: 4.1rem;
}

.ft_nav > ul li:not(:last-child)::after{
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  right: -2.1rem;
}

.ft_nav > ul li a{
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.6rem;
  color: #FFFFFF;
  letter-spacing: 0.05em;
}

.ft_cap{
  width: 200px;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1;
}

small{
  display: block;
  font-family: 'Arial','ヒラギノ角ゴシック','Hiragino Sans', sans-serif;
  font-size: 1.4rem;
  color: #fff;
  letter-spacing: 0.05em;
  margin-top: 1.6rem;
}

@media screen and (max-width:1240px) and (min-width: 768px){
  .ft_nav > ul li:not(:last-child) {
    margin-right: 2.1rem;
  }
  .ft_nav > ul li:not(:last-child)::after {
    right: -1.1rem;
  }
}

/* ======== フロートボタン ======== */
.float_area{
  position: fixed;
  bottom: 3.5rem;
  right: 0;
  width: min(22vw,245px);
  filter: drop-shadow(0px 10px 20px rgba(0,0,0,0.08));
  -webkit-filter: drop-shadow(0px 10px 20px rgba(0,0,0,0.08));
  z-index: 9999;
  opacity: 1;
  visibility: visible;
  transition: 0.2s;
}

.float_area picture,
.float_area a{
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: 0.2s;
}

.float_area a img{
  transition: 0.2s;
}

.float_area a:hover img{
  opacity: 0.6;
}

.line-area {
  display: none;
}

.line-description {
  display: none;
}

.magazine img {
  width: 164px;
  height: 200px;
}

.magazine__title {
  background: #8593AB;
  border-radius: 18px;
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
  padding: 5px 0;
}

.icon-ft-sp {
  display: none;
}

@media only screen 
  and (max-width: 480px)  {
    .line-description {
      display: block;
    }
  }

.is-hidden {
  visibility: hidden;
  opacity: 0;
}
/* ================== TOP ================== */
main.toppage{
  background: #EDF1F2;
}
/* ----- mv_area ----- */

.wrap_mv{
  width: 100%;
  height: 440px;
  background: url(../img/home/top_md.png) no-repeat;
  background-size: cover;
  box-shadow: 0px 25px 25px 0px rgba(128, 128, 128, 0.25);
  @media screen and (min-width: 1600px){
    background: url(../img/home/top_bg.png) no-repeat;
    background-size: cover;
    height: 420px;
  }
}

.mv_inner{
  width: min(100%,1240px);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-right: 12rem;
}

.mv_inner .img{
  width: 49%;
  margin-right: -3%;
}

.mv_inner .txt{
  width: 61%;
  transform: translateX(66%);
}

.mv_ttl {
  font-family: "YuGothic" !important;
  text-align: center;
  margin-right: 10rem;
}

.mv_ttl > span {
  position: relative;
  display: inline-block;
}

.mv_ttl > span > span {
  color: #E95098;
  position: relative;
  display: block;
  white-space: nowrap;
  line-height: 1;
  letter-spacing: 0.08em;
  margin-bottom: 1rem;
}

.txt_pc_1 {
  font-size: 52px;
  font-weight: 700;
  margin-top: 7rem;
  line-height: 53.612px; /* 103.101% */
}

.txt_pc_2 {
  font-size: 66px;
  font-weight: 700;
  line-height: 53.612px; /* 103.101% */
}

.txt_pc_3 {
  font-size: 51.2px;
  font-weight: 700;
  line-height: 53.612px; /* 103.101% */
}

.mv_ttl > span:not(:last-child){
  margin-bottom: 0rem;
}

.mv_sub_ttl {
  color: #606E79;
  margin-top: 1rem;
  font-size: 20px;
  text-align: center;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 24px */
}

.top-phrase {
  position: absolute;
  width: 180px;
  height: 180px;
  bottom: 1rem;
  left: 28rem;
}

.catch_phrase {
  display: block;
  margin-bottom: 1.2rem;
  color: #606E79;
  text-align: center;
  font-family: cursive;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 16px */
}

.mv_inner .txt ul{
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 1rem 0 6rem;
  left: -4%;
}

.mv_inner .txt ul li:not([class]){
  width: calc(94% / 3);
  background: #fff;
  padding: 1rem 1.6rem 1.5rem;
  border-radius: 8px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.08);
}

.mv_inner .txt ul li .bubble{
  position: relative;
  width: min(100%,144px);
  background: #DDDCDC;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 600;
  padding: 0.7rem 0;
  border-radius: 4px;
  margin: 0 auto;
}

.mv_inner .txt ul li .bubble::after{
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4.5px 0 4.5px;
  border-color: #dddcdc transparent transparent transparent;
}

.mv_inner .txt ul li .sentence{
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
  text-align: center;
}

.mv_inner .txt ul li .sentence span:not([class]){
  font-family: 'Arial','ヒラギノ角ゴシック','Hiragino Sans', sans-serif;
  font-size: 32px;
  font-weight: 700;
  vertical-align: baseline;
}

.mv_inner .txt ul li:nth-child(2) .sentence,
.mv_inner .txt ul li:first-child .sentence{
  margin-top: 0.8rem;
}

.mv_inner .txt ul li:nth-child(3) .sentence{
  font-size: 28px;
  font-weight: 700;
  margin-top: 1.5rem;
}

.mv_inner .txt ul li.mv_caption{
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0.03em;
  text-shadow: 1px 1px 0 #D2DAE6, -1px -1px 0 #D2DAE6, -1px 1px 0 #D2DAE6, 1px -1px 0 #D2DAE6, 0px 1px 0 #D2DAE6, 0-1px 0 #D2DAE6, -1px 0 0 #D2DAE6, 1px 0 0 #D2DAE6;
  position: absolute;
  bottom: -1.8rem;
  left: 0;
}

@media screen and (max-width:1240px) and (min-width: 768px){
  /* body {
    width: 130%;
  } */

  .top-phrase {
    top: -17rem;
    left: 25rem;
  }

  .mv_ttl {
    width: min(100%,400px);
  }

  .mv_inner{
    width: 100%;
    height: 400px;
    align-items: center;
    justify-content: center;
    padding-right: 0;
  }
  .mv_inner .img {
    height: 400px;
    text-align: center;
    margin-left: -45px;
  }
  .mv_inner .img img{
    width: fit-content;
    height: 400px;
  }
  .mv_inner .txt {
    width: 50%;
    transform: translateX(30%);
  }
  
  .mv_ttl > span > span{
    font-size: 40px;
  }
  .mv_inner .txt ul {
    margin: min(2vw,40px) 0 0rem;
  }
  .mv_inner .txt ul li:not([class]) {
    width: calc(98% / 3);
    padding: 1rem 15px 1.5rem;
  }
  .mv_sub_ttl {
    font-size: 2.1rem;
  }
}/* 画面幅768~1240px */


@media screen and (width: 768px) {
  .logo{
    width: 350px;
  }
  .wrap_mv{
    width: 100%;
    height: 310px;
  }
  .mv_inner {
    display: block;
    min-height: 515px;
    position: relative;
    padding-right: 0;
  }
  .mv_inner .txt {
    position: absolute;
    bottom: 22.5rem;
    left: 23%;
  }
  .top-phrase {
    width: 160px;
    height: 160px;
    top: -14rem;
    left: 22rem;
  }
  .mv_ttl {
    width: min(100%,300px);
  }
  .mv_ttl > span > span{
    font-size: 33px;
  }

  .mv_inner .txt ul {
    width: min(100%,430px);
  }
  .mv_inner .txt ul li:not([class]) {
    width: 32%;
    padding: 2px 0 0 0;
    display: inline-block;
    height: 75px;
  }
  .mv_inner .txt ul li:not(:last-child){
    margin-bottom: 1.2rem;
  }
  .mv_inner .txt ul li .sentence {
    font-size: 1.2rem;
  }
  .mv_inner .txt ul li .sentence span {
    line-height: 1;
  }
  .mv_inner .txt ul li .sentence .txt_m_sp {
    font-size: 1.7rem !important;
  }
  .mv_inner .txt ul li:nth-child(3) .sentence {
    font-size: 1.7rem;
    margin-top: 1.6rem;
  }
  .mv_sub_ttl {
    padding-left: 0;
    font-size: 1.8rem !important;
  }
  #zoho_form {
    form label {
      margin: 0.5rem 1.5rem !important;
    }
  }

}

/* ----- prolog_area ----- */

.wrap_prolog{
  position: relative;
  width: 100%;
  background: url(../img/home/top_prolog_bg.jpg) no-repeat calc(50% - 100px)/cover;
  padding: 15rem 0;
}

.wrap_prolog .sentence{
  font-size: 1.6rem;
  line-height: 2.4;
  letter-spacing: 0.1em;
}

.wrap_prolog .sentence.bold{
  font-size: 2.4rem;
  font-weight: 600;
  text-decoration: underline 15px #fff;
  text-underline-offset: -0.7rem;
  margin-top: 7rem;
}

.chance_box{
  width: min(90%,1000px);
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: 3.5rem 0 2.4rem;
  border-radius: 8px;
  z-index: 1;
}

.chance_box p{
  text-align: center;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.1em;
}

.chance_box p span{
  color: #84A1C2;
  font-size: 2.8rem;
  background-image: radial-gradient(circle at center, #84A1C2 3px, transparent 3px);
  background-position: top left;
  background-repeat: repeat-x;
  background-size: 2.9rem 6px;
  padding-top: 1.6rem;
}

.point_bubble{
  width: 100%;
  background: url(../img/home/top_point_bubble_bg.jpg) no-repeat top center/cover;
  clip-path: polygon(
    0% 0%,
    100% 0%,
    100% calc(100% - 70px),
    calc(50% + 125px) calc(100% - 70px),
    50% 100%,
    calc(50% - 125px) calc(100% - 70px),
    0% calc(100% - 70px));
  padding: 13rem 0 14.6rem;
  margin-bottom: -7rem;
}

.gray_list{
  width: min(100%,800px);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4rem 0;
  margin: 0 auto;
}

.gray_list li {
  width: calc(96% / 2);
  min-height: 175px;
  text-align: center;
  border-radius: 8px;
  padding: 2rem 0 3.6rem;
}

.gray_list.white li{
  background: #fff;
}

.gray_list.gray li{
  background: #F7F7F7;
}

.gray_list li h2{
  position: relative;
  display: inline-block;
  font-family: 'Arial','ヒラギノ角ゴシック','Hiragino Sans', sans-serif;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.05em;
  padding: 0 5.7rem;
}

.gray_list li h2 span{
  font-size: 2.8rem;
}

.gray_list li h2::before,
.gray_list li h2::after{
  content: "";
  width: 42px;
  height: 1px;
  background: #191919;
  position: absolute;
  top: 50%;
  transform: translateY(calc(-50% + 3px));
}

.gray_list li h2::before{
  left: 0;
}
.gray_list li h2::after{
  right: 0;
}

.gray_list li p{
  font-size: 1.6rem;
  line-height: 1.6;
  margin-top: 2rem;
}

.gray_list.white li:first-child p{
  margin-top: 3.3rem;
}

.gray_list li p span{
  font-size: 2.4rem;
  font-weight: 600;
}

.wrap_support{
  width: 100%;
  height: 399px;
  background: url(../img/home/top_support_bg.svg) no-repeat top center/cover;
}
@media screen and (min-width:1500px) {
  .wrap_support{
    height: 500px;
  }
}

.wrap_support p{
  text-align: center;
  color: #FFFFFF;
  font-size: 1.8rem;
  margin-bottom: 3rem;
}

.wrap_support h2{
  text-align: center;
  color: #FFFFFF;
  line-height: 1.8;
  font-size: 3.2rem;
}

.wrap_support h2 span{
  font-size: 4rem;
}

/* ----- about_area ----- */

.about_area{
  padding: 12rem 0;
}

.wrap_about.section_white{
  padding: 8rem min(5vw,100px);
  margin-bottom: 13rem;
}

.about_contents ul {
  flex-direction: column;
  align-items: center;
  gap: 32px;
  
  li {
    display: flex;
    width: 880px;
    justify-content: center;
    align-items: flex-start;
    gap: 48px;

    .sentence{
      flex: 1 0 0;
      color: #191919;
      font-family: Hiragino Sans;
      font-size: 14px;
      font-style: normal;
      font-weight: 300;
      line-height: 180%;
      letter-spacing: 0.7px;
      width: 409px;
      margin-right: 1rem;
    }

    .graph_box{
      width: 438px;
      background: url(<path-to-image>) lightgray 50% / cover no-repeat;
    }
  }

  li:last-child {
    margin-top: 32px;

  }
}

.wrap_data .gray_list.gray{
  margin: 0 auto 8rem;
}

.wrap_data .gray_list.gray li{
  padding: 4rem 3.2rem;
}

.movie_contents {
  .movie_box{
    margin: 0 auto;
    text-align: center;

    p.text {
      margin-top: 0.5rem;
      color: #222;
      font-family: Hiragino Kaku Gothic Pro;
      font-size: 12px;
      font-style: normal;
      font-weight: 600;
      line-height: 160%; /* 19.2px */
    }
  }
}
.movie_contents__sentence__pc{
  width: 827px;
  color: #191919;
  text-align: center;
  font-family: Hiragino Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 180%; /* 25.2px */
  letter-spacing: 0.7px;
  padding: 0 5rem;
  margin: 0 auto 4rem;
}
.sentence.sp{
  display: none;
}
.movie_box {
  max-width: 460px;
  margin: auto;
  text-align: center;
}
.box-iframe {
  position: relative;
  padding-top: 56.25%;
  height: 0;
  overflow: hidden;
  width: 100%;
  margin: auto;
  border-radius: 8px;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.box-iframe__text {
  margin-top: 0.5rem;
  color: #222;
  font-family: Hiragino Kaku Gothic Pro;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 19.2px */
}
.wrap_skill{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2rem 0;
}
.wrap_skill:before{
  content: "※上記業務内容は一例です。";
  position: absolute;
  bottom: -3.5rem;
  left: 0;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.03em;
}

.wrap_skill > li{
  width: calc(96% / 3);
}

.wrap_skill > li h4{
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.2;
  background: #D4D9E1;
  padding: 2rem 0;
  border-radius: 8px 8px 0 0;
}

@media screen and (max-width:1240px) and (min-width: 768px){
  .wrap_skill > li h4{
    min-height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
  }
}

.wrap_skill > li p{
  font-size: 1rem;
  color: #FFFFFF;
  line-height: 1;
  background: #A8AFB9;
  padding: 0.7rem 2rem;
}

.wrap_skill > li ul{
  min-height: 115px;
  background: #F1F1F1;
  padding: 2rem;
  border-radius: 0 0 8px 8px;
}

.wrap_skill > li ul li{
  position: relative;
  font-size: 1.4rem;
  padding-left: 1.6rem;
}

.wrap_skill > li ul li::before{
  content: "●";
  font-size: 0.8rem;
  color: #8593AB;
  position: absolute;
  top: 0.2rem;
  left: 0;
}

.wrap_skill > li ul li:last-child{
  margin-bottom: auto;
}

/* ----- point_area ----- */

.point_area{
  background: #fff;
  padding: 7rem 0 12rem;
}

.point_area .ttl_bgtxt .jp {
  line-height: 120%;
}

.flex_img li{
  display: flex;
  justify-content: space-between;
}

.flex_img li:not(:last-child){
  margin-bottom: 8rem;
}

.flex_img li.reverse{
  flex-direction: row-reverse;
}

.flex_img li > .txt{
  width: 50%;
}

.ttl_count{
  display: flex;
  margin-bottom: 3rem;
}

.ttl_count .num{
  font-size: 6.4rem;
  color: #D4DAE2;
  font-family: 'Arial','ヒラギノ角ゴシック','Hiragino Sans', sans-serif;
  line-height: 1;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

.ttl_count .txt{
  display: block;
  font-size: 2.4rem;
  line-height: 1.6;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin-left: 2rem;
}

.flex_img li .img{
  width: 48%;
}

.flex_img li > .txt > p{
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 2;
}

.cta_box.bg{
  background: url(../img/home/top_support_blue_bg.jpg) no-repeat center/cover;
  padding: 12rem 0 8rem;
}

.wrap_support02{
  position: relative;
  background: #fff;
  padding: 10.5rem 0 6rem;
  border-radius: 8px;
  margin-bottom: 6rem;
}

.ttl_bubble{
  position: absolute;
  top: -5rem;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
}

.ttl_bubble span{
  position: relative;
  display: block;
  color: #fff;
  font-size: 3.2rem;
  font-weight: 600;
  background: #8593AB;
  white-space: nowrap;
  text-shadow: 0 3px 6px rgba(0,0,0,0.16);
  padding: 2.5rem 3.2rem;
  border-radius: 8px;
}

.ttl_bubble span::before{
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #8593ab transparent transparent transparent;
  position: absolute;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
}

.wrap_support02 > p{
  text-align: center;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.05em;
}

/* ----- training_area ----- */
.training_area{
  padding: 12rem 0;
}

.wrap_training.section_white{
  padding: 8rem 6rem 2.4rem;
}

.list_training{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4rem 0;
}

.list_training > li{
  width: calc(95.5% / 2);
  background: #EDF1F2;
  padding: min(3vw,40px);
  border-radius: 8px;
}

.list_training > li:nth-child(3),
.list_training > li:nth-child(4){
  background: #F7F7F7;
}

.list_training > li h3{
  font-size: 2.4rem;
  line-height: 1.4;
  color: #626C7C;
  letter-spacing: 0.05em;
  padding-bottom: min(1.4vw,24px);
  border-bottom: 2px solid #626C7C;
  margin-bottom: 2.4rem;
}

.list_training > li > p{
  font-size: 1.6rem;
  line-height: 2;
  margin-bottom: 3rem;
}

.list_training > li ul li{
  position: relative;
  padding-left: 3.8rem;
  margin-bottom: 1.6rem;
}

.list_training > li ul li::before{
  content: "";
  width: 2.2rem;
  height: 2.2rem;
  background: url(../img/home/icon_checkmark.svg) no-repeat center/contain;
  position: absolute;
  top: 0;
  left: 0;
}

.wrap_training > .sentence{
  margin-top: 4.2rem;
  font-size: 1.4rem;
  font-weight: 600;
}

/* ----- voice_area ----- */

.voice_area{
  background: #fff;
  padding: 8rem 0 11rem;
}

.wrap_file{
  position: relative;
  background: #EDF1F2;
  padding: 8rem min(6vw,6rem) 4rem;
  border-radius: 0 8px 8px 8px;
}

.wrap_file:not(:last-child){
  margin-bottom: 15rem;
}

.file_tag{
  width: 243px;
  height: 73px;
  clip-path: polygon(0% 0%, calc(100% - 40px) 0%, 100% 100%, 0% 100%);
  background: #EDF1F2;
  position: absolute;
  top: -72px;
  left: 0;
  text-align: center;
  font-size: 5.8rem;
  line-height: 1;
  color: #C7CED8;
  font-family: 'Arial','ヒラギノ角ゴシック','Hiragino Sans', sans-serif;
  font-weight: bold;
  letter-spacing: 0.05em;
  padding-top: 24px;
}

.ttl_border{
  color: #626C7C;
  font-size: 3.6rem;
  padding-bottom: 3.2rem;
  border-bottom: 2px solid #626C7C;
  margin-bottom: 3.2rem;
}

.wrap_file ul{
  display: flex;
  justify-content: space-between;
  margin-bottom: 6rem;
}

.wrap_file ul.reverse{
  flex-direction: row-reverse;
}

.wrap_file .person_box{
  width: 38%;
}

.wrap_file .person_box .txt{
  padding-left: 1.6rem;
  border-left: 4px solid #A9B3C4;
  margin-top: 2.4rem;
}

.wrap_file .person_box .txt .career{
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0.8rem;
}

.wrap_file .person_box .txt .career span:not(:last-child){
  position: relative;
  margin-right: 3rem;
}

.wrap_file .person_box .txt .career span:not(:last-child)::after{
  content: "▶︎";
  color: #A9B3C4;
  font-size: 0.8rem;
  position: absolute;
  top: 50%;
  right: -2.1rem;
  transform: translateY(-50%);
}

.wrap_file .person_box .txt .name{
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 600;
}

.wrap_file .person_box .txt .name span{
  font-family: 'Arial','ヒラギノ角ゴシック','Hiragino Sans', sans-serif;
  font-size: 2.6rem;
  padding: 0 0.4rem;
}

.wrap_file .voice_sentence{
  width: 56%;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.05em;
}

/* ----- plan_area ----- */

.plan_area{
  padding: 12rem 0;
}

.flex_plan{
  display: flex;
  justify-content: space-between;
}

.money{
  width: 45%;
  border: 1.5px solid #A9B3C4;
  border-radius: 8px;
  overflow: hidden;
}

.ttl_money{
  background: #A9B3C4;
  color: #fff;
  font-size: 2.8rem;
  line-height: 1;
  text-align: center;
  padding: 2.8rem 0;
}

.txt_money{
  position: relative;
  text-align: center;
  padding: 3rem 0 4rem;
}

.txt_money.right{
  padding: 6rem 0 4rem;
}

.txt_money .line{
  position: relative;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: bold;
  color: #D4D9E1;
  margin-bottom: 1rem;
}

.txt_money .line::before,
.txt_money .line::after{
  content: "";
  width: 100%;
  height: 2px;
  background: #AFAFAF;
  position: absolute;
  left: 0;
}

.txt_money .line::before{
  top: 22px;
}
.txt_money .line::after{
  bottom: 22px;
}

.txt_money .line span:not(class){
  font-family: 'Arial','ヒラギノ角ゴシック','Hiragino Sans', sans-serif;
  font-size: 2.4rem;
  color: #D4D9E1;
}

.txt_money .line span.bold{
  font-size: min(6.3vw,5.6rem);
  font-family: 'Arial','ヒラギノ角ゴシック','Hiragino Sans', sans-serif;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #D4D9E1;
  padding: 0 0.3rem;
}

.txt_money .txt_s{
  font-size: 1.6rem;
  color: #626C7C;
}

.txt_money .txt_m{
  font-size: 2.4rem !important;
  letter-spacing: 0.05em;
  color: #626C7C;
  line-height: 1.2;
}

.txt_money .txt_xm{
  font-size: 3.6rem;
  color: #626C7C;
  line-height: 1.4;
}

.txt_money .txt_l{
  font-size: 4.2rem;
  line-height: 1.4;
  color: #626C7C;
  letter-spacing: 0.08em;
}

.txt_money .txt_ll{
  font-size: min(4.8vw,4.8rem);
  line-height: 1;
  font-family: 'Arial','ヒラギノ角ゴシック','Hiragino Sans', sans-serif;
  color: #626C7C;
  padding: 0 min(4vw,5.6rem); 
}


.txt_money .txt_ll > span:not(class){
  font-size: min(8vw,8rem);
  font-family: 'Arial','ヒラギノ角ゴシック','Hiragino Sans', sans-serif;
  color: #626C7C;
}

.txt_money .bold{
  font-weight: bold;
}

.txt_money .txt_cap{
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  color: #626C7C;
  font-size: 1.2rem;
}

.flex_plan .plus{
  width: 27px;
  display: flex;
  align-items: center;
}

/* ----- flow_area ----- */

.flow_area{
  background: #fff;
  padding-bottom: 11rem;
}

.step_box{
  display: flex;
  justify-content: space-between;
  background: url(../img/home/top_flow_bg.png) no-repeat bottom/contain;
  padding: 0 4rem 4rem;
}

.step_box li{
  width:calc(85% / 3);
}

.step_box li h3{
  font-family: 'Arial','ヒラギノ角ゴシック','Hiragino Sans', sans-serif;
  font-size: 2.4rem;
  line-height: 1;
  color: #8593AB;
  margin-bottom: 1rem;
}

.step_box li h3 span{
  font-size: 4.8rem;
  color: #8593AB;
  letter-spacing: 0.05em;
  padding-left: 0.6rem;
}

.step_box li .content{
  min-height: 264px;
  background: #F7F7F7;
  box-shadow: 0 10px 20px rgba(0,0,0,0.08);
  padding: min(3vw,5rem) min(2vw,4rem) min(3vw,3rem);
  border-radius: 8px;
}

.step_box li .content .img{
  width: 94px;
  margin: 0 auto 1.4rem;
}

.step_box li .content .txt{
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.05em;
}

@media screen and (max-width:1240px) and (min-width: 768px){
  .step_box li{
    width:calc(96% / 3);
  }
  .step_box li .content {
    min-height: 252px;
  }
}

/* ----- faq_area ----- */
.faq_area{
  padding: 8rem 0 12rem;
}

.acc_open{
  position: relative;
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  background: #fff;
  padding: 4rem 10rem;
  border-radius: 8px;
}

.acc_open:not(:first-child){
  margin-top: 2rem;
}

.acc_open.active{
  border-radius: 8px 8px 0 0;
}

.acc_open::before{
  content: "Q";
  font-family: 'Arial','ヒラギノ角ゴシック','Hiragino Sans', sans-serif;
  font-size: 2.4rem;
  color: #8593AB;
  position: absolute;
  top: 3.4rem;
  left: 3.8rem;
}

.acc_open::after{
  content: "＋";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 3.8rem;
  color: #8593AB;
  font-size: 2rem;
}

.acc_open.active::after{
  content: "－";
}

.acc_inside{
  display: none;
  position: relative;
  background: #fff;
  padding: 3.2rem 3.8rem 4rem;
  border-radius: 0 0 8px 8px;
}

.acc_inside::before{
  content: "";
  display: block;
  width: calc(100% - 7.6rem);
  height: 1px;
  background: #8593AB;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.acc_inside p{
  font-size: 1.8rem;
  line-height: 2;
}

/* ----- column_area ----- */

.column_area{
  background: #fff;
  padding: 8rem 0 12rem;
}

.top_column_lists{
  margin-bottom: 6rem;
}

.top_column_list:not(:last-child){
  margin-bottom: 2.4rem;
}

.top_column_list a{
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  box-shadow: 0 10px 20px rgba(0,0,0,0.08);
  background: #F7F7F7;
  padding: 4rem 11rem 4rem 4rem;
  border-left: 8px solid #A0ADBF;
  transition: 0.2s;
}

.top_column_list a:hover{
  opacity: 0.5;
}

.top_column_list a::before,
.top_column_list a::after{
  content: "";
  width: 16px;
  height: 3px;
  background: #8593AB;
  border-radius: 50px;
  position: absolute;
  top: 50%;
  right: 3rem;
}

.top_column_list a::before{
  transform: translateY(calc(-50% - 5px)) rotateZ(45deg);
}

.top_column_list a::after{
  transform: translateY(calc(-50% + 5px)) rotateZ(-45deg);
}

.ttl_top_column{
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.05em;
  margin-bottom: 1.6rem;
}

.date_top_column{
  font-family: 'Arial','ヒラギノ角ゴシック','Hiragino Sans', sans-serif;
  font-size: 1.8rem;
  line-height: 1;
}

.top_column_lists + .wrap_btn{
  justify-content: center;
}

/* ================== コラム一覧 ================== */

.column_lists .inner{
  width: min(90%,880px);
  padding-top: 8rem;
}

.column_lists .top_column_lists {
  margin-bottom: 8rem;
}

.column_lists .top_column_list:not(:last-child),
.column_detail .top_column_list:not(:last-child){
  margin-bottom: 4rem;
}
.column_lists .top_column_list .ttl_top_column,
.column_detail .top_column_list .ttl_top_column {
  margin-bottom: 3rem;
}

/* ================== コラム記事 ================== */

.wrap_contents{
  background: #EDF1F2;
  padding: 8rem 0 12rem;
}

.wrap_contents .contents{
  background: #FFFFFF;
  border-radius: 16px;
  padding: 6rem;
  margin-bottom: 8rem;
}

.wrap_contents .contents ol,
.wrap_contents .contents ul{
  list-style: inherit;
}

.col_sentence,
.column .wrap_contents .contents p:not([class]){
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 400;
  margin-bottom: 8rem;
}

.col_h1{
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0.05em;
  margin-bottom: 2.4rem;
}

.col_date{
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
  color: #8593AB;
  margin-bottom: 4rem;
}

.is-style-col_summary{
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2;
  background: #F4F7F8;
  border-radius: 8px;
  padding: 5rem 4rem;
  margin-bottom: 8rem;
}

.is-style-col_h2{
  font-size: 2.4rem;
  line-height: 2;
  letter-spacing: 0.05em;
  padding-bottom: 2.4rem;
  font-weight: 600;
  border-bottom: 3px solid;
  border-image: linear-gradient(to right,#A9B3C4 100px,#D4D9E1 100px);
  border-image-slice: 1;
  margin-bottom: 4rem;
}

.is-style-col_h3{
  font-size: 2rem;
  letter-spacing: 0.05em;
  line-height: 2;
  font-weight: 600;
  padding-left: 2.4rem;
  border-left: 3px solid #8593AB;
  margin-bottom: 4rem;
}

.wp-block-image figcaption,
.wp-element-caption{
  color: #212121;
  text-align: left;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 600;
  margin-top: 1.6rem;
}

.latest_lists .top_column_lists{
  width: min(100%,880px);
  margin: 0 auto 6rem;
}

.latest_lists .wrap_btn{
  justify-content: center;
  gap: 0 4rem;
}

.latest_lists .wrap_btn .btn {
  width: min(48%,340px);
}

/* ================== zohoフォーム ================== */

#zoho_form {
  p {
    margin-bottom: 3rem;
    text-align: center;
  }
  form {
    font-family: YuGothic;
    text-align: center;
    padding: 0 18rem;

    label {
      width: 100%;
      display: block;
      text-align: left;
      margin: 0.5rem 6rem;
      font-weight: 700;
      font-style: normal;
    }
    input {
      border-radius: 4px;
      border: 1px solid #EDF1F2;
      background: #F3F4F8;
      color: #191919;
      padding-left: 1rem;
      margin-bottom: 2rem;
    }
    input::placeholder {
      color: #DEE1E3;
    }
    .name {
      input {
        width: 250px;
        height: 53px;
        margin: 0.5rem;
      }
    }
    .email {
      input {
        width: 520px;
        height: 53px;
      }
    }
    .warn {
      color: #191919;
      text-align: center;
      font-family: YuGothic;
      font-size: 12px;
      font-style: normal;
      font-weight: 500;
      line-height: 140%; /* 16.8px */
      margin-top: 1rem;
      margin-bottom: 1rem;

      a {
        text-decoration-line: underline;
      }
    }
    button{
      border: none;
      background-color: #fff;
    }
    .submit_btn {
      position: relative;
      width: 460px;
      height: 68px;
      border: none;
      background: #E94F98;
      font-family: Hiragino Sans;
      font-size: 20px;
      font-style: normal;
      display: block;
      color: #fff;
      text-align: center;
      font-weight: 600;
      padding: 1.7rem 0;
      border-radius: 8px;
      transition: 0.2s;
      margin: 0 auto;
    }
    .submit_btn:hover{
      background: #fff;
      color: #545151;
      border: 1.5px solid #545151;
    }
    button .submit_btn::before,
    button .submit_btn::after{
      position: absolute;
      content: "";
      width: 12px;
      height: 2px;
      background: #fff;
      border-radius: 50px;
      top: 50%;
      right: min(2vw,40px);
    }
    button .submit_btn::before{
      transform: translateY(calc(-50% - 4px)) rotateZ(45deg);
    }
    button .submit_btn::after{
      transform: translateY(calc(-50% + 4px)) rotateZ(-45deg);
    }
    button .submit_btn:hover::before,
    button .submit_btn:hover::after{
      color: #545151;
      background-color: #545151;
    }
  }
  .wrap_support02{
    margin-bottom: 0;
  }
}

/* ================== 申し込み完了画面 ================== */

.apply_complete {
  width: 100%;
  min-height: 80vb;
  background-color: #fff;

  .wrap_point {
    text-align: center;
    transform: translateY(5%);
  }
  li .txt {
    width: 100%;
  }
  .ttl {
    color: #E95098;
    text-align: center;
    font-family: YuGothic;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 67.2px */
  }
  li p {
    margin: 3rem auto 5rem;
    color: #191919;
    text-align: center;
    font-family: Hiragino Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%; /* 32px */
  }
  .txt img {
    width: 114px;
    height: 114px;
    margin-bottom: 5rem;
  }
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .wrap_mv {
      background-position: -70px;
    }
    .mv_ttl > span > span {
      font-size: max(2.4vw,22px);
    }
    .mv_inner .txt ul li .sentence {
      font-size: 16px;
    }
    .mv_inner .txt ul li .sentence .txt_m_sp {
      font-size: 20px !important;
    }
    .mv_inner .txt ul li:nth-child(3) .sentence {
      font-size: 20px !important;
      margin-top: 1.7rem;
    }
    .mv_inner .txt ul li .sentence span:not([class]) {
      font-size: 30px;
    }
    .mv_inner .txt {
      transform: translateX(25%);
    }
    .mv_inner .txt ul {
      left: 17%;
    }
    .mv_ttl {
      margin-left: 58px;
    }
    .sentence.sp {
      display: block !important;
      width: 510px;
    }
    .sentence.pc {
      display: none;
    }
    .top-phrase {
      left: 19rem;
      width: 150px;
      height: 150px;
      top: -15rem;
    }
}

@media screen and (width: 768px), 
       screen and (height: 1024px) {
  .wrap_mv {
    background-position: -50px;
  }
  .mv_ttl > span > span {
    font-size: max(2.4vw,20px);
  }
  .mv_sub_ttl {
    font-size: 1.6rem;
  }
  .top-phrase {
    left: 13rem;
    width: 130px;
    height: 130px;
    top: -13rem;
  }
}

@media screen and (width: 820px), 
       screen and (height: 1180px) {
  .wrap_mv {
    background-position: -164px;
  }
  .mv_inner .txt {
    transform: translateX(10%);
  }
  .mv_ttl {
    width: min(100%,335px);
    margin-left: 65px;
  }
  .top-phrase {
    left: 16rem;
  }
}

@media screen and (width: 360px), 
       screen and (height: 740px) {
  .wrap_mv {
    background-size: auto !important;
  }
}

/* ================== ブロックエディタ ================== */

/* ======== color ======== */
.has-light_black-color{
  color: #191919;
}
.has-dark_gray-color{
  color: #545151;
}
.has-gray-color{
  color: #808080;
}
.has-light_gray-color{
  color: #DDDCDC;
}
.has-snow_white-color{
  color: #F7F7F7;
}
.has-white-color{
  color: #FFFFFF;
}
.has-black_blue_gray-color{
  color: #626C7C;
}
.has-dark_blue_gray-color{
  color: #8593AB;
}
.has-blue_gray-color{
  color: #A9B3C4;
}
.has-light_blue_gray-color{
  color: #A8AFB9;
}
.has-white_blue_gray-color{
  color: #D4D9E1;
}
.has-blue-color{
  color: #84A1C2;
}
.has-light_blue-color{
  color: #EDF1F2;
}
.has-pink-color{
  color: #C61A6B;
}
.has-light_black-background-color{
  background-color: #191919;
}
.has-dark_gray-background-color{
  background-color: #545151;
}
.has-gray-background-color{
  background-color: #808080;
}
.has-light_gray-background-color{
  background-color: #DDDCDC;
}
.has-snow_white-background-color{
  background-color: #F7F7F7;
}
.has-white-background-color{
  background-color: #FFFFFF;
}
.has-black_blue_gray-background-color{
  background-color: #626C7C;
}
.has-dark_blue_gray-background-color{
  background-color: #8593AB;
}
.has-blue_gray-background-color{
  background-color: #A9B3C4;
}
.has-light_blue_gray-background-color{
  background-color: #A8AFB9;
}
.has-white_blue_gray-background-color{
  background-color: #D4D9E1;
}
.has-blue-background-color{
  background-color: #84A1C2;
}
.has-light_blue-background-color{
  background-color: #EDF1F2;
}
.has-pink-background-color{
  background-color: #C61A6B;
}

/* ======== font ======== */
.has-x-small-font-size{
  font-size: 1.2rem;
}
.has-small-font-size{
  font-size: 1.4rem;
}
.has-normal-font-size{
  font-size: 1.6rem;
}
.has-medium-font-size{
  font-size: 2rem;
}
.has-large-font-size{
  font-size: 3rem;
}

.mv_inner .txt ul li .sentence .txt-span-sp{
  font-size: 18px;
  font-weight: 700;
}

.mv_inner .txt ul li .sentence .txt_m_sp{
  font-size: 28px;
  font-weight: 700;
}

.ft-icon-logo {
  display: grid;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}

.logo-ft-sp {
  width: 194px;
  height: 30px;
  margin-bottom: 32px;
}

.ft-icon {
  display: flex;
  justify-content: center;
  gap: 24px;
}

.social-icon {
  width: 50px;
  height: 50px;
}

.text-center {
  display: flex !important;
  justify-content: center !important;
}

.ft-link-text {
  font-size: 12px !important;
  font-weight: 300 !important;
  line-height: 10px !important;
}

.ft-text {
  font-size: 12px !important;
  font-weight: 400 !important;
  font-family: Arial !important;
  line-height: 18px !important;
  margin-top: 24px !important;
}

.ft-text-small {
  font-size: 10px !important;
  font-weight: 300 !important;
  line-height: 10px !important;
  margin-top: 8px !important;
}

.scroll-right {
	display: block;
  right: 5rem;
  position: absolute;
}

.scroll-top {
	display: flex;
  width: 46px;
  height: 46px;
  justify-content: center;
  align-items: center;
  border-radius: 46px;
  border: 1px solid var(--Neutralcolor-04_FFFFFF, #fff);
}