@charset "UTF-8";
/* login
/*----------------------------------------------------*/
#mypage_login .contents__title {
  display: none;
}
#mypage_login .information {
  width: 100%;
}
#mypage_login .information ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #f3f2f1;
  max-height: 180px;
  margin-top: 15px;
  overflow-y: auto;
  padding: 0;
}
#mypage_login .information time {
  display: inline-flex;
  background: #fff;
  border-bottom: 1px solid var(--main500);
  padding: 5px 12px;
  line-height: 1.5;
  font-size: 12px;
  font-weight: bold;
}
#mypage_login .information p {
  padding: 12px;
}
#mypage_login .kiyaku {
  flex: 1;
  background: #f3f2f1;
  max-height: 180px;
  overflow-y: scroll;
  padding: 12px;
  font-size: 12px;
}
#mypage_login .forget {
  margin-top: 5px;
  text-align: right;
  font-size: 13px;
}
#mypage_login .id-pass__wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#mypage_login .id-pass__wrap > label {
  position: relative;
  display: flex;
  align-items: start;
}
#mypage_login .id-pass__wrap > label span {
  position: absolute;
  top: 3px;
  left: 5px;
  font-size: 10px;
  color: #000;
}
#mypage_login .id-pass__wrap input[type=text],
#mypage_login .id-pass__wrap input[type=password] {
  background: #f3f2f1;
  border: 1px solid transparent;
  width: 100%;
  padding: 12px 15px;
  padding-left: 35px;
  text-align: center;
  font-size: 16px;
}
#mypage_login .id-pass__wrap.fb_alert:has(.fb_ownAlertBox [names=id]) .id input {
  border-color: red;
}
#mypage_login .id-pass__wrap.fb_alert:has(.fb_ownAlertBox [names=password]) .pass input {
  border-color: red;
}
#mypage_login .ssl {
  width: 100%;
  font-size: 11px;
  color: #555;
}
#mypage_login .ssl .lang__en {
  font-size: 10px;
}
#mypage_login #login_auth + .ssl {
  text-align: center;
}
#mypage_login .footer .ssl {
  display: none;
}

.login__message {
  width: 100%;
  margin-bottom: -22px;
}
.login__message .main__text {
  font-weight: bold;
}
.login__message .all__login__text {
  margin-top: 12px;
}

.login__item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.login__item h2 {
  margin: 0;
  font-size: 15px;
  font-weight: bold;
}
.login__item p {
  max-height: 125px;
  overflow-y: auto;
  line-height: 1.7;
  font-size: 12px;
}

.login__button .btn {
  width: 100%;
  font-size: 14px;
}
.login__button.original .btn {
  text-align: center;
}
.login__button .mynavi {
  display: flex;
  background: #fff url(../img/common_images/outersite/mynavi_logo.png) left calc(50% - 40px) top calc(50% - 2px)/100px no-repeat;
  border-color: #00abeb;
  min-width: 250px;
  padding: 15px 10px 15px 100px;
  line-height: 1;
  color: #000;
}
.login__button .mynavi .material-symbols-outlined {
  font-size: 11px;
  width: 11px;
  height: 11px;
  overflow: hidden;
}
.login__button .line {
  display: flex;
  background: #fff url(../img/common_images/outersite/LINE_Brand_icon.png) left 5px center/35px no-repeat;
  border: 1px solid #03C755;
  border-radius: 5px;
  padding: 12px 40px 12px 80px;
  color: #000;
}
.login__button .line .material-symbols-outlined {
  font-size: 11px;
  width: 11px;
  height: 11px;
  overflow: hidden;
}

/* login
/*----------------------------------------------------*/
/* login_yoko
/*----------------------------------------------------*/
.login__wrap {
  display: flex;
  flex: 1;
  align-items: center;
  align-self: center;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 40px;
}
.login__wrap .top__img {
  display: none;
}
.login__wrap > form {
  display: flex;
  align-self: flex-start;
  gap: 40px;
}
.login__wrap > form:has(> div:nth-child(2):last-child) {
  width: 30%;
}
.login__wrap > form:has(> div:nth-child(3):last-child) {
  width: 60%;
}
.login__wrap > form > div {
  flex: 1;
}

/* login_yoko
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  #mypage_login .ssl {
    text-align: left;
  }
  .login__wrap {
    flex-direction: column;
  }
  .login__wrap > form {
    flex-direction: column;
    width: 100%;
  }
  .login__wrap > form:has(> div:nth-child(2):last-child) {
    width: 100%;
  }
  .login__wrap > form:has(> div:nth-child(3):last-child) {
    width: 100%;
  }
}
/* menu_yoko
/*----------------------------------------------------*/
.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
  row-gap: 20px;
  background: #fff;
  width: 100%;
  margin: 0 auto;
  padding: 40px 0;
}
.header .logo :where(img) {
  max-width: 220px;
  max-height: 90px;
}
.header .menu__check {
  display: none;
}
.header .menu__btn {
  display: none;
}
.header .menu,
.header .menu__sub,
.header .menu__text {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
}
.header .menu a,
.header .menu__sub a,
.header .menu__text a {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  text-decoration: none;
  color: #555;
  transition: 0.2s;
}
.header .menu a:hover,
.header .menu__sub a:hover,
.header .menu__text a:hover {
  opacity: 70%;
}
.header .menu a > .material-symbols-outlined,
.header .menu__sub a > .material-symbols-outlined,
.header .menu__text a > .material-symbols-outlined {
  font-size: 16px;
  height: 16px;
  width: 16px;
  overflow: hidden;
}
.header .menu a .page__out,
.header .menu__sub a .page__out,
.header .menu__text a .page__out {
  font-size: 10px;
  height: 10px;
  width: 10px;
  overflow: hidden;
}
.header .menu {
  flex: 1;
  gap: 3px;
}
.header .menu a {
  border: 2px solid transparent;
  border-radius: 3px;
  padding: 5px 8px;
  font-size: 12.5px;
  font-weight: bold;
}
.header .menu .menu__high a {
  background: var(--main100);
  border: 2px solid var(--main200);
}
.header .menu .menu__mid a {
  background: var(--main50);
  border: 2px solid var(--main200);
}
.header .menu .menu__now a {
  border-bottom: 2px solid var(--main500);
  color: var(--main700);
}
.header .menu__sub,
.header .menu__text {
  font-size: 12px;
}
.header .menu__sub a,
.header .menu__text a {
  padding: 4px 0;
  color: #555;
}
.header .menu__sub a:hover,
.header .menu__text a:hover {
  opacity: 70%;
}
.header .menu__sub .material-symbols-outlined,
.header .menu__text .material-symbols-outlined {
  display: none;
}
.header .menu__sub .menu__now,
.header .menu__text .menu__now {
  font-weight: bold;
  color: var(--main700);
}
.header .menu__sub {
  width: 100%;
  text-align: right;
}
.header .menu__sub a {
  padding: 3px 8px;
  font-size: 12px;
}
.header .menu__sub a::before {
  content: "・";
  margin-right: 0;
  font-size: 10px;
}
.header .menu__sub .menu__now {
  font-weight: bold;
  color: var(--main700);
}
.header .menu__text {
  display: flex;
  align-items: center;
  justify-content: end;
  width: 100%;
  font-size: 12px;
  top: 0;
  right: 0;
}
.header .menu__text a {
  padding: 5px 8px;
  font-size: 12px;
}
.header .menu__text .menu__now {
  font-weight: bold;
  color: var(--main700);
}

#menu .menu .menu__facebook a,
#menu .menu .menu__twitter a {
  margin: 0 0 0 15px;
}

.s1 .page__all .header, .s1 .page__all .main {
  margin-top: 0;
}

.c1 .header, .c2 .header, .c3 .header, .c4 .header, .c5 .header, .c6 .header, .c7 .header, .c8 .header, .c9 .header, .c10 .header, .c11 .header {
  padding-top: 0;
}

.s16 .page__all .header__img {
  margin-bottom: 20px;
}

body.gray .menu .menu__high a {
  background: var(--main100);
  border: 2px solid var(--active);
}
body.gray .menu .menu__mid a {
  background: var(--main50);
  border: 2px solid var(--main400);
}
body.gray .menu .menu__now a {
  border-bottom: 2px solid var(--active);
  color: var(--active);
}
body.gray .menu__sub .menu__now a,
body.gray .menu__text .menu__now a {
  color: var(--active);
}

