/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/style.scss ***!
  \************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*****************************
* A Modern CSS Reset (https://github.com/hankchizljaw/modern-css-reset)
* 上記に、ul要素,ol要素,a要素への記述追加
* input,button,textarea,selectにcolor: inherit;を追加
*****************************/
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

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

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul,
ol {
  list-style: none;
  padding: 0;
}

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

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

a {
  text-decoration: none;
  color: inherit;
}

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

html {
  font-size: 100%;
}
@media (max-width: 1440px) {
  html {
    font-size: 1.1111111111vw;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 100%;
  }
}
@media (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}

body {
  font-family: "M PLUS Rounded 1c", sans-serif;
  color: #1e324b;
  -webkit-font-smoothing: antialiased;
  position: relative;
  z-index: 1;
}
main {
  position: relative;
  z-index: 1;
}
a,
button {
  transition: all 0.3s;
  cursor: pointer !important;
  color: inherit;
}
@media (any-hover: hover) {
  a:hover,
  button:hover {
    opacity: 0.6;
  }
}

.u-desktop {
  display: block;
}
@media screen and (max-width: 767px) {
  .u-desktop {
    display: none;
  }
}

.u-mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .u-mobile {
    display: block;
  }
}

.--none {
  display: none;
}

.sharence-c-footer {
  border-top: 1px solid #cddceb;
}
.sharence-c-footer .c-footer__body {
  padding-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .sharence-c-footer .c-footer__body {
    padding-top: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .sharence-c-footer .c-footer__top {
    display: flex;
    flex-direction: column;
  }
}
.sharence-c-footer .c-footer__topHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #cddceb;
}
@media screen and (max-width: 767px) {
  .sharence-c-footer .c-footer__topHead {
    display: contents;
  }
}
@media screen and (max-width: 767px) {
  .sharence-c-footer .c-footer__logo {
    order: 1;
  }
}
.sharence-c-footer .c-footer__logo img {
  width: 14.625rem;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .sharence-c-footer .c-footer__logo img {
    width: 10rem;
  }
}
@media screen and (max-width: 767px) {
  .sharence-c-footer .c-footer__logoLink {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.sharence-c-footer .c-footer__btns {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
@media screen and (max-width: 767px) {
  .sharence-c-footer .c-footer__btns {
    order: 3;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    margin-block: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  .sharence-c-footer .c-footer__btn {
    width: 100%;
  }
}
.sharence-c-footer .c-footer__items {
  padding-block: 3rem;
  display: flex;
  align-items: center;
  gap: 3.75rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .sharence-c-footer .c-footer__items {
    order: 2;
    padding-block: 0;
    display: block;
    margin-top: 1.5rem;
    margin-inline: calc(50% - 50vw);
    border-top: 1px solid #cddceb;
  }
}
.sharence-c-footer .c-footer__link {
  -webkit-text-decoration: underline transparent;
          text-decoration: underline transparent;
  transition: all 0.3s ease;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0.3px;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
@media screen and (max-width: 767px) {
  .sharence-c-footer .c-footer__link {
    font-size: 0.875rem;
    letter-spacing: 0.28px;
    padding: 0.9375rem 1.25rem;
    border-bottom: 1px solid #cddceb;
  }
}
.sharence-c-footer .c-footer__link:before {
  content: "";
  display: block;
  width: 1.875rem;
  height: 1.875rem;
  background: url("../img/common/btn-arrow.svg") no-repeat center center/contain;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .sharence-c-footer .c-footer__link:before {
    width: 1.25rem;
    height: 1.25rem;
  }
}
@media (any-hover: hover) {
  .sharence-c-footer .c-footer__link:hover {
    opacity: 1;
    color: #004b96;
    text-decoration: underline;
    font-weight: 700;
  }
}
.sharence-c-footer .c-footer__box {
  display: grid;
  grid-template-columns: 11.25rem 1fr;
  border-radius: 0.5rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .sharence-c-footer .c-footer__box {
    display: block;
    border: 1px solid #cddceb;
  }
}
.sharence-c-footer .c-footer__box + .c-footer__box {
  margin-top: 1.25rem;
}
.sharence-c-footer .c-footer__boxHead {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem 0 0 0.5rem;
  border-top: 1px solid #cddceb;
  border-left: 1px solid #cddceb;
  border-bottom: 1px solid #cddceb;
}
@media screen and (max-width: 767px) {
  .sharence-c-footer .c-footer__boxHead {
    border: none;
    padding: 1.125rem 1.25rem;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .sharence-c-footer .c-footer__boxTitle {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
}
.sharence-c-footer .c-footer__boxTitleEn {
  text-align: center;
  font-family: "Nunito", sans-serif;
  display: block;
  color: #004b96;
  font-size: 1.625rem;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: 1.04px;
}
@media screen and (max-width: 767px) {
  .sharence-c-footer .c-footer__boxTitleEn {
    font-size: 1.375rem;
    letter-spacing: 0.88px;
  }
}
.sharence-c-footer .c-footer__boxTitleEn .--orange {
  color: #f08200;
}
.sharence-c-footer .c-footer__boxTitleJa {
  color: #004b96;
  text-align: center;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 1.04px;
  display: block;
  padding-top: 0.125rem;
}
@media screen and (max-width: 767px) {
  .sharence-c-footer .c-footer__boxTitleJa {
    padding-top: 0;
    font-size: 0.75rem;
    letter-spacing: 0.96px;
  }
}
.sharence-c-footer .c-footer__boxList {
  display: block;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .sharence-c-footer .c-footer__boxList {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-auto-rows: minmax(3.125rem, auto);
    overflow: hidden;
    background: #fff;
    border-top: 1px solid #cddceb;
    border-left: 1px solid #cddceb;
    border-radius: 0 0.5rem 0.5rem 0;
    border-bottom: 1px solid #cddceb;
  }
}
@media screen and (max-width: 767px) {
  .sharence-c-footer .c-footer__boxItem {
    border-top: 1px solid #cddceb;
  }
}
@media screen and (min-width: 768px) {
  .sharence-c-footer .c-footer__boxItem {
    min-height: 3.125rem;
    background: #fff;
    border-right: 1px solid #cddceb;
    border-bottom: 1px solid #cddceb;
  }
  .sharence-c-footer .c-footer__boxItem:nth-child(5n+1):nth-last-child(-n+5) {
    border-radius: 0 0 0 0.5rem;
  }
  .sharence-c-footer .c-footer__boxItem:last-child {
    border-radius: 0 0 0.5rem 0;
  }
  .sharence-c-footer .c-footer__boxItem:nth-child(5n):not(:nth-last-child(-n+5)) {
    border-radius: 0 0.5rem 0 0;
  }
  .sharence-c-footer .c-footer__boxItem:nth-last-child(-n+5) {
    border-bottom: none;
  }
  .sharence-c-footer .c-footer__boxItem--empty {
    pointer-events: none;
  }
}
.sharence-c-footer .c-footer__boxLink {
  padding: 1.125rem 0.875rem;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  transition: all 0.3s ease;
}
@media (any-hover: hover) {
  .sharence-c-footer .c-footer__boxLink:hover {
    opacity: 1;
  }
  .sharence-c-footer .c-footer__boxLink:hover .c-footer__boxCompany {
    color: #004b96;
    font-weight: 700;
    text-decoration: underline;
  }
}
@media screen and (max-width: 767px) {
  .sharence-c-footer .c-footer__boxLink {
    display: grid;
    grid-template-columns: 7.25rem 1fr;
    gap: 0.75rem;
  }
}
.sharence-c-footer .c-footer__boxLink--noLink {
  cursor: default;
  pointer-events: none;
}
.sharence-c-footer .c-footer__boxLink--noLink .c-footer__boxCompany {
  text-decoration: none;
}
.sharence-c-footer .c-footer__boxLink--noLink .c-footer__boxCompany::after {
  display: none;
}
.sharence-c-footer .c-footer__boxLogo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 8.125rem;
  height: 2.5rem;
  max-height: 2.5rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .sharence-c-footer .c-footer__boxLogo {
    height: auto;
    max-height: 1.875rem;
  }
}
.sharence-c-footer .c-footer__boxLogo img {
  width: auto;
  max-width: 100%;
  height: 100%;
  max-height: 2.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.sharence-c-footer .c-footer__boxCompany {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 140%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.625rem;
  transition: all 0.3s ease;
  -webkit-text-decoration: underline transparent;
          text-decoration: underline transparent;
}
.sharence-c-footer .c-footer__boxCompany:after {
  content: "";
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  background: url("../img/common/target-icon.svg") no-repeat center center/contain;
  flex-shrink: 0;
}
.sharence-c-footer .c-footer__bottom {
  padding-top: 1.875rem;
  padding-bottom: 3.125rem;
  display: flex;
  gap: 2.625rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .sharence-c-footer .c-footer__bottom {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.875rem;
    padding-bottom: 2.3125rem;
  }
}
.sharence-c-footer .c-footer__bottomList {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3125rem;
  min-width: 8.3125rem;
}
@media screen and (max-width: 767px) {
  .sharence-c-footer .c-footer__bottomList {
    order: 2;
    min-width: initial;
  }
}
.sharence-c-footer .c-footer__bottomLink {
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0.26px;
  -webkit-text-decoration: underline transparent;
          text-decoration: underline transparent;
  transition: all 0.3s ease;
}
@media (any-hover: hover) {
  .sharence-c-footer .c-footer__bottomLink:hover {
    opacity: 1;
    text-decoration: underline;
    font-weight: 700;
  }
}
.sharence-c-footer .c-footer__snsList {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .sharence-c-footer .c-footer__snsList {
    gap: 0.5rem;
    order: 1;
  }
}
.sharence-c-footer .c-footer__snsLink {
  display: block;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #1e324b;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
  transition: all 0.3s ease;
}
@media (any-hover: hover) {
  .sharence-c-footer .c-footer__snsLink:hover {
    opacity: 1;
    background: #ffffc8;
  }
}
@media screen and (max-width: 767px) {
  .sharence-c-footer .c-footer__snsLink {
    width: 2.5rem;
    height: 2.5rem;
    padding: 0.5rem;
  }
}
.sharence-c-footer .c-footer__snsLink img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.sharence-c-footer .c-footer__copy {
  flex-shrink: 0;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .sharence-c-footer .c-footer__copy {
    order: 3;
    margin-left: initial;
  }
}
.sharence-c-footer .c-footer__copyright {
  display: block;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0.24px;
}
.sharence-l-inner {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: calc(75rem + 7.5rem * 2);
  padding-right: 7.5rem;
  padding-left: 7.5rem;
}
@media screen and (max-width: 767px) {
  .sharence-l-inner {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}
.sharence-l-inner.--md {
  max-width: calc(60rem + 7.5rem * 2);
}
.sharence-l-inner.--mid {
  max-width: calc(67.5rem + 7.5rem * 2);
}
.sharence-l-inner.--detail {
  max-width: calc(79.375rem + 7.5rem * 2);
}
.sharence-c-btn3 {
  display: block;
  width: 15rem;
  max-width: 100%;
  padding: 0.9375rem 1.25rem;
  border-radius: 6.25rem;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .sharence-c-btn3 {
    width: 100%;
  }
}
@media (any-hover: hover) {
  .sharence-c-btn3:hover {
    opacity: 1;
  }
  .sharence-c-btn3:hover .c-btn3__arrow {
    background: #ffffc8;
  }
  .sharence-c-btn3:hover.--blue {
    background: #0078f0;
  }
  .sharence-c-btn3:hover.--orange {
    background: #f05000;
  }
  .sharence-c-btn3:hover.--green {
    background: #00c8c8;
  }
}
.sharence-c-btn3.--blue {
  background: #004b96;
}
.sharence-c-btn3.--orange {
  background: #f08200;
}
.sharence-c-btn3.--green {
  background: #00a0a0;
}
.sharence-c-btn3 .c-btn3__inner {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  justify-content: center;
}
.sharence-c-btn3 .c-btn3__arrow {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem;
  flex-shrink: 0;
  transform: all 0.3s ease;
}
.sharence-c-btn3 .c-btn3__arrow img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.sharence-c-btn3 .c-btn3__text {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0.28px;
}
.sharence-c-card1 {
  border-radius: 1.125rem;
  background: #fff;
  box-shadow: 2px 2px 1.25rem 0 rgba(0, 15, 45, 0.04);
  display: grid;
  grid-template-columns: 17.5rem 1fr;
}
@media screen and (max-width: 767px) {
  .sharence-c-card1 {
    border-radius: 0.75rem;
    display: block;
  }
}
.sharence-c-card1 .c-card1__img {
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .sharence-c-card1 .c-card1__img {
    aspect-ratio: 335/140;
    height: auto;
  }
}
.sharence-c-card1 .c-card1__img img {
  width: 100%;
  height: 100%;
  border-radius: 1.125rem 0 0 1.125rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .sharence-c-card1 .c-card1__img img {
    border-radius: 0.75rem 0.75rem 0 0;
    aspect-ratio: 335/140;
  }
}
.sharence-c-card1 .c-card1__body {
  padding: 2.5rem;
}
@media screen and (max-width: 767px) {
  .sharence-c-card1 .c-card1__body {
    padding: 1.5rem;
  }
}
.sharence-c-card1 .c-card1__title {
  color: #004b96;
  text-align: center;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.88px;
  padding-bottom: 1rem;
  position: relative;
}
.sharence-c-card1 .c-card1__title::before {
  content: "";
  display: block;
  width: 2.5rem;
  height: 0.125rem;
  background: #004b96;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.sharence-c-card1 .c-card1__text {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 0.28px;
  margin-top: 0.625rem;
  text-align: center;
}
.sharence-c-card1 .c-card1__btn {
  margin-top: 1.125rem;
}
@media screen and (max-width: 767px) {
  .sharence-c-card1 .c-card1__btn {
    max-width: 13.625rem;
    margin-inline: auto;
  }
}

.sharence-c-btn1 {
  display: block;
  border-radius: 6.25rem;
  border: 1px solid transparent;
  width: 100%;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #7bf 0%, #8ce687 50%, #ffa000 100%) border-box;
  padding: 0.9375rem 0.9375rem 0.9375rem 1.875rem;
  transition: all 0.3s ease;
}
@media (any-hover: hover) {
  .sharence-c-btn1:hover {
    opacity: 1;
    background: linear-gradient(#ffffc8, #ffffc8) padding-box, linear-gradient(90deg, #7bf 0%, #8ce687 50%, #ffa000 100%) border-box;
  }
}
.sharence-c-btn1 .c-btn1__text {
  color: #004b96;
  font-size: 1rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.32px;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  justify-content: space-between;
}
.sharence-c-btn1 .c-btn1__text::after {
  content: "";
  display: block;
  width: 1.875rem;
  height: 1.875rem;
  background: url("/assets/sharence/img/common/btn-arrow.svg") no-repeat center center/contain;
  flex-shrink: 0;
}

.sharence-c-title1 {
  display: flex;
  gap: 1rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .sharence-c-title1 {
    flex-direction: column;
    gap: 0.25rem;
    align-items: flex-start;
  }
}
.sharence-c-title1.--column {
  flex-direction: column;
  gap: 0.75rem;
  align-items: flex-start;
}
.sharence-c-title1 .c-title1__en {
  color: #004b96;
  font-family: "Nunito", sans-serif;
  font-size: 3.25rem;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: 0.13rem;
}
@media screen and (max-width: 767px) {
  .sharence-c-title1 .c-title1__en {
    font-size: 2.625rem;
    letter-spacing: 0.105rem;
  }
}
.sharence-c-title1 .c-title1__en .--orange {
  color: #f08200;
}
.sharence-c-title1 .c-title1__ja {
  color: #004b96;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.09rem;
}
@media screen and (max-width: 767px) {
  .sharence-c-title1 .c-title1__ja {
    font-size: 1rem;
    letter-spacing: 0.04rem;
  }
}

.sharence-c-news:first-child .c-news__link {
  padding-top: 0;
}
.sharence-c-news:last-child .c-news__link {
  border-bottom: none;
}
.sharence-c-news .c-news__link {
  display: block;
  padding: 1.375rem 0.625rem 1.125rem;
  border-bottom: 1px solid #cddceb;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .sharence-c-news .c-news__link {
    padding-inline: 0;
  }
}
@media (any-hover: hover) {
  .sharence-c-news .c-news__link:hover {
    opacity: 1;
  }
  .sharence-c-news .c-news__link:hover .c-news__text {
    color: #004b96;
    font-weight: 700;
    text-decoration: underline;
  }
}
.sharence-c-news .c-news__meta {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.sharence-c-news .c-news__text {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.28px;
  -webkit-text-decoration: underline transparent;
          text-decoration: underline transparent;
  transition: all 0.3s ease;
}
.sharence-c-news .c-news__category {
  color: #004b96;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0.24px;
}
.sharence-c-news .c-news__date {
  color: #788ca0;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0.24px;
  flex-shrink: 0;
}
.sharence-c-card2 .c-card2__link {
  border-radius: 1.125rem;
  border: 1px solid #cddceb;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: all 0.3s ease;
}
@media (any-hover: hover) {
  .sharence-c-card2 .c-card2__link:hover {
    opacity: 1;
  }
  .sharence-c-card2 .c-card2__link:hover .sharence-c-btn1 {
    background: linear-gradient(#ffffc8, #ffffc8) padding-box, linear-gradient(90deg, #7bf 0%, #8ce687 50%, #ffa000 100%) border-box;
  }
}
@media screen and (max-width: 767px) {
  .sharence-c-card2 .c-card2__link {
    border-radius: 0.75rem;
    gap: 0.9375rem;
    display: grid;
    align-items: center;
    grid-template-columns: 5rem 1fr;
    padding: 1.25rem;
    position: relative;
  }
  .sharence-c-card2 .c-card2__link::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6.25rem;
    background: linear-gradient(240deg, #e1f6ff 16.95%, #f2fff2 45.82%, #fff5e1 74.68%);
    border-radius: 0.75rem 0.75rem 0 0;
    z-index: 0;
  }
  .sharence-c-card2 .c-card2__link::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6.25rem;
    background: linear-gradient(0deg, #fff 0%, rgba(153, 153, 153, 0) 100%);
    z-index: 1;
    border-radius: 0.75rem 0.75rem 0 0;
  }
}
.sharence-c-card2 .c-card2__link .sharence-c-btn1 {
  pointer-events: none;
  transition: all 0.3s ease;
}
.sharence-c-card2 .c-card2__img {
  border-radius: 1.125rem 1.125rem 0 0;
  background: linear-gradient(240deg, #e1f6ff 16.95%, #f2fff2 45.82%, #fff5e1 74.68%);
  padding-top: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.sharence-c-card2 .c-card2__img::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #fff 0%, rgba(153, 153, 153, 0) 100%);
  z-index: 0;
  border-radius: 1.125rem 1.125rem 0 0;
}
@media screen and (max-width: 767px) {
  .sharence-c-card2 .c-card2__img::before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .sharence-c-card2 .c-card2__img {
    padding-top: 0;
    border-radius: 0.75rem 0.75rem 0 0;
    z-index: 2;
    background: none;
  }
}
.sharence-c-card2 .c-card2__img img {
  width: 13.75rem;
  height: 13.75rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .sharence-c-card2 .c-card2__img img {
    width: 5rem;
    height: 5rem;
  }
}
.sharence-c-card2 .c-card2__body {
  padding: 1.6875rem 1.875rem 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .sharence-c-card2 .c-card2__body {
    display: contents;
  }
}
.sharence-c-card2 .c-card2__title {
  color: #004b96;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.96px;
  padding-bottom: 1.125rem;
  position: relative;
}
.sharence-c-card2 .c-card2__title::before {
  content: "";
  display: block;
  width: 5rem;
  height: 0.125rem;
  background: #004b96;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .sharence-c-card2 .c-card2__title::before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .sharence-c-card2 .c-card2__title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 0.8px;
    padding-bottom: 0;
    text-align: left;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.625rem;
  }
  .sharence-c-card2 .c-card2__title:after {
    content: "";
    display: block;
    width: 1.875rem;
    height: 1.875rem;
    background: url("/assets/sharence/img/common/btn-arrow.svg") no-repeat center center/contain;
    z-index: 1;
    flex-shrink: 0;
  }
}
.sharence-c-card2 .c-card2__text {
  margin-top: 1.125rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 0.28px;
  padding-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .sharence-c-card2 .c-card2__text {
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.26px;
    grid-column: 1/-1;
    z-index: 2;
    padding-bottom: 0;
    margin-top: 0;
  }
}
.sharence-c-card2 .c-card2__btn {
  max-width: 17.375rem;
  margin-inline: auto;
  width: 100%;
  margin-top: auto;
}
@media screen and (max-width: 767px) {
  .sharence-c-card2 .c-card2__btn {
    display: none;
  }
}

.sharence-c-card3 {
  border-radius: 1.125rem;
  background: #fff;
  box-shadow: 0.125rem 0.125rem 1.25rem 0 rgba(0, 15, 45, 0.04);
}
.sharence-c-card3 .c-card3__img {
  padding: 0.3125rem;
}
.sharence-c-card3 .c-card3__img img {
  border-radius: 1rem 1rem 0 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 370/240;
}
@media screen and (max-width: 767px) {
  .sharence-c-card3 .c-card3__img img {
    aspect-ratio: 325/210;
  }
}
.sharence-c-card3 .c-card3__body {
  padding: 1.5rem 1.875rem 2.1875rem;
}
@media screen and (max-width: 767px) {
  .sharence-c-card3 .c-card3__body {
    padding: 1.125rem 1.25rem 1.875rem;
  }
}
.sharence-c-card3 .c-card3__title {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 150%;
}
@media screen and (max-width: 767px) {
  .sharence-c-card3 .c-card3__title {
    font-size: 1.25rem;
    letter-spacing: 0.8px;
  }
}
.sharence-c-card3 .c-card3__title .--blue {
  color: #004b96;
}
.sharence-c-card3 .c-card3__title .--orange {
  color: #f08200;
}
.sharence-c-card3 .c-card3__text {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 0.28px;
  margin-top: 0.75rem;
}
@media screen and (max-width: 767px) {
  .sharence-c-card3 .c-card3__text {
    margin-top: 0.625rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: 0;
  }
}

.sharence-c-btn2 {
  border-radius: 6.25rem;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.3) inset;
  display: block;
  position: relative;
  padding: 0 1.5rem 1.5rem;
  width: 100%;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .sharence-c-btn2 {
    border-radius: 1.125rem;
    padding: 0 0.625rem 0.625rem;
  }
}
.sharence-c-btn2:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0.1875rem;
  left: -0.1875rem;
  width: 100%;
  height: 100%;
  border-radius: 6.25rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .sharence-c-btn2:before {
    border-radius: 1.125rem;
  }
}
.sharence-c-btn2.--blue {
  background: linear-gradient(90deg, #003c96 0%, #00befa 100%);
}
.sharence-c-btn2.--blue:before {
  background: linear-gradient(90deg, #003c96 0%, #00befa 100%);
}
.sharence-c-btn2.--blue .c-btn2__icon {
  border: 2px solid #004b96;
}
.sharence-c-btn2.--orange {
  background: linear-gradient(90deg, #f05000 0%, #ffa032 100%);
}
.sharence-c-btn2.--orange:before {
  background: linear-gradient(90deg, #f05000 0%, #ffa032 100%);
}
.sharence-c-btn2.--orange .c-btn2__icon {
  border: 2px solid #f05000;
}
@media (any-hover: hover) {
  .sharence-c-btn2:hover {
    opacity: 1;
  }
  .sharence-c-btn2:hover .c-btn2__icon {
    background: #ffffc8;
  }
  .sharence-c-btn2:hover.--blue {
    background: linear-gradient(90deg, #00e6ff 0%, #0028dc 100%);
  }
  .sharence-c-btn2:hover.--blue:before {
    background: linear-gradient(90deg, #00e6ff 0%, #0028dc 100%);
  }
  .sharence-c-btn2:hover.--orange {
    background: linear-gradient(90deg, #ffa032 0%, #f05000 100%);
  }
  .sharence-c-btn2:hover.--orange:before {
    background: linear-gradient(90deg, #ffa032 0%, #f05000 100%);
  }
}
.sharence-c-btn2 .c-btn2__inner {
  position: relative;
  z-index: 2;
}
.sharence-c-btn2 .c-btn2__text {
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 1.44px;
  text-align: center;
  display: block;
}
@media screen and (max-width: 767px) {
  .sharence-c-btn2 .c-btn2__text {
    line-height: 130%;
  }
}
.sharence-c-btn2 .c-btn2__icon {
  width: 4.75rem;
  height: 4.75rem;
  background-color: #fff;
  border-radius: 50%;
  stroke-width: 2px;
  display: block;
  padding: 0.875rem;
  margin-inline: auto;
  position: relative;
  top: -0.75rem;
  transition: all 0.3s ease;
}
.sharence-c-btn2 .c-btn2__icon img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}

body.is-header-menu-open {
  overflow: hidden;
}

.sharence-c-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  background: #fff;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.sharence-c-header.is-header-hidden {
  transform: translateY(-100%);
}
.sharence-c-header.is-menu-open {
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .sharence-c-header {
    transition: none;
  }
}
@media screen and (min-width: 768px) {
  .sharence-c-header .c-header__spHead {
    display: none;
  }
}
.sharence-c-header .c-header__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  height: 6.25rem;
  padding-left: 2.5rem;
}
@media screen and (min-width: 768px) {
  .sharence-c-header .c-header__inner {
    align-items: stretch;
    height: 6.25rem;
    height: 6.25rem;
  }
}
@media screen and (max-width: 767px) {
  .sharence-c-header .c-header__inner {
    align-items: center;
    height: 3.75rem;
    padding-left: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .sharence-c-header .c-header__logo {
    display: flex;
    align-items: center;
    align-self: center;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 767px) {
  .sharence-c-header .c-header__logo {
    position: relative;
    z-index: 1002;
    flex-shrink: 0;
  }
}
.sharence-c-header .c-header__logoLink {
  display: flex;
  max-width: 14.625rem;
  height: auto;
}
.sharence-c-header .c-header__logoLink img {
  display: block;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .sharence-c-header .c-header__logoLink img {
    max-width: 9.6875rem;
  }
}
@media screen and (max-width: 767px) {
  .sharence-c-header .c-header__logoLink img.u-drawer,
  .sharence-c-header .c-header__logoLink .u-drawer {
    display: none;
  }
}
.sharence-c-header .c-header__menuBtn {
  display: none;
}
@media screen and (max-width: 767px) {
  .sharence-c-header .c-header__menuBtn {
    position: relative;
    z-index: 1002;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 3.75rem;
    height: 3.75rem;
    padding: 0;
    background: #004b96;
    border: none;
    border-radius: 0 0 0 0.625rem;
    cursor: pointer;
  }
}
.sharence-c-header .c-header__menuBtnIcon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sharence-c-header .c-header__menuBtnIcon--close {
  display: none;
}
.sharence-c-header .c-header__menuBtnCircle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #fff;
}
.sharence-c-header .c-header__menuBtnBar {
  display: block;
  width: 1.125rem;
  height: 0.125rem;
  background: #004b96;
  border-radius: 0.0625rem;
}
.sharence-c-header.is-menu-open .c-header__menuBtnIcon--open {
  display: none;
}
.sharence-c-header.is-menu-open .c-header__menuBtnIcon--close {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .sharence-c-header.is-menu-open .c-header__logoLink img:not(.u-drawer) {
    display: none;
  }
  .sharence-c-header.is-menu-open .c-header__logoLink img.u-drawer,
  .sharence-c-header.is-menu-open .c-header__logoLink .u-drawer {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .sharence-c-header .c-header__drawer {
    position: static;
    display: flex;
    align-items: stretch;
    align-self: stretch;
    flex: 1;
    justify-content: flex-end;
    min-width: 0;
  }
}
@media screen and (max-width: 767px) {
  .sharence-c-header .c-header__drawer {
    position: fixed;
    inset: 0;
    z-index: 1001;
    visibility: hidden;
    pointer-events: none;
  }
}
.sharence-c-header .c-header__overlay {
  display: none;
}
@media screen and (min-width: 768px) {
  .sharence-c-header .c-header__overlay {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .sharence-c-header .c-header__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    padding: 0;
    border: none;
    opacity: 0;
    cursor: pointer;
    pointer-events: none;
    transition: opacity 0.45s ease;
  }
}
@media screen and (min-width: 768px) {
  .sharence-c-header .c-header__drawerPanel {
    display: flex;
    align-items: stretch;
    align-self: stretch;
    justify-content: flex-end;
    width: 100%;
    opacity: 1;
    transform: none;
  }
}
@media screen and (max-width: 767px) {
  .sharence-c-header .c-header__drawerPanel {
    position: absolute;
    top: var(--sharence-header-sp-head-height, 0px);
    right: 0;
    left: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    max-height: calc(100dvh - var(--sharence-header-height, 3.75rem) - 1.25rem);
    padding: 5rem 1.25rem 1.25rem;
    background: #1e324b;
    opacity: 0;
    transform: translateY(-0.75rem);
    transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1), transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.5s;
    visibility: hidden;
    pointer-events: none;
  }
}
@media screen and (min-width: 768px) {
  .sharence-c-header .c-header__drawerClose {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .sharence-c-header .c-header__drawerClose {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-end;
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 1rem;
    padding: 0;
    background: #00a0a0;
    border: none;
    border-radius: 0.25rem;
    color: #fff;
    cursor: pointer;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 768px) {
  .sharence-c-header .c-header__drawerBody {
    display: flex;
    align-items: stretch;
    align-self: stretch;
    flex: 1;
    min-width: 0;
  }
}
@media screen and (max-width: 767px) {
  .sharence-c-header .c-header__drawerBody {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (max-width: 767px) {
  .sharence-c-header.is-menu-open .c-header__drawer {
    visibility: visible;
    pointer-events: auto;
  }
  .sharence-c-header.is-menu-open .c-header__overlay {
    opacity: 1;
    pointer-events: auto;
  }
  .sharence-c-header.is-menu-open .c-header__drawerPanel {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    pointer-events: auto;
  }
}
.sharence-c-header .c-header__navAddress {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .sharence-c-header .c-header__navAddress {
    gap: 0.5rem;
    padding-bottom: 0.875rem;
    border-bottom: 1px solid #cddceb;
    padding-inline: 0.6875rem;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .sharence-c-header .c-header__navAddress.u-pc {
    display: none;
  }
}
.sharence-c-header .c-header__navAddress.u-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .sharence-c-header .c-header__navAddress.u-sp {
    display: flex;
  }
}
.sharence-c-header .c-header__navTel {
  font-family: "Nunito", sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 100%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media screen and (max-width: 767px) {
  .sharence-c-header .c-header__navTel {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 100%;
  }
}
.sharence-c-header .c-header__navTel:before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background: url("/assets/sharence/img/common/tel-icon.svg") no-repeat center center/contain;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .sharence-c-header .c-header__navTel:before {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.sharence-c-header .c-header__navInfo {
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 140%;
}
@media screen and (max-width: 767px) {
  .sharence-c-header .c-header__navInfo {
    font-size: 0.625rem;
    font-weight: 500;
    line-height: 140%;
  }
}
@media screen and (min-width: 768px) {
  .sharence-c-header .c-header__nav {
    display: flex;
    align-items: stretch;
    align-self: stretch;
    gap: 3.125rem;
    width: 100%;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 767px) {
  .sharence-c-header .c-header__nav {
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .sharence-c-header .c-header__navList {
    display: flex;
    align-items: stretch;
    align-self: stretch;
    gap: 1.5rem;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  .sharence-c-header .c-header__navList {
    margin: 0;
    padding: 0;
    list-style: none;
  }
}
.sharence-c-header .c-header__navItem {
  display: flex;
}
@media screen and (min-width: 768px) {
  .sharence-c-header .c-header__navItem {
    height: 100%;
    min-height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .sharence-c-header .c-header__navItem {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  }
  .sharence-c-header .c-header__navItem:last-child {
    border-bottom: none;
  }
}
.sharence-c-header .c-header__navLink {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  flex: 1;
  gap: 0.75rem;
  color: #1e324b;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0.3px;
  text-decoration: none;
  transition: opacity 0.3s ease;
  padding-block: 0.625rem;
  transition: all 0.3s ease;
}
@media screen and (min-width: 768px) {
  .sharence-c-header .c-header__navLink {
    gap: 0;
    min-height: 100%;
    padding: 0 0.25rem;
    box-sizing: border-box;
  }
}
@media (any-hover: hover) {
  .sharence-c-header .c-header__navLink:hover {
    opacity: 1;
    text-decoration: underline;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .sharence-c-header .c-header__navLink {
    padding: 1.25rem 0;
    color: #fff;
    font-size: 0.9375rem;
    gap: 0.5rem;
  }
}
.sharence-c-header .c-header__navIcon {
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .sharence-c-header .c-header__navIcon {
    display: none;
  }
}
.sharence-c-header .c-header__navIcon img {
  display: block;
}
.sharence-c-header .c-header__btns {
  display: flex;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .sharence-c-header .c-header__btns {
    margin-top: 1.25rem;
    width: 100%;
  }
}
.sharence-c-header .c-header__btnContact {
  width: 100%;
}
.sharence-c-header .c-header__btn2 {
  width: 13.125rem;
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 1.12px;
  color: #fff;
  height: 50%;
  display: flex;
  align-items: center;
  gap: 0.8125rem;
  padding: 0.625rem;
  transition: all 0.3s ease;
}
@media (any-hover: hover) {
  .sharence-c-header .c-header__btn2:hover {
    opacity: 1;
  }
  .sharence-c-header .c-header__btn2:hover .c-header__btnIcon2 {
    background: #ffffc8;
  }
  .sharence-c-header .c-header__btn2:hover.c-header__btn2--recruit {
    background: #0078f0;
  }
  .sharence-c-header .c-header__btn2:hover.c-header__btn2--company {
    background: #f05000;
  }
}
.sharence-c-header .c-header__btn2.c-header__btn2--recruit {
  background: #004b96;
}
.sharence-c-header .c-header__btn2.c-header__btn2--company {
  background: #f08200;
  border-bottom-left-radius: 0.75rem;
}
.sharence-c-header .c-header__btnIcon2 {
  flex-shrink: 0;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3125rem;
  transition: all 0.3s ease;
}
.sharence-c-header .c-header__btnIcon2 img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.sharence-c-header .c-header__btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 10rem;
  height: 100%;
  padding: 0.625rem 0.3125rem 1rem;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0.64px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .sharence-c-header .c-header__btn {
    gap: 0.5rem;
    width: 100%;
    min-height: 5.625rem;
    padding: 0.625rem 0.625rem 1rem;
  }
}
@media (any-hover: hover) {
  .sharence-c-header .c-header__btn:hover {
    opacity: 0.85;
  }
}
.sharence-c-header .c-header__btn--recruit {
  background: #00a0a0;
  border-radius: 0 0 0 1rem;
}
@media screen and (max-width: 767px) {
  .sharence-c-header .c-header__btn--recruit {
    border-radius: 0.75rem 0 0 0.75rem;
  }
}
@media (any-hover: hover) {
  .sharence-c-header .c-header__btn--recruit:hover {
    opacity: 1;
    background: #008cf0;
  }
  .sharence-c-header .c-header__btn--recruit:hover .c-header__btnIcon {
    background: #ffffc8;
  }
}
.sharence-c-header .c-header__btn--contact {
  background: #00a0a0;
}
@media screen and (max-width: 767px) {
  .sharence-c-header .c-header__btn--contact {
    border-radius: 0 0.75rem 0.75rem 0;
  }
}
@media (any-hover: hover) {
  .sharence-c-header .c-header__btn--contact:hover {
    opacity: 1;
    background: #0032aa;
  }
  .sharence-c-header .c-header__btn--contact:hover .c-header__btnIcon {
    background: #ffffc8;
  }
}
@media screen and (max-width: 767px) {
  .sharence-c-header .c-header__btns:not(:has(.c-header__btnColumn)) .c-header__btn--contact, .sharence-c-header .c-header__btns:has(.c-header__btnColumn[style*="display: none"]) .c-header__btn--contact, .sharence-c-header .c-header__btns:has(.c-header__btnColumn[style*="display:none"]) .c-header__btn--contact {
    border-radius: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .sharence-c-header .c-header__btns:not(:has(.c-header__btnColumn)) .c-header__btn--contact, .sharence-c-header .c-header__btns:has(.c-header__btnColumn[style*="display: none"]) .c-header__btn--contact, .sharence-c-header .c-header__btns:has(.c-header__btnColumn[style*="display:none"]) .c-header__btn--contact {
    border-bottom-left-radius: 0.75rem;
  }
}
.sharence-c-header .c-header__btnIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #fff;
  flex-shrink: 0;
}
.sharence-c-header .c-header__btnIcon img {
  display: block;
  width: 1.625rem;
  height: 1.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}

body:has(.sharence-c-header) {
  --sharence-header-height: 6.25rem;
}
@media screen and (max-width: 767px) {
  body:has(.sharence-c-header) {
    --sharence-header-height: calc(
      var(--sharence-header-sp-head-height, 0px) + 3.75rem
    );
  }
}
body:has(.sharence-c-header) main {
  padding-top: var(--sharence-header-height);
}

.sharence-c-bread {
  position: relative;
  z-index: 5;
  overflow: auto;
  display: flex;
  -ms-overflow-style: none; /* IE, Edge 対応 */
  scrollbar-width: none; /* Firefox 対応 */
}
.sharence-c-bread::-webkit-scrollbar {
  display: none; /* Chrome, Safari 対応 */
}
@media screen and (max-width: 767px) {
  .sharence-c-bread {
    padding-left: 0.25rem;
  }
}
.sharence-c-bread:before {
  content: "";
  display: block;
  width: 1.875rem;
  height: 1.875rem;
  background: url("/assets/sharence/img/common/bread-icon.svg") no-repeat center center/contain;
  margin-right: 1rem;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .sharence-c-bread:before {
    margin-right: 0.5rem;
    width: 1.25rem;
    height: 1.25rem;
  }
}
.sharence-c-bread li {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.26px;
}
@media screen and (max-width: 767px) {
  .sharence-c-bread li {
    font-size: 0.75rem;
  }
}
.sharence-c-bread li + li {
  margin-left: 0.5rem;
}
@media screen and (max-width: 767px) {
  .sharence-c-bread li + li {
    margin-left: 0.25rem;
  }
}
.sharence-c-bread li + li::before {
  content: ">";
}
.sharence-c-bread a {
  color: #1e324b;
}
.sharence-c-bread li:first-child a {
  color: #004b96;
}

.sharence-c-form {
  /* ========================================================
  # ラベル+入力欄
  ======================================================== */
  /* ========================================================
  # ラベル
  ======================================================== */
  /* ========================================================
  # 任意マーク
  ======================================================== */
  /* ========================================================
  # 必須マーク
  ======================================================== */
  /* ========================================================
  # 入力欄の共通スタイル
  ======================================================== */
  /* ========================================================
  # セレクトボックス
  ======================================================== */
  /* ========================================================
  # ラジオボタン
  ======================================================== */
  /* ========================================================
  # チェックボックス
  ======================================================== */
  /* ========================================================
  # ファイル選択
  ======================================================== */
  /* ========================================================
  # プライバシーポリシー同意
  ======================================================== */
  /* ========================================================
  # 送信ボタン（sharence-c-btn1 相当・HTML変更不可）
  ======================================================== */
}
.sharence-c-form .leadgrid-form__row {
  margin-top: 1.75rem;
}
.sharence-c-form .leadgrid-form__free-text {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
}
.sharence-c-form .leadgrid-form__label {
  flex-direction: row-reverse;
  gap: 1rem;
  width: auto;
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.64px;
}
@media screen and (max-width: 767px) {
  .sharence-c-form .leadgrid-form__label {
    font-size: 0.9375rem;
  }
}
.sharence-c-form .leadgrid-form__label::before {
  display: inline-block;
  height: initial;
  padding: 0.1875rem 0.375rem 0.25rem;
  margin-top: 0.0625rem;
  margin-right: 0.625rem;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 100%;
  color: #fff;
  letter-spacing: 0.48px;
  background-color: #1e324b;
  border: none;
  border: 0.0625rem solid #1e324b;
  border-radius: 0;
  border-radius: 0.25rem;
}
.sharence-c-form .leadgrid-form__label.-required::before {
  color: #fff;
  background-color: #004b96;
}
.sharence-c-form .leadgrid-form__label:not(.-required)::before {
  color: #fff;
  background-color: #000f23;
}
.sharence-c-form .leadgrid-form__input,
.sharence-c-form .leadgrid-form__textarea,
.sharence-c-form .leadgrid-form__select > select {
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 0.04em;
  background: #f0f6fe;
  border: none;
  border-radius: 0.25rem;
}
.sharence-c-form .leadgrid-form__input,
.sharence-c-form .leadgrid-form__select > select {
  height: 3.125rem;
  padding: 0.8125rem 1.875rem;
}
.sharence-c-form .leadgrid-form__select > select {
  padding-right: 5rem;
}
.sharence-c-form .leadgrid-form__textarea {
  min-height: 18.75rem;
  padding: 1rem;
  border-radius: 0.3125rem;
}
.sharence-c-form .leadgrid-form__select {
  position: relative;
}
.sharence-c-form .leadgrid-form__select::after {
  position: absolute;
  top: 50%;
  right: 1.75rem;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-image: url("../img/common/icon_select.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: none;
  transform: translateY(-50%);
}
.sharence-c-form select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  appearance: none;
  appearance: none;
}
.sharence-c-form select::-ms-expand {
  display: none;
}
.sharence-c-form .leadgrid-form__radio label input {
  width: 0;
  margin: 0;
}
.sharence-c-form .leadgrid-form__radio label span {
  font-size: 1rem;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .sharence-c-form .leadgrid-form__radio label span {
    font-size: 0.875rem;
  }
}
.sharence-c-form .leadgrid-form__radio label span::before {
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-color: #fff;
  border-color: #dee4e8;
  border-width: 0.125rem;
}
.sharence-c-form .leadgrid-form__radio label input[type=radio]:checked + span {
  font-weight: bold;
}
.sharence-c-form .leadgrid-form__radio label input[type=radio]:checked + span::after {
  width: 12px;
  min-width: 12px;
  height: 12px;
  background-color: #004b96;
}
.sharence-c-form .leadgrid-form__error,
.sharence-c-form .leadgrid-form__file-caution {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #F08200;
}
.sharence-c-form .leadgrid-form__checkbox input {
  width: 0;
  margin: 0;
}
.sharence-c-form .leadgrid-form__checkbox label span {
  font-size: 1rem;
  font-weight: 400;
}
.sharence-c-form .leadgrid-form__checkbox label span::before {
  background-color: #fff;
  border-color: #dee4e8;
}
@media screen and (max-width: 767px) {
  .sharence-c-form .leadgrid-form__checkbox label span::before {
    width: 1.125rem;
    min-width: 1.125rem;
    height: 1.125rem;
  }
}
.sharence-c-form .leadgrid-form__checkbox label input[type=checkbox]:checked + span::after {
  border-color: #fff;
  border-radius: 0;
}
@media screen and (max-width: 767px) {
  .sharence-c-form .leadgrid-form__checkbox label input[type=checkbox]:checked + span::after {
    left: 0.375rem;
    width: 0.375rem;
    height: 0.625rem;
    margin-top: -0.4375rem;
    border-color: #fff;
    border-width: 0.125rem;
  }
}
.sharence-c-form .leadgrid-form__checkbox label input[type=checkbox]:checked + span::before {
  background-color: #004b96;
  border-color: #004b96;
}
.sharence-c-form .leadgrid-form__calendar-wrapper input {
  max-width: 20rem;
}
.sharence-c-form .leadgrid-form__calendar-wrapper .calendar-icon {
  right: initial;
  left: 17.25rem;
}
.sharence-c-form .leadgrid-form__file label {
  gap: 2rem;
  justify-content: space-between;
  min-width: 18.75rem;
  height: 3.125rem;
  padding: 0.8125rem 1.875rem;
  color: #1e324b;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 165%;
  letter-spacing: 0.56px;
  background-color: #f0f6fe;
  border-color: #f0f6fe;
  border-radius: 0.25rem;
}
.sharence-c-form .leadgrid-form__file label img {
  display: none;
}
.sharence-c-form .leadgrid-form__file label::after {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  content: "";
  background-image: url("../img/common/icon_file.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.sharence-c-form .leadgrid-form__agree {
  text-align: center;
}
.sharence-c-form .c-form__agreeText_not_scroll {
  font-size: 0.9375rem;
  font-weight: 400 !important;
  line-height: 150%; /* 22.5px */
  color: #232323;
  text-align: center;
}
.sharence-c-form .c-form__agreeText_not_scroll a strong {
  font-weight: 500 !important;
}
.sharence-c-form .c-form__checkbox {
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .sharence-c-form .c-form__checkbox {
    text-align: center;
  }
}
.sharence-c-form .c-form__checkbox label {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.sharence-c-form .c-form__checkbox label input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  cursor: pointer;
  opacity: 0;
}
.sharence-c-form .c-form__checkbox label span {
  position: relative;
  padding-left: 2.25rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: 0.04em;
  pointer-events: none;
}
.sharence-c-form .c-form__checkbox label span::before {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  margin-top: 0.125rem;
  margin-right: 0;
  content: "";
  background-color: #fff;
  border: 1px solid #b2b2b2;
  border-radius: 0;
  border-radius: 0.3125rem;
}
.sharence-c-form .c-form__checkbox label input:focus-visible + span::before {
  outline: 2px solid #0055a4;
  outline-offset: 2px;
}
.sharence-c-form .c-form__checkbox label input[type=checkbox]:checked + span::before {
  border-color: #004b96;
  background-color: #004b96;
}
.sharence-c-form .c-form__checkbox label input[type=checkbox]:checked + span::after {
  position: absolute;
  left: 0.5625rem;
  display: inline-block;
  width: 0.4375rem;
  min-width: 0.4375rem;
  height: 0.75rem;
  margin-top: 0.375rem;
  content: "";
  border-right: 0.125rem solid #fff;
  border-bottom: 0.125rem solid #fff;
  border-radius: 0;
  rotate: 45deg;
}
.sharence-c-form .leadgrid-form__agree .privacy {
  margin-top: 1.875rem;
  font-size: 0.625rem;
  line-height: 1.5;
  color: #999;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .sharence-c-form .leadgrid-form__agree .privacy {
    margin-top: 0.1875rem;
  }
}
.sharence-c-form .leadgrid-form__agree .privacy a {
  text-decoration: underline;
}
.sharence-c-form .leadgrid-form__agree .privacy a strong {
  font-weight: 500;
}
.sharence-c-form .c-form__action {
  margin-top: 3.5rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .sharence-c-form .c-form__action {
    margin-top: 2rem;
  }
}
.sharence-c-form .c-form__action #js-recaptcha-ctaButton.leadgrid-c-button.-secondary.-large {
  display: block;
  width: 100%;
  max-width: 20rem;
  margin-inline: auto;
  padding: 0.9375rem 0.9375rem 0.9375rem 1.875rem;
  font: inherit;
  color: inherit;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid transparent;
  border-radius: 6.25rem;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #7bf 0%, #8ce687 50%, #ffa000 100%) border-box;
  opacity: 1;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .sharence-c-form .c-form__action #js-recaptcha-ctaButton.leadgrid-c-button.-secondary.-large {
    max-width: 18.75rem;
  }
}
@media (any-hover: hover) {
  .sharence-c-form .c-form__action #js-recaptcha-ctaButton.leadgrid-c-button.-secondary.-large:hover {
    opacity: 1;
    background: linear-gradient(#ffffc8, #ffffc8) padding-box, linear-gradient(90deg, #7bf 0%, #8ce687 50%, #ffa000 100%) border-box;
  }
}
.sharence-c-form .c-form__action #js-recaptcha-ctaButton.leadgrid-c-button.-secondary.-large .c-button__jaTitle {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  justify-content: space-between;
  width: 100%;
  font-size: 1rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.32px;
  color: #004b96;
}
.sharence-c-form .c-form__action #js-recaptcha-ctaButton.leadgrid-c-button.-secondary.-large .c-button__jaTitle::after {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 1.875rem;
  height: 1.875rem;
  background: url("/assets/sharence/img/common/btn-arrow.svg") no-repeat center center/contain;
}
.sharence-c-form .c-form__action #js-recaptcha-ctaButton.leadgrid-c-button.-secondary.-large .icon-circle-arrow,
.sharence-c-form .c-form__action #js-recaptcha-ctaButton.leadgrid-c-button.-secondary.-large .path1,
.sharence-c-form .c-form__action #js-recaptcha-ctaButton.leadgrid-c-button.-secondary.-large .path2 {
  display: none;
}

.sharence-c-privacy {
  width: 100%;
  padding-left: 0;
  overflow: hidden;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.6px;
}
.sharence-c-privacy > *:first-child {
  margin-top: 0;
}
.sharence-c-privacy h2 {
  color: #004b96;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.96px;
  padding-top: 2rem;
  border-top: 1px solid #cddceb;
  position: relative;
  margin-top: 5rem;
  padding-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .sharence-c-privacy h2 {
    font-size: 1.25rem;
    letter-spacing: 0.8px;
    line-height: 130%;
    padding-top: 0.75rem;
    margin-top: 3.75rem;
    padding-bottom: 0.375rem;
  }
}
.sharence-c-privacy h2::before {
  content: "";
  display: block;
  width: 6.25rem;
  height: 0.125rem;
  background: #004b96;
  position: absolute;
  top: -1px;
  left: 0;
}
.sharence-c-privacy h3 {
  margin-top: 2rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.8px;
  position: relative;
  padding-left: 1.25rem;
}
@media screen and (max-width: 767px) {
  .sharence-c-privacy h3 {
    font-size: 1.125rem;
    line-height: 140%;
  }
}
.sharence-c-privacy h3::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 0.25rem;
  height: calc(100% - 0.625rem);
  background: #004b96;
}
@media screen and (max-width: 767px) {
  .sharence-c-privacy h3::before {
    height: calc(100% + 0.375rem);
  }
}
.sharence-c-privacy p {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.6px;
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .sharence-c-privacy p {
    font-size: 0.875rem;
    margin-top: 0.875rem;
  }
}
.sharence-c-privacy ul {
  display: grid;
  gap: 1rem;
  margin-top: 1rem;
}
.sharence-c-privacy ul li {
  padding-left: 0.8125rem;
  position: relative;
}
.sharence-c-privacy ul li::before {
  content: "";
  display: block;
  width: 0.3125rem;
  height: 0.3125rem;
  background: #004b96;
  position: absolute;
  top: 0.65625rem;
  left: 0;
  border-radius: 50%;
}
.sharence-c-privacy a {
  text-decoration: underline;
  color: #004b96;
}
.sharence-c-privacy .--blue {
  color: #004b96;
}

.sharence-c-title2 {
  color: #004b96;
  font-size: 2rem;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.08rem;
  padding-left: 1.75rem;
  padding-block: 0.1875rem 0.3125rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .sharence-c-title2 {
    font-size: 1.5rem;
    letter-spacing: 0.06rem;
    padding-left: 1.1875rem;
  }
}
.sharence-c-title2::before {
  content: "";
  display: block;
  width: 0.25rem;
  height: 100%;
  background: #004b96;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0.125rem;
}

.sharence-s-contact-area {
  padding-block: 3.75rem;
  border-radius: 3rem 3rem 0 0;
  background: linear-gradient(240deg, #e1f6ff 16.95%, #f2fff2 45.82%, #fff5e1 74.68%);
}
.sharence-s-info + .sharence-s-contact-area {
  position: relative;
  z-index: 1;
  margin-top: -5rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-info + .sharence-s-contact-area {
    margin-top: -3rem;
  }
}
@media screen and (max-width: 767px) {
  .sharence-s-contact-area {
    border-radius: 1.75rem 1.75rem 0 0;
    padding-block: 2.5rem;
  }
}
.sharence-s-contact-area .s-contact-area__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-contact-area .s-contact-area__list {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}
.sharence-s-topRecruit {
  padding-block: 8.75rem 7.5rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-topRecruit {
    padding-block: 5rem;
  }
}
.sharence-s-topRecruit .s-topRecruit__inner {
  margin-right: calc(50% - 50vw);
  display: grid;
  grid-template-columns: 32.1875rem 1fr;
  gap: 2.25rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-topRecruit .s-topRecruit__inner {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-right: initial;
  }
}
@media screen and (max-width: 767px) {
  .sharence-s-topRecruit .s-topRecruit__body {
    display: contents;
  }
}
@media screen and (max-width: 767px) {
  .sharence-s-topRecruit .s-topRecruit__title {
    order: 1;
  }
}
.sharence-s-topRecruit .s-topRecruit__sub {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.1rem;
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-topRecruit .s-topRecruit__sub {
    order: 3;
    margin-top: 1.875rem;
    font-size: 1rem;
    letter-spacing: 0.04rem;
  }
}
.sharence-s-topRecruit .s-topRecruit__main {
  margin-top: 0.75rem;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.18rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-topRecruit .s-topRecruit__main {
    order: 4;
    margin-top: 0.375rem;
    font-size: 1.5rem;
    letter-spacing: 0.06rem;
  }
}
.sharence-s-topRecruit .s-topRecruit__main .--blue {
  color: #004b96;
}
.sharence-s-topRecruit .s-topRecruit__main .--orange {
  color: #f08200;
}
.sharence-s-topRecruit .s-topRecruit__text {
  margin-top: 1.125rem;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 200%;
  letter-spacing: 0.01875rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-topRecruit .s-topRecruit__text {
    order: 5;
    margin-top: 0.75rem;
    font-size: 0.875rem;
    letter-spacing: 0.0175rem;
  }
}
.sharence-s-topRecruit .s-topRecruit__btn {
  margin-top: 2.5rem;
  max-width: 19.875rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-topRecruit .s-topRecruit__btn {
    order: 6;
    margin-top: 1.875rem;
    max-width: 18.75rem;
  }
}
@media screen and (max-width: 767px) {
  .sharence-s-topRecruit .s-topRecruit__imgArea {
    order: 2;
    margin-top: 1.5625rem;
    margin-right: calc(50% - 50vw);
  }
}
.sharence-s-topRecruit .s-topRecruit__img {
  width: 100%;
}
.sharence-s-topRecruit .s-topRecruit__img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1.125rem;
  aspect-ratio: 370/200;
  max-height: 12.5rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-topRecruit .s-topRecruit__img img {
    aspect-ratio: 170/120;
    max-height: 7.5rem;
    border-radius: 0.75rem;
  }
}
.sharence-s-topRecruit .s-topRecruit__img.--top img {
  border-radius: 3.875rem 0 0 3.875rem;
  aspect-ratio: 780/380;
  max-height: 23.75rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-topRecruit .s-topRecruit__img.--top img {
    border-radius: 1.125rem 0 0 1.125rem;
    aspect-ratio: 355/170;
    max-height: 10.625rem;
  }
}
.sharence-s-topRecruit .s-topRecruit__imgBottom {
  margin-top: 1.25rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-topRecruit .s-topRecruit__imgBottom {
    gap: 0.9375rem;
    margin-top: 0.9375rem;
  }
}

.sharence-s-top-news {
  padding-block: 7.5rem;
  background: #f6fafc;
}
@media screen and (max-width: 767px) {
  .sharence-s-top-news {
    padding-block: 5rem;
  }
}
.sharence-s-top-news .s-top-news__inner {
  display: grid;
  grid-template-columns: 15rem 1fr;
  gap: 5rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-top-news .s-top-news__inner {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
@media screen and (max-width: 767px) {
  .sharence-s-top-news .s-top-news__head {
    display: contents;
  }
}
@media screen and (max-width: 767px) {
  .sharence-s-top-news .s-top-news__title {
    order: 1;
  }
}
.sharence-s-top-news .s-top-news__text {
  margin-top: 1.75rem;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 200%;
  letter-spacing: 0.3px;
}
@media screen and (max-width: 767px) {
  .sharence-s-top-news .s-top-news__text {
    order: 2;
    font-size: 0.875rem;
    margin-top: 1.25rem;
  }
}
.sharence-s-top-news .s-top-news__btn {
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-top-news .s-top-news__btn {
    order: 4;
    max-width: 18.75rem;
    margin-inline: auto;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .sharence-s-top-news .s-top-news__list {
    order: 3;
    margin-top: 2.5rem;
  }
}
.sharence-s-top-service {
  padding-block: 7.5rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-top-service {
    padding-block: 5rem;
  }
}
.sharence-s-top-service .s-top-service__list {
  margin-top: 2.1875rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.875rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-top-service .s-top-service__list {
    margin-top: 1.875rem;
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
}
.sharence-s-top-point {
  border-radius: 0 6.75rem 0 0;
  background: linear-gradient(240deg, #e1f6ff 16.95%, #f2fff2 45.82%, #fff5e1 74.68%);
  padding-block: 6.25rem 7.5rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-top-point {
    border-radius: 0 3rem 0 0;
    padding-block: 0 5rem;
    border-radius: 0 48px 0 0;
    background: linear-gradient(240deg, #e1f6ff 16.95%, #f2fff2 45.82%, #fff5e1 74.68%);
  }
}
.sharence-s-top-point .s-top-point__head {
  margin-left: calc(50% - 50vw);
  gap: 2.9375rem;
  display: grid;
  grid-template-columns: 1fr 36.125rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-top-point .s-top-point__head {
    margin-left: initial;
    display: block;
  }
}
.sharence-s-top-point .s-top-point__img {
  width: 100%;
  position: relative;
  top: -8.75rem;
  left: -3.75rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-top-point .s-top-point__img {
    top: -1.25rem;
    left: initial;
  }
}
.sharence-s-top-point .s-top-point__img img {
  width: 100%;
  aspect-ratio: 1;
  max-height: 48.75rem;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right;
     object-position: right;
}
@media screen and (max-width: 767px) {
  .sharence-s-top-point .s-top-point__img img {
    max-height: 20.9375rem;
    -o-object-position: center;
       object-position: center;
  }
}
@media screen and (max-width: 767px) {
  .sharence-s-top-point .s-top-point__title {
    margin-top: 2.5rem;
  }
}
.sharence-s-top-point .s-top-point__sub {
  margin-top: 2.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 1.6px;
}
@media screen and (max-width: 767px) {
  .sharence-s-top-point .s-top-point__sub {
    margin-top: 1.875rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 0.64px;
  }
}
.sharence-s-top-point .s-top-point__main {
  margin-top: 0.625rem;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 2px;
}
@media screen and (max-width: 767px) {
  .sharence-s-top-point .s-top-point__main {
    margin-top: 0.375rem;
    font-size: 1.75rem;
    letter-spacing: 2.24px;
  }
}
.sharence-s-top-point .s-top-point__main .--blue {
  color: #004b96;
}
.sharence-s-top-point .s-top-point__main .--orange {
  color: #f08200;
}
.sharence-s-top-point .s-top-point__text {
  margin-top: 1.75rem;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 200%;
  letter-spacing: 0.3px;
}
@media screen and (max-width: 767px) {
  .sharence-s-top-point .s-top-point__text {
    margin-top: 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 180%;
    letter-spacing: normal;
  }
}
.sharence-s-top-point .s-top-point__btn {
  margin-top: 2.5rem;
  max-width: 19.875rem;
  width: 100%;
  margin-bottom: 3.75rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-top-point .s-top-point__btn {
    margin-top: 1.875rem;
    max-width: 18.75rem;
  }
}
.sharence-s-top-point .s-top-point__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.875rem;
  margin-top: -9.375rem;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .sharence-s-top-point .s-top-point__list {
    grid-template-columns: 1fr;
    gap: 1.5625rem;
    margin-top: 3.8125rem;
  }
}
.sharence-s-mv {
  min-height: 39.0625rem;
  height: 100%;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .sharence-s-mv {
    min-height: initial;
    padding-block: 2.5rem 3.9375rem;
  }
}
.sharence-s-mv .sharence-l-inner {
  padding-left: 4.875rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-mv .sharence-l-inner {
    padding-left: 1.25rem;
  }
}
.sharence-s-mv .s-mv__inner {
  display: grid;
  grid-template-columns: 40.625rem 1fr;
  align-items: center;
  min-height: 39.0625rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-mv .s-mv__inner {
    display: block;
    min-height: initial;
    position: relative;
  }
}
.sharence-s-mv .s-mv__body {
  max-width: 40.625rem;
  width: 100%;
  padding-block: 5.5rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-mv .s-mv__body {
    padding-block: 0;
  }
}
.sharence-s-mv .s-mv__title {
  font-size: 2.875rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 3.68px;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .sharence-s-mv .s-mv__title {
    font-size: 1.625rem;
    letter-spacing: 2.08px;
    max-width: 12.5rem;
  }
}
.sharence-s-mv .s-mv__title .--blue {
  color: #004b96;
}
.sharence-s-mv .s-mv__title .--orange {
  color: #f08200;
}
.sharence-s-mv .s-mv__text {
  margin-top: 1.125rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 200%;
  letter-spacing: 0.02rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-mv .s-mv__text {
    margin-top: 1rem;
    font-size: 0.875rem;
    letter-spacing: 0.28px;
  }
}
.sharence-s-mv .s-mv__btns {
  margin-top: 2.5rem;
  display: flex;
  gap: 1.4375rem;
  padding-inline: 0.3125rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-mv .s-mv__btns {
    gap: 1.125rem;
  }
}
.sharence-s-mv .s-mv__btn {
  width: 17.3125rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-mv .s-mv__btn {
    width: calc(50% - 1.125rem / 2);
  }
}
.sharence-s-mv .s-mv__img {
  position: relative;
  bottom: 0;
  right: 5.625rem;
  width: 49rem;
  height: 38.1875rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-mv .s-mv__img {
    width: 9.75rem;
    height: 7.5rem;
    bottom: initial;
    top: -0.375rem;
    position: absolute;
    right: -1.125rem;
  }
}
.sharence-s-mv .s-mv__img img {
  -o-object-fit: contain;
     object-fit: contain;
}

.sharence-s-fixBtn {
  height: 0;
  overflow: visible;
  box-shadow: 0 0 16px rgba(0, 20, 65, 0.15);
}
.sharence-s-fixBtn .s-fixBtn__inner {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 900;
  visibility: hidden;
  opacity: 0;
  transform: translateY(100%);
  pointer-events: none;
  transition: opacity 0.35s cubic-bezier(0.22, 1, 0.36, 1), transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.35s;
  max-width: 21.875rem;
  width: 100%;
  border-radius: 1.5rem 0 0 0;
  background: #fff;
}
@media (prefers-reduced-motion: reduce) {
  .sharence-s-fixBtn .s-fixBtn__inner {
    transition: none;
  }
}
@media screen and (max-width: 767px) {
  .sharence-s-fixBtn .s-fixBtn__inner {
    max-width: 100%;
    border-radius: 0.75rem 0.75rem 0 0;
  }
}
.sharence-s-fixBtn.is-visible .s-fixBtn__inner {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.sharence-s-fixBtn .s-fixBtn__address {
  padding: 0.9375rem 0.9375rem 0.6875rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .sharence-s-fixBtn .s-fixBtn__address {
    display: none;
  }
}
.sharence-s-fixBtn .s-fixBtn__addressLink {
  display: block;
  font-family: "Nunito", sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 100%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.sharence-s-fixBtn .s-fixBtn__addressLink:before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background: url("/assets/sharence/img/common/tel-icon.svg") no-repeat center center;
  background-size: contain;
}
.sharence-s-fixBtn .s-fixBtn__addressText {
  display: block;
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 140%;
}
.sharence-s-fixBtn .s-fixBtn__links {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .sharence-s-fixBtn .s-fixBtn__links:not(:has(.c-header__btnColumn)) .c-header__btnContact {
    margin-left: auto;
    border-radius: 0.75rem 0.75rem 0 0;
  }
}
@media screen and (max-width: 767px) {
  .sharence-s-fixBtn .c-header__btnColumn {
    display: flex;
  }
}
.sharence-s-fixBtn .c-header__btn2 {
  width: 13.125rem;
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 1.12px;
  color: #fff;
  height: 50%;
  display: flex;
  align-items: center;
  gap: 0.8125rem;
  padding: 0.625rem;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .sharence-s-fixBtn .c-header__btn2 {
    width: 6.875rem;
    height: 100%;
  }
}
.sharence-s-fixBtn .c-header__btn2.c-header__btn2--recruit {
  background: #004b96;
}
@media screen and (max-width: 767px) {
  .sharence-s-fixBtn .c-header__btn2.c-header__btn2--recruit {
    border-radius: 0.75rem 0 0 0;
  }
}
.sharence-s-fixBtn .c-header__btn2.c-header__btn2--company {
  background: #f08200;
}
@media (any-hover: hover) {
  .sharence-s-fixBtn .c-header__btn2:hover {
    opacity: 1;
  }
  .sharence-s-fixBtn .c-header__btn2:hover .c-header__btnIcon2 {
    background: #ffffc8;
  }
  .sharence-s-fixBtn .c-header__btn2:hover.c-header__btn2--recruit {
    background: #0078f0;
  }
  .sharence-s-fixBtn .c-header__btn2:hover.c-header__btn2--company {
    background: #f05000;
  }
}
.sharence-s-fixBtn .c-header__btnIcon2 {
  flex-shrink: 0;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3125rem;
  transition: all 0.3s ease;
}
.sharence-s-fixBtn .c-header__btnIcon2 img {
  display: block;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.sharence-s-fixBtn .c-header__btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  height: 100%;
  padding: 0.625rem 0.3125rem 1rem;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  line-height: 100%;
  transition: all 0.3s ease;
  letter-spacing: 0.64px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .sharence-s-fixBtn .c-header__btn {
    gap: 0.5rem;
    width: 100%;
    flex-direction: row;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: 1.12px;
    padding: 0.625rem;
    max-width: 9.6875rem;
  }
}
@media (any-hover: hover) {
  .sharence-s-fixBtn .c-header__btn:hover {
    opacity: 0.85;
  }
}
@media screen and (max-width: 767px) {
  .sharence-s-fixBtn .c-header__btn {
    gap: 0.5rem;
    width: 100%;
  }
}
@media (any-hover: hover) {
  .sharence-s-fixBtn .c-header__btn:hover {
    opacity: 0.85;
  }
}
.sharence-s-fixBtn .c-header__btn--recruit {
  background: #00a0a0;
  border-radius: 0 0 0 1rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-fixBtn .c-header__btn--recruit {
    border-radius: 0.75rem 0 0 0.75rem;
  }
}
@media (any-hover: hover) {
  .sharence-s-fixBtn .c-header__btn--recruit:hover {
    opacity: 1;
    background: #008cf0;
  }
  .sharence-s-fixBtn .c-header__btn--recruit:hover .c-header__btnIcon {
    background: #ffffc8;
  }
}
.sharence-s-fixBtn .c-header__btnContact {
  background: #00a0a0;
  width: 100%;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .sharence-s-fixBtn .c-header__btnContact {
    border-radius: 0 0.75rem 0 0;
  }
}
@media (any-hover: hover) {
  .sharence-s-fixBtn .c-header__btnContact:hover {
    opacity: 1;
    background: #0032aa;
  }
  .sharence-s-fixBtn .c-header__btnContact:hover .c-header__btnIcon {
    background: #ffffc8;
  }
}
.sharence-s-fixBtn .c-header__btnIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #fff;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
  .sharence-s-fixBtn .c-header__btnIcon {
    width: 1.875rem;
    height: 1.875rem;
    padding: 0.3125rem;
  }
}
.sharence-s-fixBtn .c-header__btnIcon img {
  display: block;
  width: 1.625rem;
  height: 1.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .sharence-s-fixBtn .c-header__btnIcon img {
    width: 100%;
    height: 100%;
  }
}

.sharence-s-page {
  padding-top: 2.25rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-page {
    padding-top: 1.5625rem;
  }
}
.sharence-s-page .s-page__body {
  padding-block: 7.875rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .sharence-s-page .s-page__body {
    padding-block: 5rem;
  }
}
.sharence-s-page .s-page__title {
  font-size: 2.625rem;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: 4.2px;
}
@media screen and (max-width: 767px) {
  .sharence-s-page .s-page__title {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 150%;
    letter-spacing: 0.48px;
  }
}
.sharence-s-page .s-page__sub {
  margin-top: 2rem;
  color: #004b96;
  font-family: "Nunito", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 100%;
  text-transform: capitalize;
}
@media screen and (max-width: 767px) {
  .sharence-s-page .s-page__sub {
    margin-top: 0.75rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 100%;
    text-transform: capitalize;
  }
}
.sharence-s-page .s-page__text {
  margin-top: 4.5rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.6px;
}
@media screen and (max-width: 767px) {
  .sharence-s-page .s-page__text {
    margin-top: 2rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 180%;
    letter-spacing: 0.56px;
  }
}
.sharence-s-page .s-page__btn {
  margin-top: 5rem;
  max-width: 19.875rem;
  width: 100%;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .sharence-s-page .s-page__btn {
    margin-top: 2.5rem;
    max-width: 18.75rem;
  }
}

.sharence-s-subMv {
  padding-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-subMv {
    padding-top: 1.375rem;
  }
}
.sharence-s-subMv .s-subMv__body {
  display: grid;
  grid-template-columns: 1fr 41.25rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .sharence-s-subMv .s-subMv__body {
    display: flex;
    flex-direction: column-reverse;
    gap: 1.5rem;
  }
}
.sharence-s-subMv .s-subMv__title {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .sharence-s-subMv .s-subMv__title {
    text-align: center;
  }
}
.sharence-s-subMv .s-subMv__title-en {
  font-family: "Nunito", sans-serif;
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: 0.07rem;
  color: #0050a0;
  display: block;
}
@media screen and (max-width: 767px) {
  .sharence-s-subMv .s-subMv__title-en {
    font-size: 1.25rem;
    letter-spacing: 0.8px;
  }
}
.sharence-s-subMv .s-subMv__title-en .--orange {
  color: #f08200;
}
.sharence-s-subMv .s-subMv__title-ja {
  margin-top: 1rem;
  font-size: 2.625rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.21rem;
  display: block;
  line-height: 140%;
  letter-spacing: 0.21rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-subMv .s-subMv__title-ja {
    margin-top: 0.375rem;
    font-size: 1.75rem;
    letter-spacing: 0.14rem;
  }
}
.sharence-s-subMv .s-subMv__img {
  width: 100%;
}
.sharence-s-subMv .s-subMv__img img {
  border-radius: 3rem;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 660/320;
}
@media screen and (max-width: 767px) {
  .sharence-s-subMv .s-subMv__img img {
    aspect-ratio: 335/160;
    border-radius: 1.125rem;
  }
}
.sharence-s-subMv .s-subMv__bread {
  padding-block: 1.9375rem;
  background: linear-gradient(240deg, #e1f6ff 16.95%, #f2fff2 45.82%, #fff5e1 74.68%);
  margin-top: -2.5rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-subMv .s-subMv__bread {
    margin-top: 1.875rem;
    padding-block: 1.0625rem;
  }
}

.sharence-s-form {
  padding-block: 7.5rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-form {
    padding-block: 5rem;
  }
}
.sharence-s-form .s-form__inner {
  max-width: 50rem;
  margin-inline: auto;
}
.sharence-s-form .s-form__text {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 200%;
  letter-spacing: 0.6px;
}
@media screen and (max-width: 767px) {
  .sharence-s-form .s-form__text {
    font-size: 0.875rem;
    line-height: 180%;
    letter-spacing: 0.56px;
  }
}
.sharence-s-form .s-form__area {
  margin-top: 3.75rem;
}
.sharence-s-privacy {
  padding-bottom: 7.5rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-privacy {
    padding-bottom: 5rem;
  }
}
.sharence-s-privacy .s-privacy__wrap {
  max-width: 50rem;
  margin-inline: auto;
  width: 100%;
  padding-top: 7.8125rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-privacy .s-privacy__wrap {
    padding-top: 5rem;
  }
}
.sharence-s-privacy .s-privacy__head {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-privacy .s-privacy__head {
    padding-bottom: 3.75rem;
    flex-direction: column;
    gap: 0.25rem;
    align-items: flex-start;
  }
}
.sharence-s-privacy .s-privacy__title {
  color: #004b96;
  font-family: "Nunito", sans-serif;
  font-size: 3.25rem;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: 0.13rem;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .sharence-s-privacy .s-privacy__title {
    font-size: 2.625rem;
    letter-spacing: 0.105rem;
  }
}
.sharence-s-privacy .s-privacy__title .--orange {
  color: #f08200;
}
.sharence-s-privacy .s-privacy__sub {
  color: #004b96;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.09rem;
  flex-shrink: 0;
}
.sharence-s-about {
  padding-block: 7.5rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-about {
    padding-block: 5rem;
  }
}
.sharence-s-about .s-about__list {
  margin-top: 3.125rem;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  counter-reset: item;
}
@media screen and (max-width: 767px) {
  .sharence-s-about .s-about__list {
    margin-top: 1.875rem;
    gap: 1.25rem;
  }
}
.sharence-s-about .s-about__item {
  display: grid;
  grid-template-columns: 32.5rem 1fr;
  gap: 2.5rem;
  border-radius: 1.125rem;
  border: 1px solid #cddceb;
  background: #fff;
  padding: 1.25rem 3.75rem 1.25rem 1.25rem;
  align-items: start;
  grid-template-areas: "img body";
}
@media screen and (max-width: 767px) {
  .sharence-s-about .s-about__item {
    grid-template-columns: 1fr;
    gap: 0;
    grid-template-areas: "img" "body";
    padding: 0.625rem 0.625rem 1.875rem;
  }
}
.sharence-s-about .s-about__item:nth-child(even) {
  grid-template-columns: 1fr 32.5rem;
  padding: 1.25rem 1.25rem 1.25rem 3.75rem;
  grid-template-areas: "body img";
}
@media screen and (max-width: 767px) {
  .sharence-s-about .s-about__item:nth-child(even) {
    grid-template-areas: "img" "body";
    padding: 0.625rem 0.625rem 1.875rem;
    grid-template-columns: 1fr;
  }
}
.sharence-s-about .s-about__itemImg {
  border-radius: 1rem;
  overflow: hidden;
  grid-area: img;
}
.sharence-s-about .s-about__itemImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 520/380;
}
@media screen and (max-width: 767px) {
  .sharence-s-about .s-about__itemImg img {
    aspect-ratio: 315/230;
  }
}
.sharence-s-about .s-about__itemBody {
  grid-area: body;
  padding-top: 1.25rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-about .s-about__itemBody {
    padding-inline: 0.625rem;
  }
}
.sharence-s-about .s-about__itemNum {
  color: #004b96;
  font-family: "Nunito", sans-serif;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: 0.8px;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-about .s-about__itemNum {
    font-size: 0.9375rem;
    letter-spacing: 0.6px;
  }
}
.sharence-s-about .s-about__itemNum::after {
  content: counter(item, decimal-leading-zero);
  counter-increment: item;
  display: block;
  color: #f08200;
  font-size: 2rem;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: 1.28px;
}
@media screen and (max-width: 767px) {
  .sharence-s-about .s-about__itemNum::after {
    font-size: 1.5rem;
    letter-spacing: 0.96px;
  }
}
.sharence-s-about .s-about__itemTitle {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1.12px;
  padding-bottom: 1.375rem;
  position: relative;
  margin-top: 0.625rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-about .s-about__itemTitle {
    font-size: 1.25rem;
    letter-spacing: 0.8px;
    padding-bottom: 1rem;
  }
}
.sharence-s-about .s-about__itemTitle::before {
  content: "";
  display: block;
  width: 5rem;
  height: 0.125rem;
  background: #004b96;
  position: absolute;
  bottom: 0;
  left: 0;
}
.sharence-s-about .s-about__itemTitle .--blue {
  color: #004b96;
}
.sharence-s-about .s-about__itemText {
  font-size: 1rem;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 0.32px;
  margin-top: 1.375rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-about .s-about__itemText {
    margin-top: 1rem;
    font-size: 0.875rem;
    letter-spacing: 0.28px;
    line-height: 160%;
  }
}

.sharence-s-info {
  border-radius: 0 6.75rem 0 0;
  background: #f6fafc;
  padding-block: 7.5rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-info {
    padding-block: 5rem;
    border-radius: 0 3rem 0 0;
  }
}
.sharence-s-info:has(+ .sharence-s-contact-area) {
  padding-bottom: 12.5rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-info:has(+ .sharence-s-contact-area) {
    padding-bottom: 8rem;
  }
}
.sharence-s-info .s-info__text {
  margin-top: 1.875rem;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 200%;
  letter-spacing: 0.01875rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-info .s-info__text {
    margin-top: 1.25rem;
    font-size: 0.875rem;
    letter-spacing: 0.0175rem;
  }
}
.sharence-s-info .s-info__wrap {
  margin-top: 2.5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-info .s-info__wrap {
    margin-top: 1.875rem;
    grid-template-columns: 1fr;
    gap: 0.8125rem;
  }
}
.sharence-s-info .s-info__itemImg {
  border-radius: 1.125rem;
  overflow: hidden;
  height: 100%;
}
.sharence-s-info .s-info__itemImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 640/440;
}
@media screen and (max-width: 767px) {
  .sharence-s-info .s-info__itemImg img {
    aspect-ratio: 335/220;
  }
}
@media screen and (max-width: 767px) {
  .sharence-s-info .s-info__itemImg {
    border-radius: 0.75rem;
  }
}
.sharence-s-info .s-info__itemGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-info .s-info__itemGrid {
    gap: 0.9375rem;
  }
}
.sharence-s-info .s-info__itemGrid .s-info__itemImg img {
  aspect-ratio: 260/210;
}
@media screen and (max-width: 767px) {
  .sharence-s-info .s-info__itemGrid .s-info__itemImg img {
    aspect-ratio: 160/130;
  }
}
.sharence-s-info .s-info__list {
  margin-top: 2.5rem;
  font-size: 1.125rem;
  font-weight: 800;
  line-height: 220%;
  letter-spacing: 0.36px;
}
@media screen and (max-width: 767px) {
  .sharence-s-info .s-info__list {
    margin-top: 1.875rem;
    line-height: 150%;
  }
}
.sharence-s-info .s-info__list ul li {
  padding-left: 1.5625rem;
  position: relative;
}
.sharence-s-info .s-info__list ul li::before {
  content: "";
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
  border: 0.1875rem solid #004b96;
  position: absolute;
  left: 0;
  top: 0.8125rem;
}
@media screen and (max-width: 767px) {
  .sharence-s-info .s-info__list ul li::before {
    top: 0.4375rem;
  }
}
@media screen and (max-width: 767px) {
  .sharence-s-info .s-info__list ul li + li {
    margin-top: 1rem;
  }
}
.sharence-s-info .s-info__list .--blue {
  color: #004b96;
}