@charset "UTF-8";
/*
 * parts.css
 * **************************************************
 * Container
 * MV
 * Heading
 * Category-name
 * #contents-list フッター上　バナーリスト
 * 目次（アンカーリンク）
 * Button
 * Link
 * List
 * Table
 * tab切替
 * ラジオボタン切替
 * リクルートバナー
 * js関連
 * **************************************************
 */

/* Container
====================================================== */
.container {
  width: 100%;
  max-width: 1440px;
  margin: auto;
  padding: 0 4vmin
}
.container__inner {
  padding: 18.67vmin 4vmin;
}
@media print, screen and (min-width:641px) {
  .container { padding: 0 3rem }
  .container__inner {
    padding: 10.0rem 5rem 10rem;
  }
}

/* ローカルナビ */
.sidebar { 
  display: -webkit-box; 
  display: -ms-flexbox; 
  display: flex;
}
.sidebar__side {
  position: relative;
}
.sidebar__main {}
.localNav__item> a {
  font-weight: 500;
  line-height: 2.8;
  text-decoration: none;
}
.localNav__item.is-current a { color: var(--color_main_02)}
@media screen and (max-width: 640px) {
  .sidebar { 
    -webkit-box-orient: vertical; 
    -webkit-box-direction: normal; 
        -ms-flex-flow: column; 
            flex-flow: column;
    padding: 18.67vmin 0;
  }
  .sidebar__side {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    position: relative;
    padding: 13.33vmin 9.33vmin;
  }
  .sidebar__side::after {
    content: "";
    position: absolute;
    top: 0;
    left: -4vmin;
    display: block;
    width: 100vw;
    height: 100%;
    background-color: #DEECFE;
    z-index: -1;
    pointer-events: none;
  }
  .localNav__list {}
  .localNav__item+ .localNav__item {margin-top: 2.67vmin}
  .localNav__item> a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: var(--color_white);
    border-radius: 5px;
    text-align: center;
    font-size: 4.8vmin;
  }
  .sidebar__main {
  }
}
@media print, screen and (min-width: 641px) {
  .sidebar {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sidebar__side { width: 20%; }
  .localNav__list { }
  .sidebar__main { width: 75%; }
  .localNav__item> a { font-size: 1.125em;}
  .localNav__item.is-current a { text-decoration: underline;}
}

.box-white {
  position: relative;
  background-color: var(--color_white);
  border-radius: 5px;
  color: var(--color_black);
}
.box__inner {
  padding: 9.33vmin 9.33vmin;
}
@media print, screen and (min-width:641px) {
  .box__inner {
    padding: 7.0rem 7.29168%;
  }
}

/* MV
====================================================== */
.mv-wrap {
  position: relative;
  width: 100%;
  height: 61.33vw;
  background: url("/files/user/gt/images/common/mv_sp.webp") no-repeat left top/cover;
  overflow: hidden;
}
.mv-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 137.33vw;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#1d69d9), color-stop(39.9%, #27b5ea), color-stop(65.52%, rgba(63, 200, 250, 0.5)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, #1d69d9 0%, #27b5ea 39.9%, rgba(63, 200, 250, 0.5) 65.52%, rgba(255, 255, 255, 0) 100%);
  opacity: .7;
  pointer-events: none;
}
.mv__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  margin: auto;
  padding: 0 5.5555%;
  z-index: 1;
}
.mv__title, .mv__subtitle { color: var(--color_white)}
.mv__title {
  position: relative;
  padding-left: .5em;
  font-size: 10.67vmin;
  line-height: 1.3;
  letter-spacing: normal;
  font-weight: 400;
}
.mv__title::before { 
  content: "";
  position: absolute;
  left: 0;
  top: .35em;
  display: block;
  width: .2em;
  height: 1em;
  background: url("/files/user/gt/images/common/icon-2block.svg") no-repeat left .05em/100% auto;
}
.mv__subtitle {
  position: relative;
  padding-left: 1.4em;
  font-size: 4.8vmin;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: .01em;
}
/* サブページMV */
.mv-wrap--second {
  height: 61.33vw;
  background: url("/files/user/gt/images/common/mv-second_sp.webp") no-repeat left top/cover;
}
.mv-wrap--second::after { opacity: .6}
.mv-wrap--second .mv__title {
  margin-top: .3em;
  padding-left: 0;
  font-size: 8vmin ;
  letter-spacing: .02em;
  font-weight: 700;
}
.mv-wrap--second .mv__title::before {content: none;}
.mv-wrap--second .mv__subtitle::before { 
  content: "";
  position: absolute;
  left: 0;
  top: .1em;
  display: block;
  width: 0.3333333333333333em;
  height: 1em;
  background: url("/files/user/gt/images/common/icon-2block.svg") no-repeat left .05em/100% auto;
}
@media print, screen and (min-width:641px) {
  .mv-wrap {
    background: url("/files/user/gt/images/common/mv_pc.webp") no-repeat left top/cover;
    height: 38.19vw;
    max-height: 550px;
  }
  .mv-wrap::after { width: 83%; }
  .mv-wrap--second {
    background: url("/files/user/gt/images/common/mv-second_pc.webp") no-repeat left top/cover;
    height: 24.31vw;
    max-height: 350px;
  }
  .mv__title { font-size: 5.0rem }
  .mv__subtitle { font-size: 1.8rem }
  /* サブページMV */
  .mv-wrap--second .mv__title { font-size: 3.6rem;}
}