/* menu_yoko
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  .header {
    position: sticky;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    background: #fff;
    width: 100%;
    height: 60px;
    padding: 0;
    padding-left: 20px;
    top: 0;
    z-index: 1;
  }
  .header .logo img {
    width: auto;
    max-width: 128px;
    max-height: 50px;
  }
  .header .menu__check {
    display: none;
  }
  .header .menu__check:checked + .menu__back {
    display: flex;
  }
  .header .menu__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: none;
    width: 60px;
    height: 60px;
    margin: 0 0 0 auto;
    cursor: pointer;
    transition: 0.2s;
  }
  .header .menu__btn:hover, .header .menu__btn:active {
    background: rgba(0, 0, 0, 0.05);
  }
  .header .menu__back {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
  }
  .header .menu__close {
    background: rgba(0, 0, 0, 0.2);
    width: 60px;
    height: 100vh;
  }
  .header .menu__wrap {
    background: white;
    border: none;
    box-shadow: -3px 0 5px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    width: calc(100% - 60px);
    height: 100%;
    margin: 0;
    padding: 20px;
    padding-bottom: 100px;
    overflow-y: auto;
    right: auto;
    animation: menuOpen 0.1s 0.1s ease backwards;
  }
  .header .menu {
    display: flex;
    flex-direction: column;
    text-align: left;
    width: 100%;
    margin: 0;
  }
  .header .menu a {
    display: flex;
    border-left: 3px solid var(--back);
    padding: 8px 0 8px 10px;
    font-size: 13px;
  }
  .header .menu .menu__now a {
    border-bottom: none;
    border-left: 3px solid var(--main500);
  }
  .header .menu__sub,
  .header .menu__text {
    position: static;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 10px;
  }
  .header .menu__sub li,
  .header .menu__text li {
    width: 100%;
  }
  .header .menu__sub a,
  .header .menu__text a {
    display: flex;
    flex: 1;
    padding: 8px 0 8px 10px;
  }
  .header .menu__sub .menu__now,
  .header .menu__text .menu__now {
    border-bottom: none;
    border-left: none;
  }
  [popover]:not(:popover-open):not(dialog[open]) {
    display: none;
  }
  @keyframes menuOpen {
    from {
      opacity: 0;
      translate: -30px 0;
    }
    to {
      opacity: 1;
      translate: 0px 0;
    }
  }
  @keyframes menuBack {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .ssl {
    margin-top: 20px;
    text-align: left;
  }
}
/* card_style1 シンプル + 背景画像設定可能
/*----------------------------------------------------*/
.c1 {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.c1 .page__all .header__img {
  margin-bottom: 40px;
}
.c1 .header__img {
  background-image: var(--header-img);
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  width: 980px;
  padding-bottom: calc(var(--header-height-num, 200) / 980 * 100%);
}
.c1 .main__img {
  display: none;
}
.c1.nomenu main {
  margin-top: 0;
}
.c1.nomenu .header__img {
  margin-bottom: 40px;
}
.c1.nomenu:not(.c1.nomenu:has(.menu__wrap > .info)) .header__img {
  margin-bottom: 0;
}

/* card_style1 シンプル + 背景画像設定可能
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  .c1 .page__all .header__img {
    margin-bottom: 0;
  }
  .c1 .header__img {
    width: 100%;
    margin-bottom: 0;
    border-radius: 5px 5px 0 0;
  }
  .c1.nomenu main {
    margin-top: 20px;
  }
}
/* card_style2 背景白
/*----------------------------------------------------*/
.c2 {
  background: #fff;
  min-height: 100vh;
}
.c2 .page__all {
  border: 1px solid #eee;
}
.c2 .page__all .header__img {
  margin-bottom: 40px;
}
.c2 .header__img {
  background-image: var(--header-img);
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  width: 980px;
  padding-bottom: calc(var(--header-height-num, 200) / 980 * 100%);
}
.c2 .main__img {
  display: none;
}
.c2.nomenu main {
  margin-top: 0;
}
.c2.nomenu .header__img {
  margin-bottom: 40px;
}
.c2.nomenu:not(.c2.nomenu:has(.menu__wrap > .info)) .header__img {
  margin-bottom: 0;
}

/* card_style2 背景白
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  .c2 .page__all .header__img {
    margin-bottom: 0;
  }
  .c2 .header__img {
    width: 100%;
    margin-bottom: 0;
    border-radius: 5px 5px 0 0;
  }
  .c2.nomenu main {
    margin-top: 20px;
  }
}
/* card_style2 背景にメインカラー
/*----------------------------------------------------*/
.c3 {
  background: var(--main200);
}
.c3 .header__img {
  width: 980px;
}
.c3 .page__all .header__img {
  margin-bottom: 40px;
}
.c3 .header__img {
  background-image: var(--header-img);
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  width: 980px;
  padding-bottom: calc(var(--header-height-num, 200) / 980 * 100%);
}
.c3 .main__img {
  display: none;
}
.c3.nomenu main {
  margin-top: 0;
}
.c3.nomenu .header__img {
  margin-bottom: 40px;
}
.c3.nomenu:not(.c3.nomenu:has(.menu__wrap > .info)) .header__img {
  margin-bottom: 0;
}

/* card_style2 背景にメインカラー
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  .c3 .page__all .header__img {
    margin-bottom: 0;
  }
  .c3 .header__img {
    width: 100%;
    margin-bottom: 0;
    border-radius: 5px 5px 0 0;
  }
  .c3.nomenu main {
    margin-top: 20px;
  }
}
/* card_style4 模様
/*----------------------------------------------------*/
.c4 {
  background: radial-gradient(var(--main300) 3px, transparent 3px), radial-gradient(var(--main500) 3px, transparent 3px), linear-gradient(var(--main50) 4px, transparent 0), linear-gradient(45deg, transparent 74px, transparent 75px, var(--main200) 75px, var(--main200) 76px, transparent 77px, transparent 109px), linear-gradient(-45deg, transparent 75px, transparent 76px, var(--main200) 76px, var(--main200) 77px, transparent 78px, transparent 109px), var(--main50);
  background-size: 109px 109px, 109px 109px, 100% 6px, 109px 109px, 109px 109px;
  background-position: 54px 55px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;
}
.c4 .page__all .header__img {
  margin-bottom: 40px;
}
.c4 .header__img {
  background-image: var(--header-img);
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  width: 980px;
  padding-bottom: calc(var(--header-height-num, 200) / 980 * 100%);
}
.c4 .main__img {
  display: none;
}
.c4.nomenu main {
  margin-top: 0;
}
.c4.nomenu .header__img {
  margin-bottom: 40px;
}
.c4.nomenu:not(.c4.nomenu:has(.menu__wrap > .info)) .header__img {
  margin-bottom: 0;
}

/* card_style4 模様
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  .c4 .page__all .header__img {
    margin-bottom: 0;
  }
  .c4 .header__img {
    width: 100%;
    margin-bottom: 0;
    border-radius: 5px 5px 0 0;
  }
  .c4.nomenu main {
    margin-top: 20px;
  }
}
/* card_style5 ガラスのような幾何学模様
/*----------------------------------------------------*/
.c5 {
  background: var(--main500) url(./../img/back_img/back_img2_5.png) center center/cover no-repeat;
  height: 100%;
  min-height: 100vh;
}
.c5 .page__all .header__img {
  margin-bottom: 40px;
}
.c5 .header__img {
  background-image: var(--header-img);
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  width: 980px;
  padding-bottom: calc(var(--header-height-num, 200) / 980 * 100%);
}
.c5 .main__img {
  display: none;
}
.c5.nomenu main {
  margin-top: 0;
}
.c5.nomenu .header__img {
  margin-bottom: 40px;
}
.c5.nomenu:not(.c5.nomenu:has(.menu__wrap > .info)) .header__img {
  margin-bottom: 0;
}

/* card_style5 ガラスのような幾何学模様
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  .c5 .page__all .header__img {
    margin-bottom: 0;
  }
  .c5 .header__img {
    width: 100%;
    margin-bottom: 0;
    border-radius: 5px 5px 0 0;
  }
  .c5.nomenu main {
    margin-top: 20px;
  }
}
/* card_style6  テトリス
/*----------------------------------------------------*/
.c6 {
  background-color: #fff;
  background-image: url(./../img/back_img/back_img2_6.svg), linear-gradient(var(--main500) 0, var(--main500) 100%);
  background-size: 1000px auto, 500px 200px;
  background-position: top right, top right;
  background-repeat: no-repeat, no-repeat;
  height: 100%;
  min-height: 100vh;
}
.c6 .page__all {
  margin: 90px auto 0;
}
.c6 .page__all .header__img {
  margin-bottom: 40px;
}
.c6 .header__img {
  background-image: var(--header-img);
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  width: 980px;
  padding-bottom: calc(var(--header-height-num, 200) / 980 * 100%);
}
.c6 .main__img {
  display: none;
}
.c6.nomenu main {
  margin-top: 0;
}
.c6.nomenu .header__img {
  margin-bottom: 40px;
}
.c6.nomenu:not(.c6.nomenu:has(.menu__wrap > .info)) .header__img {
  margin-bottom: 0;
}

/* card_style6  テトリス
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  .c6 {
    background-size: 600px auto, 200px 200px;
  }
  .c6 .page__all {
    margin: 100px auto 0;
  }
  .c6 .page__all .header__img {
    margin-bottom: 0;
  }
  .c6 .header__img {
    width: 100%;
    margin-bottom: 0;
    border-radius: 5px 5px 0 0;
  }
  .c6.nomenu main {
    margin-top: 20px;
  }
}
/* card_style7 木目の上に雑貨
/*----------------------------------------------------*/
.c7 {
  background: url(./../img/back_img/back_img2_7.png) center center/cover no-repeat;
  height: 100%;
  min-height: 100vh;
}
.c7 .page__all .header__img {
  margin-bottom: 40px;
}
.c7 .header__img {
  background-image: var(--header-img);
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  width: 980px;
  padding-bottom: calc(var(--header-height-num, 200) / 980 * 100%);
}
.c7 .main__img {
  display: none;
}
.c7.nomenu main {
  margin-top: 0;
}
.c7.nomenu .header__img {
  margin-bottom: 40px;
}
.c7.nomenu:not(.c7.nomenu:has(.menu__wrap > .info)) .header__img {
  margin-bottom: 0;
}

/* card_style7 木目の上に雑貨
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  .c7 .page__all .header__img {
    margin-bottom: 0;
  }
  .c7 .header__img {
    width: 100%;
    margin-bottom: 0;
    border-radius: 5px 5px 0 0;
  }
  .c7.nomenu main {
    margin-top: 20px;
  }
}
/* card_style8 面の球体
/*----------------------------------------------------*/
.c8 {
  background-size: 800px 800px, 800px 800px, 800px 800px;
  background-position: top right, top right, top right;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-color: var(--back);
  height: 100%;
  min-height: 100vh;
}
.c8.gray {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%23FA553744;enable-background:new;}</style><g><path class="st0" d="M88.203,470.884c-0.58,16.341-0.433,33.059,0.533,50.136c11.671,10.33,25.294,21.688,40.763,33.483c-0.328-18.076,0.104-35.801,1.221-53.152C114.772,490.605,100.56,480.303,88.203,470.884z"/><path class="st0" d="M93.376,412.992c12.956,7.988,27.794,16.798,44.377,26.12c3.759-23.223,8.671-45.649,14.48-67.238c-17.101-7.874-32.498-15.222-46.034-21.85C100.867,370.19,96.506,391.194,93.376,412.992z"/><path class="st0" d="M89.911,279.187c10.061,3.036,22.022,6.669,35.707,10.865c8.267-21.517,17.493-41.819,27.258-60.837c-12.692-1.963-25.473-3.755-38.33-5.367C105.758,241.066,97.407,259.541,89.911,279.187z"/><path class="st0" d="M419.992,95.903c21.71,4.582,42.537,10.336,62.432,16.969c4.322-11.606,8.684-23.229,13.081-34.858c-18.268-6.041-37.442-11.274-57.456-15.412C432.881,71.851,426.789,83.009,419.992,95.903z"/><path class="st0" d="M584.593,282.229c21.52,10.459,41.46,20.921,59.669,31.025c2.755-19.965,4.742-40.425,5.842-61.344c-16.704-11.196-35.052-22.597-54.928-33.742C592.266,239.926,588.701,261.296,584.593,282.229z"/><path class="st0" d="M267.928,251.816c24.256,5.749,48.011,11.984,71.176,18.582c9.847-24.293,19.677-47.156,29.221-68.379c-22.42-5.785-45.506-10.955-69.183-15.346C288.763,206.803,278.238,228.574,267.928,251.816z"/><path class="st0" d="M174.534,669.165c15.286,9.621,32.441,19.467,51.27,28.871c1.178-10.364,2.475-20.683,3.889-30.949c-19.738-10.171-37.955-20.947-54.565-31.78C174.717,646.506,174.515,657.794,174.534,669.165z"/><path class="st0" d="M39.186,471.848c4.752,22.813,11.643,45.064,20.526,66.46c0.912,1.029,2.099,2.349,3.557,3.933c-2.965-17.361-4.944-34.371-6.049-51.011C46.791,480.651,40.676,473.595,39.186,471.848z"/><path class="st0" d="M680.255,155.796c2.167,9.793,4.069,19.494,5.719,29.103c15.846,13.181,27.632,24.391,34.973,31.746c-0.356-1.721-0.728-3.448-1.102-5.176C708.422,191.79,695.183,173.137,680.255,155.796z"/><path class="st0" d="M756.49,337.434c-5.856-5.75-14.092-13.546-24.586-22.772c0.289,17.487-0.327,34.54-1.729,51.143c10.33,6.981,18.789,12.979,25.222,17.668C756.523,368.483,756.926,353.124,756.49,337.434z"/><path class="st0" d="M376.885,764.048c16.482,1.505,33.516,1.901,50.983,0.891c2.218-2.316,6.037-6.385,11.13-12.115c-17.583-0.345-34.711-1.716-51.332-3.938C382.351,756.588,378.614,761.714,376.885,764.048z"/><path class="st0" d="M330.318,52.46c-16.19,0.279-32.76,1.377-49.685,3.391c-7.845,7.59-18.138,18.048-29.889,31.2c17.688-1.832,35.014-2.774,51.96-2.921C313.192,71.379,322.604,60.773,330.318,52.46z"/></g></svg>'), url(./../img/back_img/back_img2_8_2.svg), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%236b7280cc;}</style><circle class="st0" cx="400.676" cy="396.907" r="369.217"/></svg>');
}
.c8.red {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%2343ADF044;enable-background:new;}</style><g><path class="st0" d="M88.203,470.884c-0.58,16.341-0.433,33.059,0.533,50.136c11.671,10.33,25.294,21.688,40.763,33.483c-0.328-18.076,0.104-35.801,1.221-53.152C114.772,490.605,100.56,480.303,88.203,470.884z"/><path class="st0" d="M93.376,412.992c12.956,7.988,27.794,16.798,44.377,26.12c3.759-23.223,8.671-45.649,14.48-67.238c-17.101-7.874-32.498-15.222-46.034-21.85C100.867,370.19,96.506,391.194,93.376,412.992z"/><path class="st0" d="M89.911,279.187c10.061,3.036,22.022,6.669,35.707,10.865c8.267-21.517,17.493-41.819,27.258-60.837c-12.692-1.963-25.473-3.755-38.33-5.367C105.758,241.066,97.407,259.541,89.911,279.187z"/><path class="st0" d="M419.992,95.903c21.71,4.582,42.537,10.336,62.432,16.969c4.322-11.606,8.684-23.229,13.081-34.858c-18.268-6.041-37.442-11.274-57.456-15.412C432.881,71.851,426.789,83.009,419.992,95.903z"/><path class="st0" d="M584.593,282.229c21.52,10.459,41.46,20.921,59.669,31.025c2.755-19.965,4.742-40.425,5.842-61.344c-16.704-11.196-35.052-22.597-54.928-33.742C592.266,239.926,588.701,261.296,584.593,282.229z"/><path class="st0" d="M267.928,251.816c24.256,5.749,48.011,11.984,71.176,18.582c9.847-24.293,19.677-47.156,29.221-68.379c-22.42-5.785-45.506-10.955-69.183-15.346C288.763,206.803,278.238,228.574,267.928,251.816z"/><path class="st0" d="M174.534,669.165c15.286,9.621,32.441,19.467,51.27,28.871c1.178-10.364,2.475-20.683,3.889-30.949c-19.738-10.171-37.955-20.947-54.565-31.78C174.717,646.506,174.515,657.794,174.534,669.165z"/><path class="st0" d="M39.186,471.848c4.752,22.813,11.643,45.064,20.526,66.46c0.912,1.029,2.099,2.349,3.557,3.933c-2.965-17.361-4.944-34.371-6.049-51.011C46.791,480.651,40.676,473.595,39.186,471.848z"/><path class="st0" d="M680.255,155.796c2.167,9.793,4.069,19.494,5.719,29.103c15.846,13.181,27.632,24.391,34.973,31.746c-0.356-1.721-0.728-3.448-1.102-5.176C708.422,191.79,695.183,173.137,680.255,155.796z"/><path class="st0" d="M756.49,337.434c-5.856-5.75-14.092-13.546-24.586-22.772c0.289,17.487-0.327,34.54-1.729,51.143c10.33,6.981,18.789,12.979,25.222,17.668C756.523,368.483,756.926,353.124,756.49,337.434z"/><path class="st0" d="M376.885,764.048c16.482,1.505,33.516,1.901,50.983,0.891c2.218-2.316,6.037-6.385,11.13-12.115c-17.583-0.345-34.711-1.716-51.332-3.938C382.351,756.588,378.614,761.714,376.885,764.048z"/><path class="st0" d="M330.318,52.46c-16.19,0.279-32.76,1.377-49.685,3.391c-7.845,7.59-18.138,18.048-29.889,31.2c17.688-1.832,35.014-2.774,51.96-2.921C313.192,71.379,322.604,60.773,330.318,52.46z"/></g></svg>'), url(./../img/back_img/back_img2_8_2.svg), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%23ef4444cc;}</style><circle class="st0" cx="400.676" cy="396.907" r="369.217"/></svg>');
}
.c8.orange {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%233716FA44;enable-background:new;}</style><g><path class="st0" d="M88.203,470.884c-0.58,16.341-0.433,33.059,0.533,50.136c11.671,10.33,25.294,21.688,40.763,33.483c-0.328-18.076,0.104-35.801,1.221-53.152C114.772,490.605,100.56,480.303,88.203,470.884z"/><path class="st0" d="M93.376,412.992c12.956,7.988,27.794,16.798,44.377,26.12c3.759-23.223,8.671-45.649,14.48-67.238c-17.101-7.874-32.498-15.222-46.034-21.85C100.867,370.19,96.506,391.194,93.376,412.992z"/><path class="st0" d="M89.911,279.187c10.061,3.036,22.022,6.669,35.707,10.865c8.267-21.517,17.493-41.819,27.258-60.837c-12.692-1.963-25.473-3.755-38.33-5.367C105.758,241.066,97.407,259.541,89.911,279.187z"/><path class="st0" d="M419.992,95.903c21.71,4.582,42.537,10.336,62.432,16.969c4.322-11.606,8.684-23.229,13.081-34.858c-18.268-6.041-37.442-11.274-57.456-15.412C432.881,71.851,426.789,83.009,419.992,95.903z"/><path class="st0" d="M584.593,282.229c21.52,10.459,41.46,20.921,59.669,31.025c2.755-19.965,4.742-40.425,5.842-61.344c-16.704-11.196-35.052-22.597-54.928-33.742C592.266,239.926,588.701,261.296,584.593,282.229z"/><path class="st0" d="M267.928,251.816c24.256,5.749,48.011,11.984,71.176,18.582c9.847-24.293,19.677-47.156,29.221-68.379c-22.42-5.785-45.506-10.955-69.183-15.346C288.763,206.803,278.238,228.574,267.928,251.816z"/><path class="st0" d="M174.534,669.165c15.286,9.621,32.441,19.467,51.27,28.871c1.178-10.364,2.475-20.683,3.889-30.949c-19.738-10.171-37.955-20.947-54.565-31.78C174.717,646.506,174.515,657.794,174.534,669.165z"/><path class="st0" d="M39.186,471.848c4.752,22.813,11.643,45.064,20.526,66.46c0.912,1.029,2.099,2.349,3.557,3.933c-2.965-17.361-4.944-34.371-6.049-51.011C46.791,480.651,40.676,473.595,39.186,471.848z"/><path class="st0" d="M680.255,155.796c2.167,9.793,4.069,19.494,5.719,29.103c15.846,13.181,27.632,24.391,34.973,31.746c-0.356-1.721-0.728-3.448-1.102-5.176C708.422,191.79,695.183,173.137,680.255,155.796z"/><path class="st0" d="M756.49,337.434c-5.856-5.75-14.092-13.546-24.586-22.772c0.289,17.487-0.327,34.54-1.729,51.143c10.33,6.981,18.789,12.979,25.222,17.668C756.523,368.483,756.926,353.124,756.49,337.434z"/><path class="st0" d="M376.885,764.048c16.482,1.505,33.516,1.901,50.983,0.891c2.218-2.316,6.037-6.385,11.13-12.115c-17.583-0.345-34.711-1.716-51.332-3.938C382.351,756.588,378.614,761.714,376.885,764.048z"/><path class="st0" d="M330.318,52.46c-16.19,0.279-32.76,1.377-49.685,3.391c-7.845,7.59-18.138,18.048-29.889,31.2c17.688-1.832,35.014-2.774,51.96-2.921C313.192,71.379,322.604,60.773,330.318,52.46z"/></g></svg>'), url(./../img/back_img/back_img2_8_2.svg), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%23f97316cc;}</style><circle class="st0" cx="400.676" cy="396.907" r="369.217"/></svg>');
}
.c8.amber {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%23940AF544;enable-background:new;}</style><g><path class="st0" d="M88.203,470.884c-0.58,16.341-0.433,33.059,0.533,50.136c11.671,10.33,25.294,21.688,40.763,33.483c-0.328-18.076,0.104-35.801,1.221-53.152C114.772,490.605,100.56,480.303,88.203,470.884z"/><path class="st0" d="M93.376,412.992c12.956,7.988,27.794,16.798,44.377,26.12c3.759-23.223,8.671-45.649,14.48-67.238c-17.101-7.874-32.498-15.222-46.034-21.85C100.867,370.19,96.506,391.194,93.376,412.992z"/><path class="st0" d="M89.911,279.187c10.061,3.036,22.022,6.669,35.707,10.865c8.267-21.517,17.493-41.819,27.258-60.837c-12.692-1.963-25.473-3.755-38.33-5.367C105.758,241.066,97.407,259.541,89.911,279.187z"/><path class="st0" d="M419.992,95.903c21.71,4.582,42.537,10.336,62.432,16.969c4.322-11.606,8.684-23.229,13.081-34.858c-18.268-6.041-37.442-11.274-57.456-15.412C432.881,71.851,426.789,83.009,419.992,95.903z"/><path class="st0" d="M584.593,282.229c21.52,10.459,41.46,20.921,59.669,31.025c2.755-19.965,4.742-40.425,5.842-61.344c-16.704-11.196-35.052-22.597-54.928-33.742C592.266,239.926,588.701,261.296,584.593,282.229z"/><path class="st0" d="M267.928,251.816c24.256,5.749,48.011,11.984,71.176,18.582c9.847-24.293,19.677-47.156,29.221-68.379c-22.42-5.785-45.506-10.955-69.183-15.346C288.763,206.803,278.238,228.574,267.928,251.816z"/><path class="st0" d="M174.534,669.165c15.286,9.621,32.441,19.467,51.27,28.871c1.178-10.364,2.475-20.683,3.889-30.949c-19.738-10.171-37.955-20.947-54.565-31.78C174.717,646.506,174.515,657.794,174.534,669.165z"/><path class="st0" d="M39.186,471.848c4.752,22.813,11.643,45.064,20.526,66.46c0.912,1.029,2.099,2.349,3.557,3.933c-2.965-17.361-4.944-34.371-6.049-51.011C46.791,480.651,40.676,473.595,39.186,471.848z"/><path class="st0" d="M680.255,155.796c2.167,9.793,4.069,19.494,5.719,29.103c15.846,13.181,27.632,24.391,34.973,31.746c-0.356-1.721-0.728-3.448-1.102-5.176C708.422,191.79,695.183,173.137,680.255,155.796z"/><path class="st0" d="M756.49,337.434c-5.856-5.75-14.092-13.546-24.586-22.772c0.289,17.487-0.327,34.54-1.729,51.143c10.33,6.981,18.789,12.979,25.222,17.668C756.523,368.483,756.926,353.124,756.49,337.434z"/><path class="st0" d="M376.885,764.048c16.482,1.505,33.516,1.901,50.983,0.891c2.218-2.316,6.037-6.385,11.13-12.115c-17.583-0.345-34.711-1.716-51.332-3.938C382.351,756.588,378.614,761.714,376.885,764.048z"/><path class="st0" d="M330.318,52.46c-16.19,0.279-32.76,1.377-49.685,3.391c-7.845,7.59-18.138,18.048-29.889,31.2c17.688-1.832,35.014-2.774,51.96-2.921C313.192,71.379,322.604,60.773,330.318,52.46z"/></g></svg>'), url(./../img/back_img/back_img2_8_2.svg), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%23f59e0bcc;}</style><circle class="st0" cx="400.676" cy="396.907" r="369.217"/></svg>');
}
.c8.yellow {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%23D507EB44;enable-background:new;}</style><g><path class="st0" d="M88.203,470.884c-0.58,16.341-0.433,33.059,0.533,50.136c11.671,10.33,25.294,21.688,40.763,33.483c-0.328-18.076,0.104-35.801,1.221-53.152C114.772,490.605,100.56,480.303,88.203,470.884z"/><path class="st0" d="M93.376,412.992c12.956,7.988,27.794,16.798,44.377,26.12c3.759-23.223,8.671-45.649,14.48-67.238c-17.101-7.874-32.498-15.222-46.034-21.85C100.867,370.19,96.506,391.194,93.376,412.992z"/><path class="st0" d="M89.911,279.187c10.061,3.036,22.022,6.669,35.707,10.865c8.267-21.517,17.493-41.819,27.258-60.837c-12.692-1.963-25.473-3.755-38.33-5.367C105.758,241.066,97.407,259.541,89.911,279.187z"/><path class="st0" d="M419.992,95.903c21.71,4.582,42.537,10.336,62.432,16.969c4.322-11.606,8.684-23.229,13.081-34.858c-18.268-6.041-37.442-11.274-57.456-15.412C432.881,71.851,426.789,83.009,419.992,95.903z"/><path class="st0" d="M584.593,282.229c21.52,10.459,41.46,20.921,59.669,31.025c2.755-19.965,4.742-40.425,5.842-61.344c-16.704-11.196-35.052-22.597-54.928-33.742C592.266,239.926,588.701,261.296,584.593,282.229z"/><path class="st0" d="M267.928,251.816c24.256,5.749,48.011,11.984,71.176,18.582c9.847-24.293,19.677-47.156,29.221-68.379c-22.42-5.785-45.506-10.955-69.183-15.346C288.763,206.803,278.238,228.574,267.928,251.816z"/><path class="st0" d="M174.534,669.165c15.286,9.621,32.441,19.467,51.27,28.871c1.178-10.364,2.475-20.683,3.889-30.949c-19.738-10.171-37.955-20.947-54.565-31.78C174.717,646.506,174.515,657.794,174.534,669.165z"/><path class="st0" d="M39.186,471.848c4.752,22.813,11.643,45.064,20.526,66.46c0.912,1.029,2.099,2.349,3.557,3.933c-2.965-17.361-4.944-34.371-6.049-51.011C46.791,480.651,40.676,473.595,39.186,471.848z"/><path class="st0" d="M680.255,155.796c2.167,9.793,4.069,19.494,5.719,29.103c15.846,13.181,27.632,24.391,34.973,31.746c-0.356-1.721-0.728-3.448-1.102-5.176C708.422,191.79,695.183,173.137,680.255,155.796z"/><path class="st0" d="M756.49,337.434c-5.856-5.75-14.092-13.546-24.586-22.772c0.289,17.487-0.327,34.54-1.729,51.143c10.33,6.981,18.789,12.979,25.222,17.668C756.523,368.483,756.926,353.124,756.49,337.434z"/><path class="st0" d="M376.885,764.048c16.482,1.505,33.516,1.901,50.983,0.891c2.218-2.316,6.037-6.385,11.13-12.115c-17.583-0.345-34.711-1.716-51.332-3.938C382.351,756.588,378.614,761.714,376.885,764.048z"/><path class="st0" d="M330.318,52.46c-16.19,0.279-32.76,1.377-49.685,3.391c-7.845,7.59-18.138,18.048-29.889,31.2c17.688-1.832,35.014-2.774,51.96-2.921C313.192,71.379,322.604,60.773,330.318,52.46z"/></g></svg>'), url(./../img/back_img/back_img2_8_2.svg), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%23eab308cc;}</style><circle class="st0" cx="400.676" cy="396.907" r="369.217"/></svg>');
}
.c8.lime {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%23CC381644;enable-background:new;}</style><g><path class="st0" d="M88.203,470.884c-0.58,16.341-0.433,33.059,0.533,50.136c11.671,10.33,25.294,21.688,40.763,33.483c-0.328-18.076,0.104-35.801,1.221-53.152C114.772,490.605,100.56,480.303,88.203,470.884z"/><path class="st0" d="M93.376,412.992c12.956,7.988,27.794,16.798,44.377,26.12c3.759-23.223,8.671-45.649,14.48-67.238c-17.101-7.874-32.498-15.222-46.034-21.85C100.867,370.19,96.506,391.194,93.376,412.992z"/><path class="st0" d="M89.911,279.187c10.061,3.036,22.022,6.669,35.707,10.865c8.267-21.517,17.493-41.819,27.258-60.837c-12.692-1.963-25.473-3.755-38.33-5.367C105.758,241.066,97.407,259.541,89.911,279.187z"/><path class="st0" d="M419.992,95.903c21.71,4.582,42.537,10.336,62.432,16.969c4.322-11.606,8.684-23.229,13.081-34.858c-18.268-6.041-37.442-11.274-57.456-15.412C432.881,71.851,426.789,83.009,419.992,95.903z"/><path class="st0" d="M584.593,282.229c21.52,10.459,41.46,20.921,59.669,31.025c2.755-19.965,4.742-40.425,5.842-61.344c-16.704-11.196-35.052-22.597-54.928-33.742C592.266,239.926,588.701,261.296,584.593,282.229z"/><path class="st0" d="M267.928,251.816c24.256,5.749,48.011,11.984,71.176,18.582c9.847-24.293,19.677-47.156,29.221-68.379c-22.42-5.785-45.506-10.955-69.183-15.346C288.763,206.803,278.238,228.574,267.928,251.816z"/><path class="st0" d="M174.534,669.165c15.286,9.621,32.441,19.467,51.27,28.871c1.178-10.364,2.475-20.683,3.889-30.949c-19.738-10.171-37.955-20.947-54.565-31.78C174.717,646.506,174.515,657.794,174.534,669.165z"/><path class="st0" d="M39.186,471.848c4.752,22.813,11.643,45.064,20.526,66.46c0.912,1.029,2.099,2.349,3.557,3.933c-2.965-17.361-4.944-34.371-6.049-51.011C46.791,480.651,40.676,473.595,39.186,471.848z"/><path class="st0" d="M680.255,155.796c2.167,9.793,4.069,19.494,5.719,29.103c15.846,13.181,27.632,24.391,34.973,31.746c-0.356-1.721-0.728-3.448-1.102-5.176C708.422,191.79,695.183,173.137,680.255,155.796z"/><path class="st0" d="M756.49,337.434c-5.856-5.75-14.092-13.546-24.586-22.772c0.289,17.487-0.327,34.54-1.729,51.143c10.33,6.981,18.789,12.979,25.222,17.668C756.523,368.483,756.926,353.124,756.49,337.434z"/><path class="st0" d="M376.885,764.048c16.482,1.505,33.516,1.901,50.983,0.891c2.218-2.316,6.037-6.385,11.13-12.115c-17.583-0.345-34.711-1.716-51.332-3.938C382.351,756.588,378.614,761.714,376.885,764.048z"/><path class="st0" d="M330.318,52.46c-16.19,0.279-32.76,1.377-49.685,3.391c-7.845,7.59-18.138,18.048-29.889,31.2c17.688-1.832,35.014-2.774,51.96-2.921C313.192,71.379,322.604,60.773,330.318,52.46z"/></g></svg>'), url(./../img/back_img/back_img2_8_2.svg), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%2384cc16cc;}</style><circle class="st0" cx="400.676" cy="396.907" r="369.217"/></svg>');
}
.c8.green {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%23C4852144;enable-background:new;}</style><g><path class="st0" d="M88.203,470.884c-0.58,16.341-0.433,33.059,0.533,50.136c11.671,10.33,25.294,21.688,40.763,33.483c-0.328-18.076,0.104-35.801,1.221-53.152C114.772,490.605,100.56,480.303,88.203,470.884z"/><path class="st0" d="M93.376,412.992c12.956,7.988,27.794,16.798,44.377,26.12c3.759-23.223,8.671-45.649,14.48-67.238c-17.101-7.874-32.498-15.222-46.034-21.85C100.867,370.19,96.506,391.194,93.376,412.992z"/><path class="st0" d="M89.911,279.187c10.061,3.036,22.022,6.669,35.707,10.865c8.267-21.517,17.493-41.819,27.258-60.837c-12.692-1.963-25.473-3.755-38.33-5.367C105.758,241.066,97.407,259.541,89.911,279.187z"/><path class="st0" d="M419.992,95.903c21.71,4.582,42.537,10.336,62.432,16.969c4.322-11.606,8.684-23.229,13.081-34.858c-18.268-6.041-37.442-11.274-57.456-15.412C432.881,71.851,426.789,83.009,419.992,95.903z"/><path class="st0" d="M584.593,282.229c21.52,10.459,41.46,20.921,59.669,31.025c2.755-19.965,4.742-40.425,5.842-61.344c-16.704-11.196-35.052-22.597-54.928-33.742C592.266,239.926,588.701,261.296,584.593,282.229z"/><path class="st0" d="M267.928,251.816c24.256,5.749,48.011,11.984,71.176,18.582c9.847-24.293,19.677-47.156,29.221-68.379c-22.42-5.785-45.506-10.955-69.183-15.346C288.763,206.803,278.238,228.574,267.928,251.816z"/><path class="st0" d="M174.534,669.165c15.286,9.621,32.441,19.467,51.27,28.871c1.178-10.364,2.475-20.683,3.889-30.949c-19.738-10.171-37.955-20.947-54.565-31.78C174.717,646.506,174.515,657.794,174.534,669.165z"/><path class="st0" d="M39.186,471.848c4.752,22.813,11.643,45.064,20.526,66.46c0.912,1.029,2.099,2.349,3.557,3.933c-2.965-17.361-4.944-34.371-6.049-51.011C46.791,480.651,40.676,473.595,39.186,471.848z"/><path class="st0" d="M680.255,155.796c2.167,9.793,4.069,19.494,5.719,29.103c15.846,13.181,27.632,24.391,34.973,31.746c-0.356-1.721-0.728-3.448-1.102-5.176C708.422,191.79,695.183,173.137,680.255,155.796z"/><path class="st0" d="M756.49,337.434c-5.856-5.75-14.092-13.546-24.586-22.772c0.289,17.487-0.327,34.54-1.729,51.143c10.33,6.981,18.789,12.979,25.222,17.668C756.523,368.483,756.926,353.124,756.49,337.434z"/><path class="st0" d="M376.885,764.048c16.482,1.505,33.516,1.901,50.983,0.891c2.218-2.316,6.037-6.385,11.13-12.115c-17.583-0.345-34.711-1.716-51.332-3.938C382.351,756.588,378.614,761.714,376.885,764.048z"/><path class="st0" d="M330.318,52.46c-16.19,0.279-32.76,1.377-49.685,3.391c-7.845,7.59-18.138,18.048-29.889,31.2c17.688-1.832,35.014-2.774,51.96-2.921C313.192,71.379,322.604,60.773,330.318,52.46z"/></g></svg>'), url(./../img/back_img/back_img2_8_2.svg), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%2322c55ecc;}</style><circle class="st0" cx="400.676" cy="396.907" r="369.217"/></svg>');
}
.c8.emerald {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%23BA8B1144;enable-background:new;}</style><g><path class="st0" d="M88.203,470.884c-0.58,16.341-0.433,33.059,0.533,50.136c11.671,10.33,25.294,21.688,40.763,33.483c-0.328-18.076,0.104-35.801,1.221-53.152C114.772,490.605,100.56,480.303,88.203,470.884z"/><path class="st0" d="M93.376,412.992c12.956,7.988,27.794,16.798,44.377,26.12c3.759-23.223,8.671-45.649,14.48-67.238c-17.101-7.874-32.498-15.222-46.034-21.85C100.867,370.19,96.506,391.194,93.376,412.992z"/><path class="st0" d="M89.911,279.187c10.061,3.036,22.022,6.669,35.707,10.865c8.267-21.517,17.493-41.819,27.258-60.837c-12.692-1.963-25.473-3.755-38.33-5.367C105.758,241.066,97.407,259.541,89.911,279.187z"/><path class="st0" d="M419.992,95.903c21.71,4.582,42.537,10.336,62.432,16.969c4.322-11.606,8.684-23.229,13.081-34.858c-18.268-6.041-37.442-11.274-57.456-15.412C432.881,71.851,426.789,83.009,419.992,95.903z"/><path class="st0" d="M584.593,282.229c21.52,10.459,41.46,20.921,59.669,31.025c2.755-19.965,4.742-40.425,5.842-61.344c-16.704-11.196-35.052-22.597-54.928-33.742C592.266,239.926,588.701,261.296,584.593,282.229z"/><path class="st0" d="M267.928,251.816c24.256,5.749,48.011,11.984,71.176,18.582c9.847-24.293,19.677-47.156,29.221-68.379c-22.42-5.785-45.506-10.955-69.183-15.346C288.763,206.803,278.238,228.574,267.928,251.816z"/><path class="st0" d="M174.534,669.165c15.286,9.621,32.441,19.467,51.27,28.871c1.178-10.364,2.475-20.683,3.889-30.949c-19.738-10.171-37.955-20.947-54.565-31.78C174.717,646.506,174.515,657.794,174.534,669.165z"/><path class="st0" d="M39.186,471.848c4.752,22.813,11.643,45.064,20.526,66.46c0.912,1.029,2.099,2.349,3.557,3.933c-2.965-17.361-4.944-34.371-6.049-51.011C46.791,480.651,40.676,473.595,39.186,471.848z"/><path class="st0" d="M680.255,155.796c2.167,9.793,4.069,19.494,5.719,29.103c15.846,13.181,27.632,24.391,34.973,31.746c-0.356-1.721-0.728-3.448-1.102-5.176C708.422,191.79,695.183,173.137,680.255,155.796z"/><path class="st0" d="M756.49,337.434c-5.856-5.75-14.092-13.546-24.586-22.772c0.289,17.487-0.327,34.54-1.729,51.143c10.33,6.981,18.789,12.979,25.222,17.668C756.523,368.483,756.926,353.124,756.49,337.434z"/><path class="st0" d="M376.885,764.048c16.482,1.505,33.516,1.901,50.983,0.891c2.218-2.316,6.037-6.385,11.13-12.115c-17.583-0.345-34.711-1.716-51.332-3.938C382.351,756.588,378.614,761.714,376.885,764.048z"/><path class="st0" d="M330.318,52.46c-16.19,0.279-32.76,1.377-49.685,3.391c-7.845,7.59-18.138,18.048-29.889,31.2c17.688-1.832,35.014-2.774,51.96-2.921C313.192,71.379,322.604,60.773,330.318,52.46z"/></g></svg>'), url(./../img/back_img/back_img2_8_2.svg), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%2310b981cc;}</style><circle class="st0" cx="400.676" cy="396.907" r="369.217"/></svg>');
}
.c8.teal {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%23B8961444;enable-background:new;}</style><g><path class="st0" d="M88.203,470.884c-0.58,16.341-0.433,33.059,0.533,50.136c11.671,10.33,25.294,21.688,40.763,33.483c-0.328-18.076,0.104-35.801,1.221-53.152C114.772,490.605,100.56,480.303,88.203,470.884z"/><path class="st0" d="M93.376,412.992c12.956,7.988,27.794,16.798,44.377,26.12c3.759-23.223,8.671-45.649,14.48-67.238c-17.101-7.874-32.498-15.222-46.034-21.85C100.867,370.19,96.506,391.194,93.376,412.992z"/><path class="st0" d="M89.911,279.187c10.061,3.036,22.022,6.669,35.707,10.865c8.267-21.517,17.493-41.819,27.258-60.837c-12.692-1.963-25.473-3.755-38.33-5.367C105.758,241.066,97.407,259.541,89.911,279.187z"/><path class="st0" d="M419.992,95.903c21.71,4.582,42.537,10.336,62.432,16.969c4.322-11.606,8.684-23.229,13.081-34.858c-18.268-6.041-37.442-11.274-57.456-15.412C432.881,71.851,426.789,83.009,419.992,95.903z"/><path class="st0" d="M584.593,282.229c21.52,10.459,41.46,20.921,59.669,31.025c2.755-19.965,4.742-40.425,5.842-61.344c-16.704-11.196-35.052-22.597-54.928-33.742C592.266,239.926,588.701,261.296,584.593,282.229z"/><path class="st0" d="M267.928,251.816c24.256,5.749,48.011,11.984,71.176,18.582c9.847-24.293,19.677-47.156,29.221-68.379c-22.42-5.785-45.506-10.955-69.183-15.346C288.763,206.803,278.238,228.574,267.928,251.816z"/><path class="st0" d="M174.534,669.165c15.286,9.621,32.441,19.467,51.27,28.871c1.178-10.364,2.475-20.683,3.889-30.949c-19.738-10.171-37.955-20.947-54.565-31.78C174.717,646.506,174.515,657.794,174.534,669.165z"/><path class="st0" d="M39.186,471.848c4.752,22.813,11.643,45.064,20.526,66.46c0.912,1.029,2.099,2.349,3.557,3.933c-2.965-17.361-4.944-34.371-6.049-51.011C46.791,480.651,40.676,473.595,39.186,471.848z"/><path class="st0" d="M680.255,155.796c2.167,9.793,4.069,19.494,5.719,29.103c15.846,13.181,27.632,24.391,34.973,31.746c-0.356-1.721-0.728-3.448-1.102-5.176C708.422,191.79,695.183,173.137,680.255,155.796z"/><path class="st0" d="M756.49,337.434c-5.856-5.75-14.092-13.546-24.586-22.772c0.289,17.487-0.327,34.54-1.729,51.143c10.33,6.981,18.789,12.979,25.222,17.668C756.523,368.483,756.926,353.124,756.49,337.434z"/><path class="st0" d="M376.885,764.048c16.482,1.505,33.516,1.901,50.983,0.891c2.218-2.316,6.037-6.385,11.13-12.115c-17.583-0.345-34.711-1.716-51.332-3.938C382.351,756.588,378.614,761.714,376.885,764.048z"/><path class="st0" d="M330.318,52.46c-16.19,0.279-32.76,1.377-49.685,3.391c-7.845,7.59-18.138,18.048-29.889,31.2c17.688-1.832,35.014-2.774,51.96-2.921C313.192,71.379,322.604,60.773,330.318,52.46z"/></g></svg>'), url(./../img/back_img/back_img2_8_2.svg), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%2314b8a6cc;}</style><circle class="st0" cx="400.676" cy="396.907" r="369.217"/></svg>');
}
.c8.cyan {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%23D4BE0644;enable-background:new;}</style><g><path class="st0" d="M88.203,470.884c-0.58,16.341-0.433,33.059,0.533,50.136c11.671,10.33,25.294,21.688,40.763,33.483c-0.328-18.076,0.104-35.801,1.221-53.152C114.772,490.605,100.56,480.303,88.203,470.884z"/><path class="st0" d="M93.376,412.992c12.956,7.988,27.794,16.798,44.377,26.12c3.759-23.223,8.671-45.649,14.48-67.238c-17.101-7.874-32.498-15.222-46.034-21.85C100.867,370.19,96.506,391.194,93.376,412.992z"/><path class="st0" d="M89.911,279.187c10.061,3.036,22.022,6.669,35.707,10.865c8.267-21.517,17.493-41.819,27.258-60.837c-12.692-1.963-25.473-3.755-38.33-5.367C105.758,241.066,97.407,259.541,89.911,279.187z"/><path class="st0" d="M419.992,95.903c21.71,4.582,42.537,10.336,62.432,16.969c4.322-11.606,8.684-23.229,13.081-34.858c-18.268-6.041-37.442-11.274-57.456-15.412C432.881,71.851,426.789,83.009,419.992,95.903z"/><path class="st0" d="M584.593,282.229c21.52,10.459,41.46,20.921,59.669,31.025c2.755-19.965,4.742-40.425,5.842-61.344c-16.704-11.196-35.052-22.597-54.928-33.742C592.266,239.926,588.701,261.296,584.593,282.229z"/><path class="st0" d="M267.928,251.816c24.256,5.749,48.011,11.984,71.176,18.582c9.847-24.293,19.677-47.156,29.221-68.379c-22.42-5.785-45.506-10.955-69.183-15.346C288.763,206.803,278.238,228.574,267.928,251.816z"/><path class="st0" d="M174.534,669.165c15.286,9.621,32.441,19.467,51.27,28.871c1.178-10.364,2.475-20.683,3.889-30.949c-19.738-10.171-37.955-20.947-54.565-31.78C174.717,646.506,174.515,657.794,174.534,669.165z"/><path class="st0" d="M39.186,471.848c4.752,22.813,11.643,45.064,20.526,66.46c0.912,1.029,2.099,2.349,3.557,3.933c-2.965-17.361-4.944-34.371-6.049-51.011C46.791,480.651,40.676,473.595,39.186,471.848z"/><path class="st0" d="M680.255,155.796c2.167,9.793,4.069,19.494,5.719,29.103c15.846,13.181,27.632,24.391,34.973,31.746c-0.356-1.721-0.728-3.448-1.102-5.176C708.422,191.79,695.183,173.137,680.255,155.796z"/><path class="st0" d="M756.49,337.434c-5.856-5.75-14.092-13.546-24.586-22.772c0.289,17.487-0.327,34.54-1.729,51.143c10.33,6.981,18.789,12.979,25.222,17.668C756.523,368.483,756.926,353.124,756.49,337.434z"/><path class="st0" d="M376.885,764.048c16.482,1.505,33.516,1.901,50.983,0.891c2.218-2.316,6.037-6.385,11.13-12.115c-17.583-0.345-34.711-1.716-51.332-3.938C382.351,756.588,378.614,761.714,376.885,764.048z"/><path class="st0" d="M330.318,52.46c-16.19,0.279-32.76,1.377-49.685,3.391c-7.845,7.59-18.138,18.048-29.889,31.2c17.688-1.832,35.014-2.774,51.96-2.921C313.192,71.379,322.604,60.773,330.318,52.46z"/></g></svg>'), url(./../img/back_img/back_img2_8_2.svg), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%2322d3eecc;}</style><circle class="st0" cx="400.676" cy="396.907" r="369.217"/></svg>');
}
.c8.sky {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%23E8DF0E44;enable-background:new;}</style><g><path class="st0" d="M88.203,470.884c-0.58,16.341-0.433,33.059,0.533,50.136c11.671,10.33,25.294,21.688,40.763,33.483c-0.328-18.076,0.104-35.801,1.221-53.152C114.772,490.605,100.56,480.303,88.203,470.884z"/><path class="st0" d="M93.376,412.992c12.956,7.988,27.794,16.798,44.377,26.12c3.759-23.223,8.671-45.649,14.48-67.238c-17.101-7.874-32.498-15.222-46.034-21.85C100.867,370.19,96.506,391.194,93.376,412.992z"/><path class="st0" d="M89.911,279.187c10.061,3.036,22.022,6.669,35.707,10.865c8.267-21.517,17.493-41.819,27.258-60.837c-12.692-1.963-25.473-3.755-38.33-5.367C105.758,241.066,97.407,259.541,89.911,279.187z"/><path class="st0" d="M419.992,95.903c21.71,4.582,42.537,10.336,62.432,16.969c4.322-11.606,8.684-23.229,13.081-34.858c-18.268-6.041-37.442-11.274-57.456-15.412C432.881,71.851,426.789,83.009,419.992,95.903z"/><path class="st0" d="M584.593,282.229c21.52,10.459,41.46,20.921,59.669,31.025c2.755-19.965,4.742-40.425,5.842-61.344c-16.704-11.196-35.052-22.597-54.928-33.742C592.266,239.926,588.701,261.296,584.593,282.229z"/><path class="st0" d="M267.928,251.816c24.256,5.749,48.011,11.984,71.176,18.582c9.847-24.293,19.677-47.156,29.221-68.379c-22.42-5.785-45.506-10.955-69.183-15.346C288.763,206.803,278.238,228.574,267.928,251.816z"/><path class="st0" d="M174.534,669.165c15.286,9.621,32.441,19.467,51.27,28.871c1.178-10.364,2.475-20.683,3.889-30.949c-19.738-10.171-37.955-20.947-54.565-31.78C174.717,646.506,174.515,657.794,174.534,669.165z"/><path class="st0" d="M39.186,471.848c4.752,22.813,11.643,45.064,20.526,66.46c0.912,1.029,2.099,2.349,3.557,3.933c-2.965-17.361-4.944-34.371-6.049-51.011C46.791,480.651,40.676,473.595,39.186,471.848z"/><path class="st0" d="M680.255,155.796c2.167,9.793,4.069,19.494,5.719,29.103c15.846,13.181,27.632,24.391,34.973,31.746c-0.356-1.721-0.728-3.448-1.102-5.176C708.422,191.79,695.183,173.137,680.255,155.796z"/><path class="st0" d="M756.49,337.434c-5.856-5.75-14.092-13.546-24.586-22.772c0.289,17.487-0.327,34.54-1.729,51.143c10.33,6.981,18.789,12.979,25.222,17.668C756.523,368.483,756.926,353.124,756.49,337.434z"/><path class="st0" d="M376.885,764.048c16.482,1.505,33.516,1.901,50.983,0.891c2.218-2.316,6.037-6.385,11.13-12.115c-17.583-0.345-34.711-1.716-51.332-3.938C382.351,756.588,378.614,761.714,376.885,764.048z"/><path class="st0" d="M330.318,52.46c-16.19,0.279-32.76,1.377-49.685,3.391c-7.845,7.59-18.138,18.048-29.889,31.2c17.688-1.832,35.014-2.774,51.96-2.921C313.192,71.379,322.604,60.773,330.318,52.46z"/></g></svg>'), url(./../img/back_img/back_img2_8_2.svg), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%230ea5e9cc;}</style><circle class="st0" cx="400.676" cy="396.907" r="369.217"/></svg>');
}
.c8.blue {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%23C5F53B44;enable-background:new;}</style><g><path class="st0" d="M88.203,470.884c-0.58,16.341-0.433,33.059,0.533,50.136c11.671,10.33,25.294,21.688,40.763,33.483c-0.328-18.076,0.104-35.801,1.221-53.152C114.772,490.605,100.56,480.303,88.203,470.884z"/><path class="st0" d="M93.376,412.992c12.956,7.988,27.794,16.798,44.377,26.12c3.759-23.223,8.671-45.649,14.48-67.238c-17.101-7.874-32.498-15.222-46.034-21.85C100.867,370.19,96.506,391.194,93.376,412.992z"/><path class="st0" d="M89.911,279.187c10.061,3.036,22.022,6.669,35.707,10.865c8.267-21.517,17.493-41.819,27.258-60.837c-12.692-1.963-25.473-3.755-38.33-5.367C105.758,241.066,97.407,259.541,89.911,279.187z"/><path class="st0" d="M419.992,95.903c21.71,4.582,42.537,10.336,62.432,16.969c4.322-11.606,8.684-23.229,13.081-34.858c-18.268-6.041-37.442-11.274-57.456-15.412C432.881,71.851,426.789,83.009,419.992,95.903z"/><path class="st0" d="M584.593,282.229c21.52,10.459,41.46,20.921,59.669,31.025c2.755-19.965,4.742-40.425,5.842-61.344c-16.704-11.196-35.052-22.597-54.928-33.742C592.266,239.926,588.701,261.296,584.593,282.229z"/><path class="st0" d="M267.928,251.816c24.256,5.749,48.011,11.984,71.176,18.582c9.847-24.293,19.677-47.156,29.221-68.379c-22.42-5.785-45.506-10.955-69.183-15.346C288.763,206.803,278.238,228.574,267.928,251.816z"/><path class="st0" d="M174.534,669.165c15.286,9.621,32.441,19.467,51.27,28.871c1.178-10.364,2.475-20.683,3.889-30.949c-19.738-10.171-37.955-20.947-54.565-31.78C174.717,646.506,174.515,657.794,174.534,669.165z"/><path class="st0" d="M39.186,471.848c4.752,22.813,11.643,45.064,20.526,66.46c0.912,1.029,2.099,2.349,3.557,3.933c-2.965-17.361-4.944-34.371-6.049-51.011C46.791,480.651,40.676,473.595,39.186,471.848z"/><path class="st0" d="M680.255,155.796c2.167,9.793,4.069,19.494,5.719,29.103c15.846,13.181,27.632,24.391,34.973,31.746c-0.356-1.721-0.728-3.448-1.102-5.176C708.422,191.79,695.183,173.137,680.255,155.796z"/><path class="st0" d="M756.49,337.434c-5.856-5.75-14.092-13.546-24.586-22.772c0.289,17.487-0.327,34.54-1.729,51.143c10.33,6.981,18.789,12.979,25.222,17.668C756.523,368.483,756.926,353.124,756.49,337.434z"/><path class="st0" d="M376.885,764.048c16.482,1.505,33.516,1.901,50.983,0.891c2.218-2.316,6.037-6.385,11.13-12.115c-17.583-0.345-34.711-1.716-51.332-3.938C382.351,756.588,378.614,761.714,376.885,764.048z"/><path class="st0" d="M330.318,52.46c-16.19,0.279-32.76,1.377-49.685,3.391c-7.845,7.59-18.138,18.048-29.889,31.2c17.688-1.832,35.014-2.774,51.96-2.921C313.192,71.379,322.604,60.773,330.318,52.46z"/></g></svg>'), url(./../img/back_img/back_img2_8_2.svg), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%233b82f6cc;}</style><circle class="st0" cx="400.676" cy="396.907" r="369.217"/></svg>');
}
.c8.indigo {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%2388F26344;enable-background:new;}</style><g><path class="st0" d="M88.203,470.884c-0.58,16.341-0.433,33.059,0.533,50.136c11.671,10.33,25.294,21.688,40.763,33.483c-0.328-18.076,0.104-35.801,1.221-53.152C114.772,490.605,100.56,480.303,88.203,470.884z"/><path class="st0" d="M93.376,412.992c12.956,7.988,27.794,16.798,44.377,26.12c3.759-23.223,8.671-45.649,14.48-67.238c-17.101-7.874-32.498-15.222-46.034-21.85C100.867,370.19,96.506,391.194,93.376,412.992z"/><path class="st0" d="M89.911,279.187c10.061,3.036,22.022,6.669,35.707,10.865c8.267-21.517,17.493-41.819,27.258-60.837c-12.692-1.963-25.473-3.755-38.33-5.367C105.758,241.066,97.407,259.541,89.911,279.187z"/><path class="st0" d="M419.992,95.903c21.71,4.582,42.537,10.336,62.432,16.969c4.322-11.606,8.684-23.229,13.081-34.858c-18.268-6.041-37.442-11.274-57.456-15.412C432.881,71.851,426.789,83.009,419.992,95.903z"/><path class="st0" d="M584.593,282.229c21.52,10.459,41.46,20.921,59.669,31.025c2.755-19.965,4.742-40.425,5.842-61.344c-16.704-11.196-35.052-22.597-54.928-33.742C592.266,239.926,588.701,261.296,584.593,282.229z"/><path class="st0" d="M267.928,251.816c24.256,5.749,48.011,11.984,71.176,18.582c9.847-24.293,19.677-47.156,29.221-68.379c-22.42-5.785-45.506-10.955-69.183-15.346C288.763,206.803,278.238,228.574,267.928,251.816z"/><path class="st0" d="M174.534,669.165c15.286,9.621,32.441,19.467,51.27,28.871c1.178-10.364,2.475-20.683,3.889-30.949c-19.738-10.171-37.955-20.947-54.565-31.78C174.717,646.506,174.515,657.794,174.534,669.165z"/><path class="st0" d="M39.186,471.848c4.752,22.813,11.643,45.064,20.526,66.46c0.912,1.029,2.099,2.349,3.557,3.933c-2.965-17.361-4.944-34.371-6.049-51.011C46.791,480.651,40.676,473.595,39.186,471.848z"/><path class="st0" d="M680.255,155.796c2.167,9.793,4.069,19.494,5.719,29.103c15.846,13.181,27.632,24.391,34.973,31.746c-0.356-1.721-0.728-3.448-1.102-5.176C708.422,191.79,695.183,173.137,680.255,155.796z"/><path class="st0" d="M756.49,337.434c-5.856-5.75-14.092-13.546-24.586-22.772c0.289,17.487-0.327,34.54-1.729,51.143c10.33,6.981,18.789,12.979,25.222,17.668C756.523,368.483,756.926,353.124,756.49,337.434z"/><path class="st0" d="M376.885,764.048c16.482,1.505,33.516,1.901,50.983,0.891c2.218-2.316,6.037-6.385,11.13-12.115c-17.583-0.345-34.711-1.716-51.332-3.938C382.351,756.588,378.614,761.714,376.885,764.048z"/><path class="st0" d="M330.318,52.46c-16.19,0.279-32.76,1.377-49.685,3.391c-7.845,7.59-18.138,18.048-29.889,31.2c17.688-1.832,35.014-2.774,51.96-2.921C313.192,71.379,322.604,60.773,330.318,52.46z"/></g></svg>'), url(./../img/back_img/back_img2_8_2.svg), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%236366f1cc;}</style><circle class="st0" cx="400.676" cy="396.907" r="369.217"/></svg>');
}
.c8.violet {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%235BF56D44;enable-background:new;}</style><g><path class="st0" d="M88.203,470.884c-0.58,16.341-0.433,33.059,0.533,50.136c11.671,10.33,25.294,21.688,40.763,33.483c-0.328-18.076,0.104-35.801,1.221-53.152C114.772,490.605,100.56,480.303,88.203,470.884z"/><path class="st0" d="M93.376,412.992c12.956,7.988,27.794,16.798,44.377,26.12c3.759-23.223,8.671-45.649,14.48-67.238c-17.101-7.874-32.498-15.222-46.034-21.85C100.867,370.19,96.506,391.194,93.376,412.992z"/><path class="st0" d="M89.911,279.187c10.061,3.036,22.022,6.669,35.707,10.865c8.267-21.517,17.493-41.819,27.258-60.837c-12.692-1.963-25.473-3.755-38.33-5.367C105.758,241.066,97.407,259.541,89.911,279.187z"/><path class="st0" d="M419.992,95.903c21.71,4.582,42.537,10.336,62.432,16.969c4.322-11.606,8.684-23.229,13.081-34.858c-18.268-6.041-37.442-11.274-57.456-15.412C432.881,71.851,426.789,83.009,419.992,95.903z"/><path class="st0" d="M584.593,282.229c21.52,10.459,41.46,20.921,59.669,31.025c2.755-19.965,4.742-40.425,5.842-61.344c-16.704-11.196-35.052-22.597-54.928-33.742C592.266,239.926,588.701,261.296,584.593,282.229z"/><path class="st0" d="M267.928,251.816c24.256,5.749,48.011,11.984,71.176,18.582c9.847-24.293,19.677-47.156,29.221-68.379c-22.42-5.785-45.506-10.955-69.183-15.346C288.763,206.803,278.238,228.574,267.928,251.816z"/><path class="st0" d="M174.534,669.165c15.286,9.621,32.441,19.467,51.27,28.871c1.178-10.364,2.475-20.683,3.889-30.949c-19.738-10.171-37.955-20.947-54.565-31.78C174.717,646.506,174.515,657.794,174.534,669.165z"/><path class="st0" d="M39.186,471.848c4.752,22.813,11.643,45.064,20.526,66.46c0.912,1.029,2.099,2.349,3.557,3.933c-2.965-17.361-4.944-34.371-6.049-51.011C46.791,480.651,40.676,473.595,39.186,471.848z"/><path class="st0" d="M680.255,155.796c2.167,9.793,4.069,19.494,5.719,29.103c15.846,13.181,27.632,24.391,34.973,31.746c-0.356-1.721-0.728-3.448-1.102-5.176C708.422,191.79,695.183,173.137,680.255,155.796z"/><path class="st0" d="M756.49,337.434c-5.856-5.75-14.092-13.546-24.586-22.772c0.289,17.487-0.327,34.54-1.729,51.143c10.33,6.981,18.789,12.979,25.222,17.668C756.523,368.483,756.926,353.124,756.49,337.434z"/><path class="st0" d="M376.885,764.048c16.482,1.505,33.516,1.901,50.983,0.891c2.218-2.316,6.037-6.385,11.13-12.115c-17.583-0.345-34.711-1.716-51.332-3.938C382.351,756.588,378.614,761.714,376.885,764.048z"/><path class="st0" d="M330.318,52.46c-16.19,0.279-32.76,1.377-49.685,3.391c-7.845,7.59-18.138,18.048-29.889,31.2c17.688-1.832,35.014-2.774,51.96-2.921C313.192,71.379,322.604,60.773,330.318,52.46z"/></g></svg>'), url(./../img/back_img/back_img2_8_2.svg), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%238b5cf6cc;}</style><circle class="st0" cx="400.676" cy="396.907" r="369.217"/></svg>');
}
.c8.purple {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%2354F78D44;enable-background:new;}</style><g><path class="st0" d="M88.203,470.884c-0.58,16.341-0.433,33.059,0.533,50.136c11.671,10.33,25.294,21.688,40.763,33.483c-0.328-18.076,0.104-35.801,1.221-53.152C114.772,490.605,100.56,480.303,88.203,470.884z"/><path class="st0" d="M93.376,412.992c12.956,7.988,27.794,16.798,44.377,26.12c3.759-23.223,8.671-45.649,14.48-67.238c-17.101-7.874-32.498-15.222-46.034-21.85C100.867,370.19,96.506,391.194,93.376,412.992z"/><path class="st0" d="M89.911,279.187c10.061,3.036,22.022,6.669,35.707,10.865c8.267-21.517,17.493-41.819,27.258-60.837c-12.692-1.963-25.473-3.755-38.33-5.367C105.758,241.066,97.407,259.541,89.911,279.187z"/><path class="st0" d="M419.992,95.903c21.71,4.582,42.537,10.336,62.432,16.969c4.322-11.606,8.684-23.229,13.081-34.858c-18.268-6.041-37.442-11.274-57.456-15.412C432.881,71.851,426.789,83.009,419.992,95.903z"/><path class="st0" d="M584.593,282.229c21.52,10.459,41.46,20.921,59.669,31.025c2.755-19.965,4.742-40.425,5.842-61.344c-16.704-11.196-35.052-22.597-54.928-33.742C592.266,239.926,588.701,261.296,584.593,282.229z"/><path class="st0" d="M267.928,251.816c24.256,5.749,48.011,11.984,71.176,18.582c9.847-24.293,19.677-47.156,29.221-68.379c-22.42-5.785-45.506-10.955-69.183-15.346C288.763,206.803,278.238,228.574,267.928,251.816z"/><path class="st0" d="M174.534,669.165c15.286,9.621,32.441,19.467,51.27,28.871c1.178-10.364,2.475-20.683,3.889-30.949c-19.738-10.171-37.955-20.947-54.565-31.78C174.717,646.506,174.515,657.794,174.534,669.165z"/><path class="st0" d="M39.186,471.848c4.752,22.813,11.643,45.064,20.526,66.46c0.912,1.029,2.099,2.349,3.557,3.933c-2.965-17.361-4.944-34.371-6.049-51.011C46.791,480.651,40.676,473.595,39.186,471.848z"/><path class="st0" d="M680.255,155.796c2.167,9.793,4.069,19.494,5.719,29.103c15.846,13.181,27.632,24.391,34.973,31.746c-0.356-1.721-0.728-3.448-1.102-5.176C708.422,191.79,695.183,173.137,680.255,155.796z"/><path class="st0" d="M756.49,337.434c-5.856-5.75-14.092-13.546-24.586-22.772c0.289,17.487-0.327,34.54-1.729,51.143c10.33,6.981,18.789,12.979,25.222,17.668C756.523,368.483,756.926,353.124,756.49,337.434z"/><path class="st0" d="M376.885,764.048c16.482,1.505,33.516,1.901,50.983,0.891c2.218-2.316,6.037-6.385,11.13-12.115c-17.583-0.345-34.711-1.716-51.332-3.938C382.351,756.588,378.614,761.714,376.885,764.048z"/><path class="st0" d="M330.318,52.46c-16.19,0.279-32.76,1.377-49.685,3.391c-7.845,7.59-18.138,18.048-29.889,31.2c17.688-1.832,35.014-2.774,51.96-2.921C313.192,71.379,322.604,60.773,330.318,52.46z"/></g></svg>'), url(./../img/back_img/back_img2_8_2.svg), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%23a855f7cc;}</style><circle class="st0" cx="400.676" cy="396.907" r="369.217"/></svg>');
}
.c8.fuchsia {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%2346F0BE44;enable-background:new;}</style><g><path class="st0" d="M88.203,470.884c-0.58,16.341-0.433,33.059,0.533,50.136c11.671,10.33,25.294,21.688,40.763,33.483c-0.328-18.076,0.104-35.801,1.221-53.152C114.772,490.605,100.56,480.303,88.203,470.884z"/><path class="st0" d="M93.376,412.992c12.956,7.988,27.794,16.798,44.377,26.12c3.759-23.223,8.671-45.649,14.48-67.238c-17.101-7.874-32.498-15.222-46.034-21.85C100.867,370.19,96.506,391.194,93.376,412.992z"/><path class="st0" d="M89.911,279.187c10.061,3.036,22.022,6.669,35.707,10.865c8.267-21.517,17.493-41.819,27.258-60.837c-12.692-1.963-25.473-3.755-38.33-5.367C105.758,241.066,97.407,259.541,89.911,279.187z"/><path class="st0" d="M419.992,95.903c21.71,4.582,42.537,10.336,62.432,16.969c4.322-11.606,8.684-23.229,13.081-34.858c-18.268-6.041-37.442-11.274-57.456-15.412C432.881,71.851,426.789,83.009,419.992,95.903z"/><path class="st0" d="M584.593,282.229c21.52,10.459,41.46,20.921,59.669,31.025c2.755-19.965,4.742-40.425,5.842-61.344c-16.704-11.196-35.052-22.597-54.928-33.742C592.266,239.926,588.701,261.296,584.593,282.229z"/><path class="st0" d="M267.928,251.816c24.256,5.749,48.011,11.984,71.176,18.582c9.847-24.293,19.677-47.156,29.221-68.379c-22.42-5.785-45.506-10.955-69.183-15.346C288.763,206.803,278.238,228.574,267.928,251.816z"/><path class="st0" d="M174.534,669.165c15.286,9.621,32.441,19.467,51.27,28.871c1.178-10.364,2.475-20.683,3.889-30.949c-19.738-10.171-37.955-20.947-54.565-31.78C174.717,646.506,174.515,657.794,174.534,669.165z"/><path class="st0" d="M39.186,471.848c4.752,22.813,11.643,45.064,20.526,66.46c0.912,1.029,2.099,2.349,3.557,3.933c-2.965-17.361-4.944-34.371-6.049-51.011C46.791,480.651,40.676,473.595,39.186,471.848z"/><path class="st0" d="M680.255,155.796c2.167,9.793,4.069,19.494,5.719,29.103c15.846,13.181,27.632,24.391,34.973,31.746c-0.356-1.721-0.728-3.448-1.102-5.176C708.422,191.79,695.183,173.137,680.255,155.796z"/><path class="st0" d="M756.49,337.434c-5.856-5.75-14.092-13.546-24.586-22.772c0.289,17.487-0.327,34.54-1.729,51.143c10.33,6.981,18.789,12.979,25.222,17.668C756.523,368.483,756.926,353.124,756.49,337.434z"/><path class="st0" d="M376.885,764.048c16.482,1.505,33.516,1.901,50.983,0.891c2.218-2.316,6.037-6.385,11.13-12.115c-17.583-0.345-34.711-1.716-51.332-3.938C382.351,756.588,378.614,761.714,376.885,764.048z"/><path class="st0" d="M330.318,52.46c-16.19,0.279-32.76,1.377-49.685,3.391c-7.845,7.59-18.138,18.048-29.889,31.2c17.688-1.832,35.014-2.774,51.96-2.921C313.192,71.379,322.604,60.773,330.318,52.46z"/></g></svg>'), url(./../img/back_img/back_img2_8_2.svg), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%23d946efcc;}</style><circle class="st0" cx="400.676" cy="396.907" r="369.217"/></svg>');
}
.c8.pink {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%234AD9ED44;enable-background:new;}</style><g><path class="st0" d="M88.203,470.884c-0.58,16.341-0.433,33.059,0.533,50.136c11.671,10.33,25.294,21.688,40.763,33.483c-0.328-18.076,0.104-35.801,1.221-53.152C114.772,490.605,100.56,480.303,88.203,470.884z"/><path class="st0" d="M93.376,412.992c12.956,7.988,27.794,16.798,44.377,26.12c3.759-23.223,8.671-45.649,14.48-67.238c-17.101-7.874-32.498-15.222-46.034-21.85C100.867,370.19,96.506,391.194,93.376,412.992z"/><path class="st0" d="M89.911,279.187c10.061,3.036,22.022,6.669,35.707,10.865c8.267-21.517,17.493-41.819,27.258-60.837c-12.692-1.963-25.473-3.755-38.33-5.367C105.758,241.066,97.407,259.541,89.911,279.187z"/><path class="st0" d="M419.992,95.903c21.71,4.582,42.537,10.336,62.432,16.969c4.322-11.606,8.684-23.229,13.081-34.858c-18.268-6.041-37.442-11.274-57.456-15.412C432.881,71.851,426.789,83.009,419.992,95.903z"/><path class="st0" d="M584.593,282.229c21.52,10.459,41.46,20.921,59.669,31.025c2.755-19.965,4.742-40.425,5.842-61.344c-16.704-11.196-35.052-22.597-54.928-33.742C592.266,239.926,588.701,261.296,584.593,282.229z"/><path class="st0" d="M267.928,251.816c24.256,5.749,48.011,11.984,71.176,18.582c9.847-24.293,19.677-47.156,29.221-68.379c-22.42-5.785-45.506-10.955-69.183-15.346C288.763,206.803,278.238,228.574,267.928,251.816z"/><path class="st0" d="M174.534,669.165c15.286,9.621,32.441,19.467,51.27,28.871c1.178-10.364,2.475-20.683,3.889-30.949c-19.738-10.171-37.955-20.947-54.565-31.78C174.717,646.506,174.515,657.794,174.534,669.165z"/><path class="st0" d="M39.186,471.848c4.752,22.813,11.643,45.064,20.526,66.46c0.912,1.029,2.099,2.349,3.557,3.933c-2.965-17.361-4.944-34.371-6.049-51.011C46.791,480.651,40.676,473.595,39.186,471.848z"/><path class="st0" d="M680.255,155.796c2.167,9.793,4.069,19.494,5.719,29.103c15.846,13.181,27.632,24.391,34.973,31.746c-0.356-1.721-0.728-3.448-1.102-5.176C708.422,191.79,695.183,173.137,680.255,155.796z"/><path class="st0" d="M756.49,337.434c-5.856-5.75-14.092-13.546-24.586-22.772c0.289,17.487-0.327,34.54-1.729,51.143c10.33,6.981,18.789,12.979,25.222,17.668C756.523,368.483,756.926,353.124,756.49,337.434z"/><path class="st0" d="M376.885,764.048c16.482,1.505,33.516,1.901,50.983,0.891c2.218-2.316,6.037-6.385,11.13-12.115c-17.583-0.345-34.711-1.716-51.332-3.938C382.351,756.588,378.614,761.714,376.885,764.048z"/><path class="st0" d="M330.318,52.46c-16.19,0.279-32.76,1.377-49.685,3.391c-7.845,7.59-18.138,18.048-29.889,31.2c17.688-1.832,35.014-2.774,51.96-2.921C313.192,71.379,322.604,60.773,330.318,52.46z"/></g></svg>'), url(./../img/back_img/back_img2_8_2.svg), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%23ec4899cc;}</style><circle class="st0" cx="400.676" cy="396.907" r="369.217"/></svg>');
}
.c8.rose {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%2340BFF544;enable-background:new;}</style><g><path class="st0" d="M88.203,470.884c-0.58,16.341-0.433,33.059,0.533,50.136c11.671,10.33,25.294,21.688,40.763,33.483c-0.328-18.076,0.104-35.801,1.221-53.152C114.772,490.605,100.56,480.303,88.203,470.884z"/><path class="st0" d="M93.376,412.992c12.956,7.988,27.794,16.798,44.377,26.12c3.759-23.223,8.671-45.649,14.48-67.238c-17.101-7.874-32.498-15.222-46.034-21.85C100.867,370.19,96.506,391.194,93.376,412.992z"/><path class="st0" d="M89.911,279.187c10.061,3.036,22.022,6.669,35.707,10.865c8.267-21.517,17.493-41.819,27.258-60.837c-12.692-1.963-25.473-3.755-38.33-5.367C105.758,241.066,97.407,259.541,89.911,279.187z"/><path class="st0" d="M419.992,95.903c21.71,4.582,42.537,10.336,62.432,16.969c4.322-11.606,8.684-23.229,13.081-34.858c-18.268-6.041-37.442-11.274-57.456-15.412C432.881,71.851,426.789,83.009,419.992,95.903z"/><path class="st0" d="M584.593,282.229c21.52,10.459,41.46,20.921,59.669,31.025c2.755-19.965,4.742-40.425,5.842-61.344c-16.704-11.196-35.052-22.597-54.928-33.742C592.266,239.926,588.701,261.296,584.593,282.229z"/><path class="st0" d="M267.928,251.816c24.256,5.749,48.011,11.984,71.176,18.582c9.847-24.293,19.677-47.156,29.221-68.379c-22.42-5.785-45.506-10.955-69.183-15.346C288.763,206.803,278.238,228.574,267.928,251.816z"/><path class="st0" d="M174.534,669.165c15.286,9.621,32.441,19.467,51.27,28.871c1.178-10.364,2.475-20.683,3.889-30.949c-19.738-10.171-37.955-20.947-54.565-31.78C174.717,646.506,174.515,657.794,174.534,669.165z"/><path class="st0" d="M39.186,471.848c4.752,22.813,11.643,45.064,20.526,66.46c0.912,1.029,2.099,2.349,3.557,3.933c-2.965-17.361-4.944-34.371-6.049-51.011C46.791,480.651,40.676,473.595,39.186,471.848z"/><path class="st0" d="M680.255,155.796c2.167,9.793,4.069,19.494,5.719,29.103c15.846,13.181,27.632,24.391,34.973,31.746c-0.356-1.721-0.728-3.448-1.102-5.176C708.422,191.79,695.183,173.137,680.255,155.796z"/><path class="st0" d="M756.49,337.434c-5.856-5.75-14.092-13.546-24.586-22.772c0.289,17.487-0.327,34.54-1.729,51.143c10.33,6.981,18.789,12.979,25.222,17.668C756.523,368.483,756.926,353.124,756.49,337.434z"/><path class="st0" d="M376.885,764.048c16.482,1.505,33.516,1.901,50.983,0.891c2.218-2.316,6.037-6.385,11.13-12.115c-17.583-0.345-34.711-1.716-51.332-3.938C382.351,756.588,378.614,761.714,376.885,764.048z"/><path class="st0" d="M330.318,52.46c-16.19,0.279-32.76,1.377-49.685,3.391c-7.845,7.59-18.138,18.048-29.889,31.2c17.688-1.832,35.014-2.774,51.96-2.921C313.192,71.379,322.604,60.773,330.318,52.46z"/></g></svg>'), url(./../img/back_img/back_img2_8_2.svg), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" viewBox="0 0 800 800"><style type="text/css">.st0{fill:%23f43f5ecc;}</style><circle class="st0" cx="400.676" cy="396.907" r="369.217"/></svg>');
}
.c8 .page__all {
  margin-top: 50px;
}
.c8 .page__all .header__img {
  margin-bottom: 40px;
}
.c8 .header__img {
  background-image: var(--header-img);
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  width: 980px;
  padding-bottom: calc(var(--header-height-num, 200) / 980 * 100%);
}
.c8 .main__img {
  display: none;
}
.c8.nomenu main {
  margin-top: 0;
}
.c8.nomenu .header__img {
  margin-bottom: 40px;
}
.c8.nomenu:not(.c8.nomenu:has(.menu__wrap > .info)) .header__img {
  margin-bottom: 0;
}
.c8#mypage_login .page__all {
  margin-top: 0;
}

