.header-logo a,
.header-logo strong {
    background: url(/gs/images/common/logo.svg) no-repeat
}

#js-visitor-nav {
    box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

#js-visitor-nav dl {
    background: #365ea2
}

#js-visitor-nav dl dd ul li a:hover {
    background: rgba(0, 0, 0, .1)
}

.footer-other:after {
    content: none
}

.footer-other .ttl-type01,
.footer-other p {
    color: #1a1a1a
}

.footer-other .ttl-type01__eng {
    color: #365ea2
}

.footer-logo {
    width: 329.87px
}

.footer-logo img {
    width: auto
}

.footer-address {
    width: calc(100% - 329.87px)
}

.ttl-type01-wrap {
    max-width: inherit !important;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.news-topics-content .inner {
    position: static
}

.event-content {
    background: #e9e2f8
}

.event-content .inner {
    position: static
}

.break-all {
    word-break: break-all
}

.t-italic {
    font-style: italic
}

#js-kv-swiper .swiper-slide>span {
    background: linear-gradient(180deg, rgba(26, 26, 26, 0), rgba(26, 26, 26, .4) 25%, rgba(26, 26, 26, .9));
    bottom: 0;
    display: block;
    left: 0;
    padding: 40px 0 85px;
    position: absolute;
    width: 100%;
    z-index: 2
}

#js-kv-swiper .swiper-slide a.hitarea {
    background: none;
    height: 100%;
    padding: 0;
    width: 100%
}

#js-kv-swiper .swiper-slide a.hitarea+.index-kv__ph {
    transition: none .3s cubic-bezier(.215, .61, .355, 1);
    transition-property: opacity
}

:root #js-kv-swiper .swiper-slide a.hitarea:hover+.index-kv__ph,
_:-ms-fullscreen:hover+.index-kv__ph {
    opacity: .8
}

.index-bnrs__items {
    display: flex;
    flex-wrap: wrap
}

.index-bnrs__items>* {
    flex-shrink: 0;
    max-width: 100%;
    width: 100%
}

.event-content {
    background: #d6dfec
}

a:hover {
    color: #7e13ab
}

.t-col01,
.t-col01-link {
    color: #7e13ab !important
}

.arrow-link02,
.arrow-link03,
.blank-iconlink,
.excel-iconlink,
.header-nav01__02 li a:hover,
.img-iconlink,
.pdf-iconlink,
.word-iconlink,
.zip-iconlink,
a.blank-iconlink {
    color: #7e13ab
}

a:not(:has(>img)).blank-iconlink {
    color: #7e13ab
}

.arrow-link02:before,
.arrow-link03:before {
    border-bottom-color: #7e13ab;
    border-left-color: #7e13ab
}

.news-list__item>a:hover .news-list__info dl dt {
    color: #1a1a1a
}

a.event-link:hover .event-info dt {
    color: #606
}

.swiper-pagination-bullet-active {
    background: #365ea2 !important
}

#page-top a {
    background-color: #365ea2
}

.ttl-type01__eng {
    color: #365ea2
}

.event-link .event-hover-line:after,
.event-link .event-hover-line:before,
.event-link:after,
.event-link:before {
    background-color: #365ea2
}

.header-nav01__02 .header-nav01__02__01 a:hover {
    color: #365ea2 !important
}

.header-nav01__02 .header-nav01__02__01 a:hover span {
    background-image: url(/gs/images/common/icon_searh_purple.svg)
}

.header-nav01__02 li.header-nav01__02__02 a:hover {
    color: #365ea2
}

.header-nav01__02 li.header-nav01__02__02 a:hover span {
    background-image: url(/gs/images/common/icon_global_purple.svg)
}

.header-megamenu-body__text__item ul li a:hover {
    color: #365ea2
}

.btn-rss:hover {
    background-color: #365ea2 !important
}

#js-visitor-nav dl {
    background-color: #365ea2
}

.circle-item {
    height: 252px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform-origin: center center;
    width: 252px;
    z-index: 1
}