/* Heading
====================================================== */
.heading01 {
  margin-bottom: 1.5em;
  color: var(--color_main_02);
  font-size: 10.67vmin; /*40px*/
  line-height: 1.25;
}
.heading01.heading01--icon {
  position: relative;
  padding-left: .5em;
}
.heading01.heading01--icon::before {
  content: "";
  position: absolute;
  left: 0;
  top: .35em;
  display: block;
  width: .2em;
  height: 1em;
  background: url("/files/user/gt/images/common/icon-2block.svg") no-repeat left .05em/100% auto;
}
.heading01__subtitle {
  display: block;
  font-size: 0.36em;
  font-weight: 500;
  color: var(--color_black);
}
.heading02 {
  margin-bottom: 1.5em;
  color: var(--color_main);
  font-size: 6.93vmin; /*26px*/
  font-weight: 500;
  line-height: 1.6;
}
.heading03 {
  margin-bottom: 1.5em;
  color: var(--color_main);
  font-size: 5.87vmin; /*22px*/
  font-weight: 500;
  line-height: 1.6;
}
.heading04 {
  margin-bottom: 1.5em;
  font-size: 5.33vmin; /*20px*/
  font-weight: 500;
  line-height: 1.6;
}
@media print, screen and (min-width:641px) {
  .heading01 {
    font-size: 5.0rem;
    line-height: 1.6666;
  }
  .heading01.heading01--icon::before { top: .5em}
  .heading02 {
    font-size: 3.6rem;
    line-height: 1.6666;
  }
  .heading03 {
    font-size:  2.5rem;
    line-height: 1.68;
  }
  .heading04 {
    font-size: 2.4rem;
  }
}

 /* Category-name
====================================================== */
.category-name {
  position: relative;
  padding-left: 1em;
  color: var(--color_main_02);
  font-size: 4.8vmin;
  font-weight: 500;
}
.category-name::before {
  content: "";
  position: absolute;
  left: 0;
  top: .5em;
  display: block;
  width: .3333em;
  height: 1em;
  background: url("/files/user/gt/images/common/icon-2block.svg") no-repeat left .05em/100% auto;
}

@media print, screen and (min-width:641px) {
  .category-name {font-size: 1.8rem;}
  .category-name::before {}
}