/* card_style8 面の球体
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  .c8 {
    background-size: 300px 300px, 300px 300px, 300px 300px;
    background-position: top -50px right -50px, top -50px right -50px, top -50px right -50px;
  }
  .c8 .page__all .header__img {
    margin-bottom: 0;
  }
  .c8 .header__img {
    width: 100%;
    margin-bottom: 0;
    border-radius: 5px 5px 0 0;
  }
  .c8.nomenu main {
    margin-top: 20px;
  }
}
/* card_style10 建物群
/*----------------------------------------------------*/
.c9 {
  background: var(--main500) url(./../img/back_img/back_img2_9.svg) top center/700px repeat-x;
  height: 100%;
  min-height: 100vh;
}
.c9 .page__all {
  margin-top: 100px;
}
.c9 .page__all .header__img {
  margin-bottom: 40px;
}
.c9 .header__img {
  background-image: var(--header-img);
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  width: 980px;
  padding-bottom: calc(var(--header-height-num, 200) / 980 * 100%);
}
.c9 .main__img {
  display: none;
}
.c9.nomenu main {
  margin-top: 0;
}
.c9.nomenu .header__img {
  margin-bottom: 40px;
}
.c9.nomenu:not(.c9.nomenu:has(.menu__wrap > .info)) .header__img {
  margin-bottom: 0;
}