.circle-item a {
    align-items: center;
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-size: 25px;
    font-weight: 700;
    height: 100%;
    justify-content: center;
    line-height: 1.3;
    padding: 35px;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.circle-col01 a {
    background: #5ba9de
}

.circle-col02 a {
    background: #2d42b8
}

.circle-col03 a {
    background: #139a6d
}

.circle-col04 a {
    background: #550071
}

.circle-col05 a {
    background: #ecb22f
}

.circle-col06 a {
    background: #a3277e
}

.circle-col07 a {
    background: #a5503d
}

.circle-col08 a {
    background: #006882
}

.circle-list-container-wrap {
    padding: 30px 0;
    position: relative
}

.circle-list-container {
    margin: 0 auto;
    position: relative
}

.circle-list-container,
.circle-list-container.circle-4 {
    height: 680px;
    width: 680px
}

.circle-list-container.circle-4 .circle-item:first-child {
    transform: translate(-50%, -50%) rotate(0deg) translateY(-214px)
}

.circle-list-container.circle-4 .circle-item:first-child a {
    transform: rotate(0deg)
}

.circle-list-container.circle-4 .circle-item:nth-child(2) {
    transform: translate(-50%, -50%) rotate(90deg) translateY(-214px)
}

.circle-list-container.circle-4 .circle-item:nth-child(2) a {
    transform: rotate(-90deg)
}

.circle-list-container.circle-4 .circle-item:nth-child(3) {
    transform: translate(-50%, -50%) rotate(180deg) translateY(-214px)
}

.circle-list-container.circle-4 .circle-item:nth-child(3) a {
    transform: rotate(-180deg)
}

.circle-list-container.circle-4 .circle-item:nth-child(4) {
    transform: translate(-50%, -50%) rotate(270deg) translateY(-214px)
}

.circle-list-container.circle-4 .circle-item:nth-child(4) a {
    transform: rotate(-270deg)
}

.circle-list-container.circle-5 {
    height: 750px;
    width: 750px
}

.circle-list-container.circle-5 .circle-item:first-child {
    transform: translate(-50%, -50%) rotate(0deg) translateY(-249px)
}

.circle-list-container.circle-5 .circle-item:first-child a {
    transform: rotate(0deg)
}

.circle-list-container.circle-5 .circle-item:nth-child(2) {
    transform: translate(-50%, -50%) rotate(72deg) translateY(-249px)
}

.circle-list-container.circle-5 .circle-item:nth-child(2) a {
    transform: rotate(-72deg)
}

.circle-list-container.circle-5 .circle-item:nth-child(3) {
    transform: translate(-50%, -50%) rotate(144deg) translateY(-249px)
}

.circle-list-container.circle-5 .circle-item:nth-child(3) a {
    transform: rotate(-144deg)
}

.circle-list-container.circle-5 .circle-item:nth-child(4) {
    transform: translate(-50%, -50%) rotate(216deg) translateY(-249px)
}

.circle-list-container.circle-5 .circle-item:nth-child(4) a {
    transform: rotate(-216deg)
}

.circle-list-container.circle-5 .circle-item:nth-child(5) {
    transform: translate(-50%, -50%) rotate(288deg) translateY(-249px)
}

.circle-list-container.circle-5 .circle-item:nth-child(5) a {
    transform: rotate(-288deg)
}

.circle-list-container.circle-6 {
    height: 900px;
    width: 900px
}

.circle-list-container.circle-6 .circle-item:first-child {
    transform: translate(-50%, -50%) rotate(0deg) translateY(-324px)
}

.circle-list-container.circle-6 .circle-item:first-child a {
    transform: rotate(0deg)
}

.circle-list-container.circle-6 .circle-item:nth-child(2) {
    transform: translate(-50%, -50%) rotate(60deg) translateY(-324px)
}

.circle-list-container.circle-6 .circle-item:nth-child(2) a {
    transform: rotate(-60deg)
}

.circle-list-container.circle-6 .circle-item:nth-child(3) {
    transform: translate(-50%, -50%) rotate(120deg) translateY(-324px)
}

.circle-list-container.circle-6 .circle-item:nth-child(3) a {
    transform: rotate(-120deg)
}

.circle-list-container.circle-6 .circle-item:nth-child(4) {
    transform: translate(-50%, -50%) rotate(180deg) translateY(-324px)
}

.circle-list-container.circle-6 .circle-item:nth-child(4) a {
    transform: rotate(-180deg)
}

.circle-list-container.circle-6 .circle-item:nth-child(5) {
    transform: translate(-50%, -50%) rotate(240deg) translateY(-324px)
}

.circle-list-container.circle-6 .circle-item:nth-child(5) a {
    transform: rotate(-240deg)
}

.circle-list-container.circle-6 .circle-item:nth-child(6) {
    transform: translate(-50%, -50%) rotate(300deg) translateY(-324px)
}

.circle-list-container.circle-6 .circle-item:nth-child(6) a {
    transform: rotate(-300deg)
}

.circle-list-container.circle-7 {
    height: 1000px;
    width: 1000px
}

.circle-list-container.circle-7 .circle-item:first-child {
    transform: translate(-50%, -50%) rotate(0deg) translateY(-374px)
}

.circle-list-container.circle-7 .circle-item:first-child a {
    transform: rotate(0deg)
}

.circle-list-container.circle-7 .circle-item:nth-child(2) {
    transform: translate(-50%, -50%) rotate(51.43deg) translateY(-374px)
}

.circle-list-container.circle-7 .circle-item:nth-child(2) a {
    transform: rotate(-51.43deg)
}

.circle-list-container.circle-7 .circle-item:nth-child(3) {
    transform: translate(-50%, -50%) rotate(102.86deg) translateY(-374px)
}

.circle-list-container.circle-7 .circle-item:nth-child(3) a {
    transform: rotate(-102.86deg)
}

.circle-list-container.circle-7 .circle-item:nth-child(4) {
    transform: translate(-50%, -50%) rotate(154.29deg) translateY(-374px)
}

.circle-list-container.circle-7 .circle-item:nth-child(4) a {
    transform: rotate(-154.29deg)
}

.circle-list-container.circle-7 .circle-item:nth-child(5) {
    transform: translate(-50%, -50%) rotate(205.72deg) translateY(-374px)
}

.circle-list-container.circle-7 .circle-item:nth-child(5) a {
    transform: rotate(-205.72deg)
}

.circle-list-container.circle-7 .circle-item:nth-child(6) {
    transform: translate(-50%, -50%) rotate(257.15deg) translateY(-374px)
}

.circle-list-container.circle-7 .circle-item:nth-child(6) a {
    transform: rotate(-257.15deg)
}

.circle-list-container.circle-7 .circle-item:nth-child(7) {
    transform: translate(-50%, -50%) rotate(308.58deg) translateY(-374px)
}

.circle-list-container.circle-7 .circle-item:nth-child(7) a {
    transform: rotate(-308.58deg)
}

.circle-list-container.circle-8 {
    height: 1000px;
    width: 1000px
}

.circle-list-container.circle-8 .circle-item:first-child {
    transform: translate(-50%, -50%) rotate(0deg) translateY(-374px)
}

.circle-list-container.circle-8 .circle-item:first-child a {
    transform: rotate(0deg)
}

.circle-list-container.circle-8 .circle-item:nth-child(2) {
    transform: translate(-50%, -50%) rotate(45deg) translateY(-374px)
}

.circle-list-container.circle-8 .circle-item:nth-child(2) a {
    transform: rotate(-45deg)
}

.circle-list-container.circle-8 .circle-item:nth-child(3) {
    transform: translate(-50%, -50%) rotate(90deg) translateY(-374px)
}

.circle-list-container.circle-8 .circle-item:nth-child(3) a {
    transform: rotate(-90deg)
}

.circle-list-container.circle-8 .circle-item:nth-child(4) {
    transform: translate(-50%, -50%) rotate(135deg) translateY(-374px)
}

.circle-list-container.circle-8 .circle-item:nth-child(4) a {
    transform: rotate(-135deg)
}

.circle-list-container.circle-8 .circle-item:nth-child(5) {
    transform: translate(-50%, -50%) rotate(180deg) translateY(-374px)
}

.circle-list-container.circle-8 .circle-item:nth-child(5) a {
    transform: rotate(-180deg)
}

.circle-list-container.circle-8 .circle-item:nth-child(6) {
    transform: translate(-50%, -50%) rotate(225deg) translateY(-374px)
}

.circle-list-container.circle-8 .circle-item:nth-child(6) a {
    transform: rotate(-225deg)
}

.circle-list-container.circle-8 .circle-item:nth-child(7) {
    transform: translate(-50%, -50%) rotate(270deg) translateY(-374px)
}

.circle-list-container.circle-8 .circle-item:nth-child(7) a {
    transform: rotate(-270deg)
}

.circle-list-container.circle-8 .circle-item:nth-child(8) {
    transform: translate(-50%, -50%) rotate(315deg) translateY(-374px)
}

.circle-list-container.circle-8 .circle-item:nth-child(8) a {
    transform: rotate(-315deg)
}

@media screen and (min-width:520.01px) and (max-width:590px) {
    .header-logo {
        align-items: center;
        display: flex;
        padding: 0 13px;
        width: calc(100vw - 307.69px)
    }

    .header-logo a,
    .header-logo strong {
        background-position: 13px 50%;
        background-size: 329.87px 39.14px;
        height: 100%;
        width: 342.87px
    }
}

@media screen and (min-width:521px) and (max-width:960px) {
    #js-kv-swiper .swiper-slide>span {
        padding: 30px 0 35px
    }

    .circle-item a {
        font-size: 3.3vw;
        padding: 24px 20px
    }
}