/* #contents-list フッター上　バナーリスト
====================================================== */
#contents-list {
    background-color: var(--color_white);
}
.contents__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
.contents__list--item {}
.contents__list-link-item {
    text-decoration: none;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.contents__list-link-item:hover {
    opacity: .7;
}
.contents__list-card-item {
    overflow: hidden;
    border-radius: 10px;
}
.contents__list-card-item .card__image {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.contents__list-txt-item {
    color: var(--color_black);
    font-weight: 700;
}

@media screen and (max-width: 640px) {
  .contents__list {}
  .contents__list--item {
    width: 100%;
  }
  .contents__list--item + .contents__list--item {
    margin-top: 2.25em;
  }
  .contents__list-card-item .card__image {
    aspect-ratio: 315 / 150;
  }
  .contents__list-txt-item {
    font-size: 1.0em;
    padding-top: .5em;
  }
}

@media print, screen and (min-width:641px) {
  .contents__list {
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .contents__list--item {
    width: 50%;
    padding: 0 2rem;
  }
  .contents__list--item:nth-of-type(n + 3) {padding-top: 5.0rem}
  .contents__list-card-item .card__image {
    aspect-ratio: 620 / 230;
  }
  .contents__list-txt-item {
    font-size: 1.8rem;
    padding-top: 2.0rem;
  }
}

/* 目次（アンカーリンク）
====================================================== */
.anchor-wrap {
  padding: 4vmin 5.33vmin;
  background-color: var(--color_white);
  border-radius: 10px;
}
.anchor-nav {
}
.anchor-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}
.anchor-nav__item {
  margin-right: 1rem;
  margin-bottom: 1rem
}
.anchor-nav__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 2.625em;
  padding: .75em 1.7em;
  background-color: var(--color_main_02);
  border-radius: 5px;
  color: var(--color_white);
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1
}
@media screen and (max-width:640px) {
  .anchor-nav__link {font-size: 3.2vmin }
  .anchor-wrap .button {margin-top: 3.73vmin}
  .anchor-nav__list {width: calc(100% + 1rem)}
}
@media print, screen and (min-width:641px) {
  .anchor-wrap {
    padding: 3.0rem 3.6231%;
    border-radius: 20px;
  }
}

/* Button
====================================================== */
.button-wrap {
  text-align: center;
}
.button {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 3.75em;
  padding: .9em 3.4em;
  background-color: var(--color_main);
  border-radius: 100vh;
  border: none;
  color: var(--color_white);
  font-size: 4.27vmin;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  text-align: center;
  outline: none;
  cursor: pointer;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
.button:hover {opacity: .7}
.button::after {
  content: "";
  position: absolute;
  right: .9em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 5.87vmin;
  height: 5.87vmin;
  background: url("/files/user/gt/images/common/icon-arrow.svg") no-repeat center/contain;
}
.button--down{}
.button--down::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}
.button--white {
  background-color: var(--color_white);
  color: var(--color_main);
}
.button--white::after {
  background-image: url("/files/user/gt/images/common/icon-arrow_blue.svg");
}
/* もっと見るボタン */
.button--more { min-width: 13.75em; }
.button--more::after { content: none}
.button--more .icon-toggle {
  position: absolute;
  right: .6em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1.875em;
  height: 1.875em;
  background-color: var(--color_white);
  border-radius: 100%;
}
.button--more .icon-toggle::before, .button--more .icon-toggle::after {
  content: "";
  position: absolute;
  width: 34%;
  height: 1px;
  background-color: var(--color_main);
  z-index: 1
}
.button--more .icon-toggle::before {
}
.button--more .icon-toggle::after {
  opacity: 1;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all .2s;
  transition: all .2s;
}
.button--more.is-close .icon-toggle::after {
  opacity: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/* recruit header */
.button--l-nav {
  min-height: 3.0rem;
  background-color: var(--color_main_02);
  font-size: 1.4rem;
  z-index: 1;
}
.button--l-nav::after {content: none;}
@media print, screen and (min-width:641px) {
  .button-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .button {
    width: auto;
    padding: .9em 4.4em;
    font-size: 1.6rem;
  }
  .button::after {
    width: 3.0rem;
    height: 3.0rem;
  }
  /* recruit header */
  .button--l-nav {
    margin-left: 10px;
    padding: .2em 1.4em;
  }
}

/* Link
====================================================== */
.link-text {
  position: relative;
  color: var(--color_main_02);
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-decoration-thickness: 1px;
  -webkit-transition: all .2s;
  word-break: break-all;
  transition: text-decoration-color .2s;
}
.link-text:hover {
  text-decoration-color: transparent;
}
.link-icon { color: var(--color_main_02);}
.link-icon::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1.2em;
  height: 1.2em;
  padding-left: 2em;
}
/* pdfアイコン */
.link-icon[href$=".pdf"] { padding-left: 2em; }
.link-icon[href$=".pdf"]::before {
  background: url("/files/user/gt/images/common/icon-pdf.svg") no-repeat left center/contain
}
/* excelアイコン */

/* wordアイコン */

/* 外部リンクアイコン */
.link-icon--external {
  padding-right: 2em;
  color: var(--color_main_02);
}
.link-icon--external::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1.2em;
  height: 1.2em;
  background: url("/files/user/gt/images/common/icon-blank.svg") no-repeat right center/contain
}