/* card_style10 建物群
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  .c9 {
    background-size: 400px;
  }
  .c9 .page__all {
    margin-top: 50px;
  }
  .c9 .page__all .header__img {
    margin-bottom: 0;
  }
  .c9 .header__img {
    width: 100%;
    margin-bottom: 0;
    border-radius: 5px 5px 0 0;
  }
  .c9.nomenu main {
    margin-top: 20px;
  }
}
/* card_style10 ダンボールテクスチャ
/*----------------------------------------------------*/
.c10 {
  background: var(--main500) url(./../img/back_img/back_img2_10.png) center center/500px repeat;
  height: 100%;
  min-height: 100vh;
}
.c10 .page__all {
  margin-top: 100px;
  overflow-y: inherit;
  position: relative;
}
.c10 .page__all:before {
  position: absolute;
  content: "";
  background: url(./../img/header_img/header_img2_10.svg) center center/100% no-repeat;
  top: -100px;
  width: 980px;
  height: 100px;
}
.c10 .page__all .header__img {
  margin-bottom: 40px;
}
.c10 .header__img {
  background-image: var(--header-img);
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  width: 980px;
  padding-bottom: calc(var(--header-height-num, 200) / 980 * 100%);
}
.c10 .main__img {
  display: none;
}
.c10.nomenu main {
  margin-top: 0;
}
.c10.nomenu .header__img {
  margin-bottom: 40px;
}
.c10.nomenu:not(.c10.nomenu:has(.menu__wrap > .info)) .header__img {
  margin-bottom: 0;
}