@media screen and (min-width:521px) {
    .index-bnrs {
        margin-top: 50px
    }

    .index-bnrs__items {
        margin-left: -12.35px;
        margin-right: -12.35px;
        margin-top: -23.9px
    }

    .index-bnrs__item {
        flex: 0 0 auto;
        margin-top: 23.9px;
        padding-left: 12.35px;
        padding-right: 12.35px;
        width: 33.33333%
    }
}

@media screen and (min-width:590.01px) and (max-width:960px) {
    .header-logo {
        align-items: center;
        display: flex;
        padding: 0 13px;
        width: calc(100vw - 351.69px)
    }

    .header-logo a,
    .header-logo strong {
        background-position: 0;
        background-size: 100% auto;
        display: block;
        height: 38px;
        max-width: 100%;
        width: 320.7033px
    }
}

@media screen and (min-width:960.01px) {
    .header-logo {
        align-items: center;
        display: flex;
        padding: 0 20px;
        width: 360px
    }

    .header-logo a,
    .header-logo strong {
        background-position: 0;
        background-size: 100% auto;
        display: block;
        height: 38px;
        max-width: 100%;
        width: 320.7033px
    }

    .header-nav02__nav {
        margin-left: 360px;
        padding-left: 0
    }
}

@media screen and (min-width:961px) {
    #js-kv-swiper .swiper-slide>span:hover .index-kv__more span {
        background-color: hsla(0, 0%, 100%, .1)
    }

    .header-nav01__01 li a:hover,
    .header-nav01__01 li.header-nav01__01__00 a:hover,
    .header-nav02__nav>ul>li .header-nav02__nav__normal-link:hover span:before,
    .header-nav02__nav>ul>li.header-nav02__nav__item:hover .js-sp-drawer__nav__accordion-btn a span:before {
        background-color: #365ea2
    }

    .header-nav02__nav>ul>li.header-nav02__nav__item:hover .js-sp-drawer__nav__accordion-btn a span:after {
        border-top-color: #365ea2
    }

    .js-header-megamenu-close {
        background-image: url(/gs/images/common/header_search_close.svg)
    }

    .js-header-megamenu-close:hover {
        background-image: url(/gs/images/common/header_search_close_o.svg)
    }

    .header-megamenu-body__text__ttl-link a:hover {
        background-image: url(/gs/images/common/arror_r01_hover.svg);
        border-bottom-color: #365ea2;
        color: #365ea2
    }

    .header-megamenu-body__text__item p a:before {
        border-bottom-color: #365ea2;
        border-left-color: #365ea2
    }

    .header-megamenu-body__text__item p a:hover {
        color: #365ea2
    }

    .header-megamenu-body__text__item ul li a:before {
        border-bottom-color: #365ea2;
        border-left-color: #365ea2
    }

    .js-banner-swiper .swiper-button-prev,
    .js-event-list-swiper01 .swiper-button-prev,
    .js-event-list-swiper02 .swiper-button-prev,
    .js-news-list-swiper .swiper-button-prev {
        background-image: url(/gs/images/common/slider_arrow_l_purple.svg)
    }

    .js-banner-swiper .swiper-button-prev:hover,
    .js-event-list-swiper01 .swiper-button-prev:hover,
    .js-event-list-swiper02 .swiper-button-prev:hover,
    .js-news-list-swiper .swiper-button-prev:hover {
        background-image: url(/gs/images/common/slider_arrow_l.svg)
    }

    .js-banner-swiper .swiper-button-next,
    .js-event-list-swiper01 .swiper-button-next,
    .js-event-list-swiper02 .swiper-button-next,
    .js-news-list-swiper .swiper-button-next {
        background-image: url(/gs/images/common/slider_arrow_r_purple.svg)
    }

    .js-banner-swiper .swiper-button-next:hover,
    .js-event-list-swiper01 .swiper-button-next:hover,
    .js-event-list-swiper02 .swiper-button-next:hover,
    .js-news-list-swiper .swiper-button-next:hover {
        background-image: url(/gs/images/common/slider_arrow_r.svg)
    }

    .circle-item a:hover {
        opacity: .8
    }
}
@media screen and (max-width:520px) {
    .header-logo {
        width: calc(100vw - 68px)
    }

    .header-logo a,
    .header-logo strong {
        background-size: 100% 100%;
        height: 29.35px;
        left: 15px;
        position: relative;
        top: 50%;
        transform: translate3d(0, -50%, 0);
        width: 247.4px    }

    .header-nav01 {
        margin-left: 0;
        width: 100%
    }

    .header-nav01__01 li a {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .footer-logo img {
        width: 329.87px
    }

    #js-kv-swiper .swiper-slide>span {
        padding: 30px 0 40px
    }

    .index-bnrs {
        margin-top: 60px
    }

    .index-bnrs__items {
        margin-top: -10px
    }

    .index-bnrs__item {
        flex: 0 0 auto;
        margin-top: 10px;
        width: 100%
    }

    .circle-item a {
        font-size: 3.3vw;
        padding: 18px 14px
    }
}