/* 電話 */
.link-call {
  padding-left: 1.8em;
  background: url("/files/user/gt/images/common/icon-call.svg") no-repeat left center/1.25em;
}
@media screen and (min-width:641px) {
  a[href^="tel:"]{ pointer-events: none; }
}

/* List
====================================================== */
/* .list-number____1.テキストテキスト… */
.list-number {
  counter-reset: number 0;
  margin: 1em 0 1em 1.5em;
}
.list-number> li {
  position: relative;
}
.list-number> li:nth-of-type(n+2) {
  margin-top: .8em;
}
.list-number> li::before {
  position: absolute;
  right: 100%;
  display: inline-block;
  counter-increment: number 1;
  content: counter(number) "."; 
  width: 1.5em;
  margin-right: .5em;
  text-align: right;
  font-family: "Noto Sans JP", sans-serif;
}
/* .list-paren____（1）テキストテキスト… */
.list-paren {
  counter-reset: paren 0;
  margin: 1em 0 1em 2.5em;
}
.list-paren> li {
  position: relative;
}
.list-paren> li:nth-of-type(n+2) {
  margin-top: .8em;
}
.list-paren> li::before {
  position: absolute;
  right: 100%;
  display: inline-block;
  counter-increment: paren 1;
  content: "（" counter(paren) "）"; 
  width: 3.5em;
  text-align: right;
  font-family: "Noto Sans JP", sans-serif;
}

/* Table
====================================================== */
.table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--color_main);
}
.table-caption {
  font-weight: 500;
}
.table-row:nth-of-type(n+2) {
  border-top: 1px solid var(--color_grey);
}
.table-head,
.table-data {
  padding: 5.33vmin;
  vertical-align: top;
  text-align: left;
}
.table-head {
  background-color: #DEECFE;
  color: var(--color_main);
  font-size: 1.125em;
  font-weight: 500;
}
@media screen and (max-width:640px) {
  .table-row {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .table-head, .table-data {
    width: 100%;
    padding: 5.33vmin;
  }
  .table-data { border-top: 1px solid var(--color_grey);}
}
@media print, screen and (min-width:641px) {
  .table-head, .table-data { padding: 2.0rem 4.0rem; }
  .table-head { width: 20%;}
}

/* tab切替
====================================================== */
.tabs {
  position: relative;
  z-index: 1;
}
.tabs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tabs__item {
  position: relative;
  width: 49.6%;
  padding: 1.33em 0;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  font-size: 5.33vmin;
  color: var(--color_white);
  font-weight: 500;
  text-align: center;
  line-height: 1;
  letter-spacing: .05em;
  cursor: pointer;
}
.tabs__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color_main_02);
  z-index: -1;
  opacity: .4;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