/* card_style10 ダンボールテクスチャ
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  .c10 .page__all {
    margin-top: 30px;
  }
  .c10 .page__all:before {
    width: 100%;
    top: -72px;
  }
  .c10 .page__all .header__img {
    margin-bottom: 0;
  }
  .c10 .header__img {
    width: 100%;
    margin-bottom: 0;
    border-radius: 5px 5px 0 0;
  }
  .c10.nomenu main {
    margin-top: 20px;
  }
}
/* card_style11 爽やかなメモ
/*----------------------------------------------------*/
.c11 {
  background: url(./../img/back_img/back_img2_11.svg) center center/500px repeat;
  height: 100%;
  min-height: 100vh;
}
.c11 .page__all .header__img {
  background: url(./../img/header_img/header_img2_11.png) center center/100% no-repeat;
  border-radius: 10px;
  width: 980px;
  padding-bottom: calc(var(--header-height-num, 200) / 980 * 100%);
  margin-bottom: 40px;
}
.c11 .main__img {
  display: none;
}
.c11.nomenu .header__img {
  margin-bottom: 40px;
}
.c11.nomenu:not(.c11.nomenu:has(.menu__wrap > .info)) .header__img {
  margin-bottom: 0;
}

/* card_style11 爽やかなメモ
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  .c11 .page__all {
    padding-top: 20px;
  }
  .c11 .page__all .header__img {
    border-radius: 8px;
    width: calc(100% - 40px);
    margin: 0 20px 0;
  }
}
/* card_c
/*----------------------------------------------------*/
:root {
  --wide: 1060px;
}

