@use 'sass:math';
@use '../../../index' as *;
:root {
  --faculty-color: #2b3676;
  --faculty-rgb: 43, 54, 118; }

@keyframes rotateBg {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(-360deg); } }
.city-culture .step-item .heading-box::after {
  background: #73bc15; }
.city-culture .step-item:nth-child(odd) .img-box::after {
  border-left-color: #73bc15; }
.city-culture .step-item:nth-child(even) .img-box::after {
  border-right-color: #73bc15; }
.city-culture .step-heading::before {
  background: #73bc15; }
.city-culture .content02 .content-wrapper {
  display: block; }
.city-culture .content02 .course-content-heading {
  writing-mode: inherit; }
.city-culture .content02 .course-content-heading .heading-inner > span {
  padding: .3em .8em; }
.city-culture .content02 .course-content-heading .heading-inner > span + span {
  margin-top: 0;
  margin-left: 1em; }
.city-culture .content02 .course-content-heading .heading-inner > span:nth-child(3) {
  margin-left: 2em; }
.city-culture .content02 .course-content-heading .heading-inner::before {
  margin-left: -60px; }
@media screen and (min-width: 640px) {
  .city-culture .content02 .pc\:hidden {
    display: none; } }
@media screen and (max-width: 639px) {
  .city-culture .content02 .sm\:hidden {
    display: none; } }
.city-culture .content03 {
  background: #000;
  overflow: hidden; }
  .city-culture .content03 .course-content-heading .heading-inner::before {
    background-image: url(/assets/img/faculty/department/creative_writing/heading-circle02.png); }
  .city-culture .content03 .content-wrapper::before {
    background: #73bc15; }
  .city-culture .content03 .content-item-title {
    color: #73bc15; }
    .city-culture .content03 .content-item-title::before {
      background: #73bc15; }
  .city-culture .content03 .content-wrapper {
    position: relative;
    padding: min(100px, 13.3333333333vw) 0 min(140px, 18.6666666667vw); }
    .city-culture .content03 .content-wrapper::before {
      background: #73bc15 !important; }
  .city-culture .content03 .content-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    z-index: 0;
    display: block;
    width: min(750px, 100vw);
    height: min(750px, 100vw);
    background: #ccc;
    border-radius: 50%;
    transform: translateX(-50%); }
  .city-culture .content03 .content-item .txt-box {
    border: none; }
  @media screen and (max-width: 639px) {
    .city-culture .content03 .content-wrapper::before {
      left: 50%;
      transform: translate(-50%, -50%); }
    .city-culture .content03 .course-content-body {
      margin-top: 18.6666666667vw;
      margin-left: auto; } }
  @media screen and (min-width: 640px) {
    .city-culture .content03 .content-wrapper {
      display: flex;
      justify-content: space-between; }
    .city-culture .content03 .content-wrapper::before {
      left: 0;
      transform: translateX(calc(-50% - min(100px, 7.1428571429%))); }
    .city-culture .content03 .course-content-heading {
      font-feature-settings: normal;
      writing-mode: vertical-rl; }
    .city-culture .content03 .course-content-heading .heading-inner > span {
      padding: 1.3em .3em;
      height: fit-content;
      text-orientation: upright; }
    .city-culture .content03 .course-content-heading .heading-inner > span + span {
      margin-top: 1.3em;
      margin-left: auto; }
    .city-culture .content03 .course-content-heading .heading-inner::before {
      margin-left: 0; }
    .city-culture .content03 .course-content-body {
      margin-right: 0; } }

/*# sourceMappingURL=city-culture.css.map */