.tabs__item.is-active {}
.tabs__item.is-active::before {
  opacity: 1;
}
.tabs__section {
  background-color: var(--color_white);
  border: 2px solid var(--color_main_02);
  border-radius: 0 0 20px 20px;
}
.tab-content {
  display: none;
}
.tab-content.is-active {
  display: block;
}
/*2階層目*/
.tab-content.tab-content--second {
  padding: 0;
}
@media screen and (max-width:640px) {
  .tab-content { padding: 10.67vmin 4vmin;}
}
@media print, screen and (min-width:641px) {
  .tab-content { padding: 7.0rem 6.45%; }
  .tabs__item {font-size: 2.8rem}
  /*2階層目*/
  .tab-content.tab-content--second { margin-top: 7.0rem; }
}

/* ラジオボタン切替
====================================================== */
.radio-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.radio-wrap .hidden {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%); 
  margin: -1px;
}
.radio__title {
  position: relative;
  display: block;
  padding: .6em 2em .6em 4em;
  width: 100%;
  height: 100%;
  background-color: var(--color_white);
  border: 1px solid var(--color_main);
  border-radius: 10px;
  font-size: 4.8vmin;
  font-weight: 500;
  color: var(--color_main);
  text-align: center;
  letter-spacing: .1em;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.radio__title::before,
.radio__title::after {
  position: absolute;
  content: "";
  display: block;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
}
.radio__title::before {
  background-color: #E7E8F2;
  border: 2px solid var(--color_main);
  height: 2.1rem;
  width: 2.1rem;
  left: 2em;
}
.radio__title::after {
  background-color: var(--color_white);
  opacity: 0;
  height: 1.1rem;
  width: 1.1rem;
  left: calc(2em + .5rem);
}
.radio__icon:checked + .radio__title {
  background-color: var(--color_main);
  color: var(--color_white);
}
.radio__icon:checked + .radio__title::before {
  background-color: var(--color_main);
  border: 2px solid var(--color_white);
}
.radio__icon:checked + .radio__title::after {
  opacity : 1 ;
}
.radio__section {}
.radio-content {
  display: none;
  margin-top: 14.93vmin;
  padding: 0;
}
.radio-content.is-active { display: block;}
@media screen and (max-width:640px) {
  .radio-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column;}
  .radio__body+ .radio__body { margin-top: 2.67vmin}
  .radio-content { padding: 10.67vmin 0 6.67vmin;}
}
@media print, screen and (min-width:641px) {
  .radio__body+ .radio__body { margin-left: 3rem;}
  .radio__title {
    padding: .3em 2em .3em 4em;
    width: 100%;
    height: 100%;
    font-size: 2.2rem;
    letter-spacing: .1em;
    cursor: pointer;
  }
  .radio-content { margin-top: 7.0rem; }
}

/* リクルートバナー
====================================================== */
.bnr-list__item a img {
  width: 61.87vmin;
  height: auto;
}
@media print, screen and (min-width:641px) {
  .bnr-list__item a img {
    width: auto;
    height: 56.25px;
  }
}

/* js関連
====================================================== */
/* .js-flex　 */
.js-flex > .empty {
  height: 0 !important;
  min-height: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;
  border: none !important;
}
.js-flex > .empty::before,
.js-flex > .empty::after {
  content: none !important
}

/* .js-moreBtn　 */
.js-moreBtn {display: none; }/* 初期は非表示 */

/* .js-scrollArea　 */
.js-scrollArea-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.js-scrollArea {
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;  
}
.os-scrollbar-handle {
  background: var(--color_main_02) !important;
}
.os-scrollbar-track {
  background: #E1E2EF !important;
}
/* .js-SPzoom */
@media screen and (max-width:640px) {
  .zoom-icon {
    position: relative;
  }
  .zoom-icon:after {
    content: "";
    position: absolute;
    right: 1vmin;
    bottom: 0.5vmin;
    width: 6.48vmin;
    height: 6.48vmin;
    background: url("/files/user/gt/images/common/icon-zoom.svg") no-repeat center;
    background-position: center;
    background-color: var(--color_main_02);
    border-radius: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
  }
}