body {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--back-img) center center/cover no-repeat;
  background-color: #f3f2f1;
  width: 100%;
  height: 100vh;
  padding: 40px;
}

.back__img {
  display: none;
}

.page__all {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  box-shadow: var(--shadow-md);
  border-radius: 5px;
  width: var(--wide);
  min-width: var(--wide);
  max-height: 100%;
  padding: 40px;
  overflow-y: auto;
  font-size: 14px;
}
.page__all .header__img {
  margin-bottom: 40px;
}

.header {
  position: sticky;
  flex-direction: column;
  gap: 30px;
  padding: 0 40px 40px;
  top: 0;
  z-index: 1;
}
.header .menu, .header .menu__sub, .header .menu__text {
  display: flex;
  justify-content: center;
}
.header .menu__text {
  position: static;
  transform: translateY(10px);
}

.s1 {
  background: #fff var(--back-img) center center/cover no-repeat;
}
.s1 .header, .s1 .main {
  margin-top: 40px;
}
.s1 .header__img {
  background-image: var(--header-img);
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  width: 980px;
  height: var(--header-height);
  margin-bottom: 40px;
}
.s1 .main__img {
  display: none;
}

.c10 .header__img {
  margin-bottom: 0;
}

.main {
  flex: 1;
}

.ssl {
  margin-top: -22px;
}