@media (hover:hover) {
    #js-kv-swiper .swiper-slide a.hitarea:hover+.index-kv__ph {
        opacity: .8
    }
}

@media (hover:none) {

    #js-kv-swiper .swiper-slide a.hitarea:active,
    #js-kv-swiper .swiper-slide a.hitarea:focus {
        -webkit-tap-highlight-color: transparent
    }

    #js-kv-swiper .swiper-slide a.hitarea:active+.index-kv__ph,
    #js-kv-swiper .swiper-slide a.hitarea:focus+.index-kv__ph {
        opacity: .8
    }
}

@media screen and (max-width:960px) {
    .header-nav01__01 li a {
        background-color: #365ea2
    }

    .header-nav01__01 li a:hover {
        background-color: #4d4d4d
    }

    #js-drawer-menu button {
        background-image: url(/gs/images/common/header_menu.svg)
    }

    body.drawer-open #js-drawer-menu button {
        background-image: url(/gs/images/common/header_menu_close.svg)
    }

    .js-sp-drawer__nav__accordion-btn:after {
        background-image: url(/gs/images/common/icon_plus.svg)
    }

    .js-sp-drawer__nav__accordion-btn.open:after {
        background-image: url(/gs/images/common/icon_minus.svg)
    }

    .js-header-megamenu-body__accordion-sp-btn:after {
        background-image: url(/gs/images/common/icon_plus02.svg)
    }

    .js-header-megamenu-body__accordion-sp-btn.open:after {
        background-image: url(/gs/images/common/icon_minus02.svg)
    }

    .header-megamenu-body__text__item p a:before,
    .header-megamenu-body__text__ttl-link a:before,
    .header-nav02__nav__normal-link:before {
        border-bottom-color: #365ea2;
        border-left-color: #365ea2
    }

    .sp-drawer__close button {
        background-image: url(/gs/images/common/header_menu_close.svg)
    }

    .sp-drawer__other-link a {
        font-size: 13px
    }

    .sp-drawer__other-link a:hover {
        color: #1a1a1a
    }

    .circle-list-container-wrap {
        overflow: hidden;
        padding: 15px 0
    }

    .circle-list-container {
        height: calc(100vw - 30px) !important;
        width: 100% !important
    }

    .circle-list-container.circle-4 .circle-item {
        height: 33vw;
        width: 33vw
    }

    .circle-list-container.circle-4 .circle-item:first-child {
        transform: translate(-50%, -50%) rotate(0deg) translateY(-28.3vw)
    }

    .circle-list-container.circle-4 .circle-item:nth-child(2) {
        transform: translate(-50%, -50%) rotate(90deg) translateY(-28.3vw)
    }

    .circle-list-container.circle-4 .circle-item:nth-child(3) {
        transform: translate(-50%, -50%) rotate(180deg) translateY(-28.3vw)
    }

    .circle-list-container.circle-4 .circle-item:nth-child(4) {
        transform: translate(-50%, -50%) rotate(270deg) translateY(-28.3vw)
    }

    .circle-list-container.circle-5 .circle-item {
        height: 32vw;
        width: 32vw
    }

    .circle-list-container.circle-5 .circle-item:first-child {
        transform: translate(-50%, -50%) rotate(0deg) translateY(-30.3vw)
    }

    .circle-list-container.circle-5 .circle-item:nth-child(2) {
        transform: translate(-50%, -50%) rotate(72deg) translateY(-30.3vw)
    }

    .circle-list-container.circle-5 .circle-item:nth-child(3) {
        transform: translate(-50%, -50%) rotate(144deg) translateY(-30.3vw)
    }

    .circle-list-container.circle-5 .circle-item:nth-child(4) {
        transform: translate(-50%, -50%) rotate(216deg) translateY(-30.3vw)
    }

    .circle-list-container.circle-5 .circle-item:nth-child(5) {
        transform: translate(-50%, -50%) rotate(288deg) translateY(-30.3vw)
    }

    .circle-list-container.circle-6 .circle-item {
        height: 29.2vw;
        width: 29.2vw
    }

    .circle-list-container.circle-6 .circle-item:first-child {
        transform: translate(-50%, -50%) rotate(0deg) translateY(-31vw)
    }

    .circle-list-container.circle-6 .circle-item:nth-child(2) {
        transform: translate(-50%, -50%) rotate(60deg) translateY(-31vw)
    }

    .circle-list-container.circle-6 .circle-item:nth-child(3) {
        transform: translate(-50%, -50%) rotate(120deg) translateY(-31vw)
    }

    .circle-list-container.circle-6 .circle-item:nth-child(4) {
        transform: translate(-50%, -50%) rotate(180deg) translateY(-31vw)
    }

    .circle-list-container.circle-6 .circle-item:nth-child(5) {
        transform: translate(-50%, -50%) rotate(240deg) translateY(-31vw)
    }

    .circle-list-container.circle-6 .circle-item:nth-child(6) {
        transform: translate(-50%, -50%) rotate(300deg) translateY(-31vw)
    }

    .circle-list-container.circle-7 .circle-item {
        height: 26vw;
        width: 26vw
    }

    .circle-list-container.circle-7 .circle-item:first-child {
        transform: translate(-50%, -50%) rotate(0deg) translateY(-32.5vw)
    }

    .circle-list-container.circle-7 .circle-item:nth-child(2) {
        transform: translate(-50%, -50%) rotate(51.43deg) translateY(-32.5vw)
    }

    .circle-list-container.circle-7 .circle-item:nth-child(3) {
        transform: translate(-50%, -50%) rotate(102.86deg) translateY(-32.5vw)
    }

    .circle-list-container.circle-7 .circle-item:nth-child(4) {
        transform: translate(-50%, -50%) rotate(154.29deg) translateY(-32.5vw)
    }

    .circle-list-container.circle-7 .circle-item:nth-child(5) {
        transform: translate(-50%, -50%) rotate(205.72deg) translateY(-32.5vw)
    }

    .circle-list-container.circle-7 .circle-item:nth-child(6) {
        transform: translate(-50%, -50%) rotate(257.15deg) translateY(-32.5vw)
    }

    .circle-list-container.circle-7 .circle-item:nth-child(7) {
        transform: translate(-50%, -50%) rotate(308.58deg) translateY(-32.5vw)
    }

    .circle-list-container.circle-8 .circle-item {
        height: 24vw;
        width: 24vw
    }

    .circle-list-container.circle-8 .circle-item a {
        font-size: 3.1vw !important;
        padding: 16px 13px
    }

    .circle-list-container.circle-8 .circle-item:first-child {
        transform: translate(-50%, -50%) rotate(0deg) translateY(-32.5vw)
    }

    .circle-list-container.circle-8 .circle-item:nth-child(2) {
        transform: translate(-50%, -50%) rotate(45deg) translateY(-32.5vw)
    }

    .circle-list-container.circle-8 .circle-item:nth-child(3) {
        transform: translate(-50%, -50%) rotate(90deg) translateY(-32.5vw)
    }

    .circle-list-container.circle-8 .circle-item:nth-child(4) {
        transform: translate(-50%, -50%) rotate(135deg) translateY(-32.5vw)
    }

    .circle-list-container.circle-8 .circle-item:nth-child(5) {
        transform: translate(-50%, -50%) rotate(180deg) translateY(-32.5vw)
    }

    .circle-list-container.circle-8 .circle-item:nth-child(6) {
        transform: translate(-50%, -50%) rotate(225deg) translateY(-32.5vw)
    }

    .circle-list-container.circle-8 .circle-item:nth-child(7) {
        transform: translate(-50%, -50%) rotate(270deg) translateY(-32.5vw)
    }

    .circle-list-container.circle-8 .circle-item:nth-child(8) {
        transform: translate(-50%, -50%) rotate(315deg) translateY(-32.5vw)
    }
}