.login__cover {
  display: none;
}

.s2 .header__img, .s3 .header__img, .s4 .header__img, .s5 .header__img, .s6 .header__img, .s7 .header__img, .s8 .header__img, .s9 .header__img, .s10 .header__img, .s11 .header__img, .s12 .header__img, .s13 .header__img, .s14 .header__img, .s15 .header__img, .s16 .header__img, .s17 .header__img, .s18 .header__img, .s19 .header__img, .s20 .header__img, .s21 .header__img, .s22 .header__img {
  display: none;
}

@media screen and (min-width: 600px) {
  .page__inner {
    width: 100%;
  }
  .s4 .header {
    padding: 0 0 40px;
  }
}
/* card_c
/*----------------------------------------------------*/
@media screen and (max-width: 599px) {
  body {
    display: block;
    padding: 20px;
    height: 100%;
    min-height: 100vh;
  }
  .page__all {
    display: block;
    width: 100%;
    min-width: 100%;
    padding: 0;
    overflow-y: initial;
  }
  .page__all .header__img {
    margin-bottom: 0;
  }
  .header {
    flex-direction: row;
    padding: 0 0 0 20px;
  }
  .main {
    margin: 0;
    padding: 20px;
  }
  .s1 .header__img {
    width: 100%;
    padding-bottom: calc(var(--header-height-num) / 980 * 100%);
  }
  .s1.custom .header__img {
    height: auto;
  }
  .s1 .header {
    margin: 0;
  }
  .s1 .main {
    margin-top: 0;
  }
}/*# sourceMappingURL=card_c.css.map */