@charset "utf-8";

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
}
body {
    margin: 0
}

.cropper-container {
    direction: ltr;
    font-size: 0;
    line-height: 0;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.cropper-container img {
    display: block;
    height: 100%;
    image-orientation: 0;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%
}
.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}
.cropper-wrap-box,
.cropper-canvas {
    overflow: hidden
}
.cropper-drag-box {
    background-color: #fff;
    opacity: 0
}
.cropper-modal {
    background-color: #000;
    opacity: .5
}
.cropper-view-box {
    display: block;
    height: 100%;
    outline-color: rgba(51, 153, 255, .75);
    outline: 1px solid #39f;
    overflow: hidden;
    width: 100%
}
.cropper-dashed {
    border: 0 dashed #eee;
    display: block;
    opacity: .5;
    position: absolute
}
.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: calc(100% / 3);
    left: 0;
    top: calc(100% / 3);
    width: 100%
}
.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: calc(100% / 3);
    top: 0;
    width: calc(100% / 3)
}
.cropper-center {
    display: block;
    height: 0;
    left: 50%;
    opacity: .75;
    position: absolute;
    top: 50%;
    width: 0
}
.cropper-center:before,
.cropper-center:after {
    background-color: #eee;
    content: ' ';
    display: block;
    position: absolute
}
.cropper-center:before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px
}
.cropper-center:after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px
}
.cropper-face,
.cropper-line,
.cropper-point {
    display: block;
    height: 100%;
    opacity: .1;
    position: absolute;
    width: 100%
}
.cropper-face {
    background-color: #fff;
    left: 0;
    top: 0
}
.cropper-line {
    background-color: #39f
}
.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px
}
.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px
}
.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px
}
.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0
}
.cropper-point {
    background-color: #39f;
    height: 5px;
    opacity: .75;
    width: 5px
}
.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%
}
.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px
}
.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%
}
.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px
}
.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px
}
.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px
}
.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px
}
.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px
}
@media(min-width:768px) {
    .cropper-point.point-se {
        height: 15px;
        width: 15px
    }
}
@media(min-width:992px) {
    .cropper-point.point-se {
        height: 10px;
        width: 10px
    }
}
@media(min-width:1200px) {
    .cropper-point.point-se {
        height: 5px;
        opacity: .75;
        width: 5px
    }
}
.cropper-point.point-se:before {
    background-color: #39f;
    bottom: -50%;
    content: ' ';
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%
}
.cropper-invisible {
    opacity: 0
}
.cropper-bg {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC')
}
.cropper-hide {
    display: block;
    height: 0;
    position: absolute;
    width: 0
}
.cropper-hidden {
    display: none !important
}
.cropper-move {
    cursor: move
}
.cropper-crop {
    cursor: crosshair
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
    cursor: not-allowed
}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

input,
button,
textarea,
select {

    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
input[type=radio] {
    display: none;
    border: 0;
    margin: 0
}
input[type=checkbox] {
    margin: 0;
    display: none
}
input::-ms-expand,
select::-ms-expand {
    display: none
}
[role=button] {
    cursor: pointer
}


.l-container {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}
.l-wrap {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block
}
@media(min-width:768px) {
    .l-wrap {
        width: calc(100% - 3.2rem);
        max-width: 96rem
    }
}
@media(min-width:1100px) {
    .l-wrap {
        max-width: 120rem
    }
}
@media(min-width:768px) {
    .l-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}
@media(min-width:1100px) {
    .l-wrap.-sm {
        max-width: 87rem
    }
}
@media(min-width:1100px) {
    .l-wrap.-md {
        max-width: 96rem
    }
}
.l-main,
.mypage-block > .main {
    width: 100%
}
@media(min-width:768px) {
    .l-main,
    .mypage-block > .main {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: calc(100% - 30rem - 2.4rem)
    }
}
.l-aside,
.mypage-block > .aside {
    width: 100%;
    margin-top: 1.8rem
}
@media(min-width:768px) {
    .l-aside,
    .mypage-block > .aside {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 30rem;
        margin-top: 0;
        margin-left: 2.4rem
    }
}
.overlay-box {
    bottom: 1rem;
    width: calc(100% - 2rem);
    position: fixed;
    right: 1rem;
    z-index: 1000
}
.overlay-box.mb-sp {
    bottom: 7rem
}
@media(min-width:768px) {
    .overlay-box.mb-sp {
        bottom: 5rem
    }
}
@media(min-width:768px) {
    .overlay-box {
        width: 45rem;
        bottom: 1rem
    }
}
.overlay-box > .closeBtn {
    text-align: right;
    margin-bottom: 0.5rem;
    margin-left: calc(100% - 5rem)
}
.overlay-box > .closeBtn i {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 2rem;
    border: none;
    border-radius: 50%;
    text-align: center;
    background-color: #fff;
    color: #777;
    opacity: .7;
    cursor: pointer
}
.overlay-box > .content {
    width: 100%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.overlay-box > .content > .body {
    font-size: 1.4rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 8rem;
    flex: 1 0 8rem
}
.slide-box {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative
}
@media(min-width:768px) {
    .slide-box {
        width: calc(100% - 3.2rem);
        max-width: 96rem
    }
}
@media(min-width:1100px) {
    .slide-box {
        max-width: 120rem
    }
}
@media(min-width:768px) {
    .slide-box {
        margin-top: 2rem
    }
}
.slide-box.-small {
    margin-top: 0.8rem
}
@media(min-width:1100px) {
    .slide-box.-small {
        margin-top: 1.6rem
    }
}
.slide-box.-small > .frame {
    height: 6rem
}
@media(min-width:768px) {
    .slide-box.-small > .frame {
        height: 10rem
    }
}
.slide-box.-large > .frame {
    height: 20rem
}
@media(min-width:768px) {
    .slide-box.-large > .frame {
        height: 30rem
    }
}
.slide-box > .frame {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative
}
.slide-box > .frame * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.slide-box > .frame > .button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 2.2rem;
    height: 2.2rem;
    line-height: 2.2rem;
    font-size: 2.2rem;
    border: none;
    border-radius: 50%;
    text-align: center;
    background-color: #fff;
    color: #777;
    opacity: .7;
    cursor: pointer
}
.slide-box > .frame > .button.-left {
    left: 0.5rem
}
@media(min-width:768px) {
    .slide-box > .frame > .button.-left {
        left: 1rem
    }
}
.slide-box > .frame > .button.-right {
    right: 0.5rem
}
@media(min-width:768px) {
    .slide-box > .frame > .button.-right {
        right: 1rem
    }
}
.slide-box > .indicator {
    text-align: center;
    width: 100%
}
.slide-box > .indicator > .button {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 2.4rem;
    height: 2.4rem;
    line-height: 2.4rem;
    text-align: center
}
.slide-box>.indicator>.button:after {
    content: "";
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
    border: none;
    border-radius: 50%;
    background-color: #d9d9d9
}
.slide-box>.indicator>.button:hover:after {
    background-color: #777
}
.slide-box>.indicator>.button.-js-active:after {
    background-color: #4a4a4a
}
@media(min-width:768px) {
    .slide-box > .indicator > .button.-js-hide-tablet {
        display: none
    }
}
.slide-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}
.slide-items.-js-smooth {
    -webkit-transition: -webkit-transform 0.8s;
    transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s
}
.slide-items.-large > .item {
    width: 100%
}
@media(min-width:768px) {
    .slide-items.-large > .item {
        width: calc((100% - 1.5rem) / 4)
    }
}
.slide-items.-small > .item {
    width: 80%
}
@media(min-width:768px) {
    .slide-items.-small > .item {
        width: calc((100% - 1.5rem) / 4)
    }
}
.slide-items > .item {
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 100%;
    margin-right: 0.5rem;
    position: relative
}
@media(min-width:1100px) {
    .slide-items > .item {
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .slide-items>.item:hover {
        opacity: .8
    }
}
.slide-items > .item > .image {
    display: none
}
.slide-items > .item > .title {
    display: inline-block;
    width: 100%;
    position: absolute;
    bottom: 0;
    white-space: normal;
    color: #fff;
    padding: 0.5rem;
    font-size: 1.5rem;
    line-height: 2rem
}
@media(min-width:768px) {
    .slide-items > .item > .title {
        padding: 1rem;
        font-size: 2rem;
        line-height: 2.5rem
    }
}
.breadcrumb-navigation {
    width: 100%;
    margin: 1em auto;
    display: none;
    font-size: 1.2rem;
    line-height: 1.2rem
}
@media(min-width:768px) {
    .breadcrumb-navigation {
        width: calc(100% - 3.2rem);
        max-width: 96rem
    }
}
@media(min-width:1100px) {
    .breadcrumb-navigation {
        max-width: 120rem
    }
}
@media(min-width:768px) {
    .breadcrumb-navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}
.breadcrumb-navigation > .crumb {
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
@media(min-width:1100px) {
    .breadcrumb-navigation>.crumb>a:hover {
        color: #777
    }
}
.breadcrumb-navigation > .crumb > i {
    margin: 0 0.8rem;
    font-size: 1rem;
    color: #777;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.breadcrumb-navigation > .crumb > a > .home {
    display: none
}
.breadcrumb-navigation > .crumb.articleTitle > a > span {
    display: inline-block;
    vertical-align: bottom;
    max-width: 43em;
    overflow: hidden;
    text-overflow: ellipsis
}
.card-list,
.responsive-article-list,
.title-list,
.card-list-normal,
.card-list-large,
.compact-article-list,
.aside-article-list,
.brand-channel-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: -1.6rem
}
.card-list-seminar {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    width: 100%
}
.card-list-seminar .card-box-seminar {
    background-color: #fff;
    border-bottom: 0.1rem solid #d9d9d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 0.8rem
}
.card-list-seminar .card-box-seminar a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}
.card-list-seminar .card-box-seminar a .card-box-seminar-image {
    padding: 1rem;
    width: 45%
}
.card-list-seminar .card-box-seminar a .card-box-seminar-image img {
    height: 10rem;
    width: 15rem
}
.card-list-seminar .card-box-seminar a .card-box-seminar-contents {
    padding: 1rem;
    width: 55%
}
.card-list-seminar .card-box-seminar a .card-box-seminar-contents div:first-child {
    margin-bottom: 1rem
}
.card-list-seminar .card-box-seminar a .card-box-seminar-contents div:last-child {
    display: none
}
.card-list-seminar .card-box-seminar a .card-box-seminar-contents div h3 {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.5em
}
.card-list-seminar .card-box-seminar a .card-box-seminar-contents div .tag-list {
    margin: 0;
    padding: 0
}
@media(min-width:768px) {
    .card-list-seminar .card-box-seminar {
        display: block;
        -ms-flex-preferred-size: calc(50% - 1.6rem);
        flex-basis: calc(50% - 1.6rem);
        margin-bottom: 1.6rem
    }
    .card-list-seminar .card-box-seminar:nth-child(odd) {
        margin-right: 1.6rem
    }
    .card-list-seminar .card-box-seminar a {
        display: block;
        width: initial
    }
    .card-list-seminar .card-box-seminar a .card-box-seminar-image {
        padding: 0;
        width: 100%
    }
    .card-list-seminar .card-box-seminar a .card-box-seminar-image img {
        height: 100%;
        width: 100%
    }
    .card-list-seminar .card-box-seminar a .card-box-seminar-contents {
        width: 100%
    }
}
@media(min-width:1100px) {
    .card-list-seminar .card-box-seminar {
        -ms-flex-preferred-size: calc(33.3% - 1.6rem);
        flex-basis: calc(33.3% - 1.6rem)
    }
    .card-list-seminar .card-box-seminar:nth-child(odd) {
        margin-right: 0
    }
    .card-list-seminar .card-box-seminar:nth-child(3n + 1),
    .card-list-seminar .card-box-seminar:nth-child(3n + 2) {
        margin-right: 1.6rem
    }
}
.card-box,
.brand-channel-heading-box,
.title-box {
    background-color: #fff;
    border-bottom: 0.1rem solid #d9d9d9;
    margin: 0 0 0.8rem 1.6rem;
    font-size: 1.1rem;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(100% - 1.6rem);
    flex-basis: calc(100% - 1.6rem);
    position: relative
}
.card-box > .inner,
.brand-channel-heading-box>.inner,
.title-box > .inner {
    display: block;
    padding: 0
}
.card-box > .inner > .body,
.brand-channel-heading-box>.inner>.body,
.title-box > .inner > .body {
    padding: 1rem
}
.card-box .title,
.brand-channel-heading-box .title,
.title-box .title {
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 1.5rem;
    line-height: 1.5em;
    height: 4.5em;
    max-height: initial
}
.card-box .title,
.brand-channel-heading-box .title,
.title-box .title {
    margin-bottom: 2rem
}
.card-box > .inner > .thumbnail,
.brand-channel-heading-box>.inner>.thumbnail,
.title-box > .inner > .thumbnail {
    position: relative
}
.card-box > .inner > .thumbnail > img,
.brand-channel-heading-box>.inner>.thumbnail>img,
.title-box > .inner > .thumbnail > img {
    width: 100%
}
.card-box > .inner > .thumbnail > .meter-label,
.brand-channel-heading-box>.inner>.thumbnail>.meter-label,
.title-box > .inner > .thumbnail > .meter-label {
    position: absolute;
    top: 0;
    right: 0
}
.card-box > .clip-btn,
.brand-channel-heading-box>.clip-btn,
.title-box > .clip-btn {
    position: absolute;
    bottom: 0.5rem;
    right: 0
}
@media(min-width:768px) {
    .card-box,
    .brand-channel-heading-box,
    .title-box {
        margin-bottom: 1.6rem
    }
}
@media(min-width:1100px) {
    .card-box > a.inner > .thumbnail,
    .brand-channel-heading-box>a.inner>.thumbnail,
    .title-box > a.inner > .thumbnail {
        -webkit-transition: 0.3s;
        transition: 0.3s;
        -webkit-transition-property: opacity;
        transition-property: opacity
    }
    .card-box > a.inner .title,
    .brand-channel-heading-box>a.inner .title,
    .title-box > a.inner .title {
        -webkit-transition: 0.3s;
        transition: 0.3s;
        -webkit-transition-property: color;
        transition-property: color
    }
    .card-box>a.inner:hover>.thumbnail,
    .brand-channel-heading-box>a.inner:hover>.thumbnail,
    .title-box>a.inner:hover > .thumbnail {
        opacity: .8
    }
    .card-box>a.inner:hover .title,
    .brand-channel-heading-box>a.inner:hover .title,
    .title-box>a.inner:hover .title {
        color: #777
    }
}
.card-box>a.inner:visited .title,
.brand-channel-heading-box>a.inner:visited .title,
.title-box>a.inner:visited .title {
    color: #777
}
.responsive-article-list > .card-box {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(100% - 1.6rem);
    flex-basis: calc(100% - 1.6rem)
}
.responsive-article-list > .card-box > .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem
}
.responsive-article-list > .card-box > .inner > .thumbnail {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%
}
.responsive-article-list > .card-box > .inner > .body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
    padding: 0 0 0 1rem
}
.responsive-article-list>.card-box .thumbnail:before {
    content: "";
    display: block;
    padding-top: 66.66666666666666%
}
.responsive-article-list > .card-box .thumbnail > img {
    position: absolute;
    top: 0;
    left: 0
}
.responsive-article-list > .card-box .thumbnail > img.members {
    top: 0.5rem;
    left: 0.5rem;
    width: 29%
}
@media(min-width:1100px) {
    .responsive-article-list > .card-box .thumbnail > img.members {
        top: 1rem;
        left: 1rem
    }
}
.responsive-article-list > .card-box .title {
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 1.5em;
    height: 4.5em;
    max-height: 4.5em;
    height: auto
}
@media(min-width:768px) {
    .responsive-article-list > .card-box {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(50% - 1.6rem);
        flex-basis: calc(50% - 1.6rem)
    }
    .responsive-article-list > .card-box > .inner {
        display: block;
        padding: 0
    }
    .responsive-article-list > .card-box > .inner > .body {
        padding: 1rem
    }
    .responsive-article-list > .card-box .title {
        font-weight: 700;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        font-size: 1.6rem;
        line-height: 1.5em;
        height: 4.5em;
        max-height: initial
    }
}
@media(min-width:1100px) {
    .responsive-article-list > .card-box {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(33.333333333333336% - 1.6rem);
        flex-basis: calc(33.333333333333336% - 1.6rem)
    }
}
.responsive-article-list.-large {
    margin-left: 0;
    padding: 0 0.4rem
}
@media(min-width:768px) {
    .responsive-article-list.-large {
        margin-left: -1.6rem;
        padding: 0
    }
}
.responsive-article-list.-large > .card-box {
    margin: 0 0.4rem 0.8rem;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(50% - 1.6rem);
    flex-basis: calc(50% - 1.6rem);
    -ms-flex-preferred-size: calc(50% - 0.8rem);
    flex-basis: calc(50% - 0.8rem)
}
.responsive-article-list.-large > .card-box > .inner {
    display: block;
    padding: 0
}
.responsive-article-list.-large > .card-box > .inner > .body {
    padding: 1rem
}
.responsive-article-list.-large > .card-box .title {
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 1.2rem;
    line-height: 1.5em;
    height: 3em;
    max-height: 3em;
    height: auto
}
@media(min-width:768px) {
    .responsive-article-list.-large > .card-box {
        margin: 0 0 1.6rem 1.6rem;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(50% - 1.6rem);
        flex-basis: calc(50% - 1.6rem)
    }
    .responsive-article-list.-large > .card-box > .inner {
        display: block;
        padding: 0
    }
    .responsive-article-list.-large > .card-box > .inner > .body {
        padding: 1rem
    }
    .responsive-article-list.-large > .card-box .title {
        font-weight: 700;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        font-size: 1.6rem;
        line-height: 1.5em;
        height: 4.5em;
        max-height: initial
    }
}
@media(min-width:1100px) {
    .responsive-article-list.-large > .card-box {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(33.333333333333336% - 1.6rem);
        flex-basis: calc(33.333333333333336% - 1.6rem)
    }
}
.responsive-article-list.-large>.card-box>a.inner:visited .title {
    color: inherit
}
@media(min-width:1100px) {
    .responsive-article-list.-large>.card-box>a.inner:visited:hover .title {
        color: #777
    }
}
.title-list.has-info .body {
    padding: 1rem 1rem 0
}
.title-list.has-info .body .article-info-list {
    position: static;
    bottom: initial;
    left: initial
}
.title-list.has-info .body .article-info-list .lastarticle {
    margin-left: 0;
    margin-right: auto
}
.title-list.has-info .body > .tag-list {
    margin-top: 1rem;
    padding: 0
}
.title-list.has-info .body > .tag-list > .tag {
    background-color: #ededed
}
.title-list > .card-box > .inner {
    display: block;
    padding: 0
}
.title-list > .card-box > .inner > .body {
    padding: 1rem
}
.title-list>.card-box .thumbnail:before {
    content: "";
    display: block;
    padding-top: 28.57142857142857%
}
.title-list > .card-box .thumbnail > img {
    position: absolute;
    top: 0;
    left: 0
}
.title-list > .card-box .thumbnail > img.members {
    top: 0.5rem;
    left: 0.5rem;
    width: 29%
}
@media(min-width:1100px) {
    .title-list > .card-box .thumbnail > img.members {
        top: 1rem;
        left: 1rem
    }
}
.title-list > .card-box .title {
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 1.6rem;
    line-height: 1.5em;
    height: 1.5em;
    max-height: initial
}
@media(min-width:768px) {
    .title-list > .card-box {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(50% - 1.6rem);
        flex-basis: calc(50% - 1.6rem)
    }
}
.footer-section {
    width: 100%;
    background-color: #fff;
    padding-top: 0.1rem;
    margin-top: 1.5rem
}
@media(min-width:1100px) {
    .footer-section {
        margin-top: 9rem
    }
}
.footer-section > .social-buttons {
    display: none
}
@media(min-width:1100px) {
    .footer-section > .social-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 1.5rem 0
    }
}
.footer-section > .footer-nav {
    max-width: 120rem;
    margin: 1rem auto 1.5rem
}
.footer-section > .bottom {
    background-color: #111;
    color: #fff;
    padding: 1rem 0
}
.footer-section > .bottom > .copyright {
    text-align: center
}
.footer-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.footer-nav > .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 1rem 1.5rem;
    font-size: 1.1rem;
    line-height: 1.3em
}
@media(min-width:768px) {
    .footer-nav > .item {
        line-height: 1em
    }
}
@media(min-width:768px) {
    .footer-nav {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .footer-nav > .item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 0.5rem 1rem
    }
}
@media(min-width:1100px) {
    .footer-nav>.item>a:hover {
        color: #777
    }
}
.footer-media-list {
    width: 100%;
    color: #fff;
    background-color: #111;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0.5rem 0 1.5rem
}
@media(min-width:768px) {
    .footer-media-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}
.footer-media-list > .item {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(100% / 3);
    flex-basis: calc(100% / 3);
    text-align: center;
    padding: 0.5rem 2rem
}
@media(min-width:768px) {
    .footer-media-list > .item {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        padding: 0.5rem 0;
        margin: 0 2rem
    }
}
@media(min-width:768px) {
    .footer-media-list > .item > a {
        display: inline-block;
        width: auto;
        height: 2.4rem
    }
}
.footer-media-list > .item > a > img {
    width: 100%
}
@media(min-width:768px) {
    .footer-media-list > .item > a > img {
        width: auto;
        height: 2.4rem
    }
}
.social-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.8rem
}
.social-buttons > .button {
    margin: 0 0.6rem
}
.social-buttons > .button > .link {
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s
}
.social-buttons > .button > .link > .icons-facebook {
    color: #3b5998
}
.social-buttons > .button > .link > .icons-twitter {
    color: #1da1f2
}
.social-buttons > .button > .link > .icons-feedly {
    color: #2bb24c
}
.social-buttons > .button > .link > .icons-line {
    color: #00b900
}
.social-buttons>.button>.link:hover {
    opacity: .8
}
.social-buttons.-large {
    font-size: 2.4rem
}
.social-buttons.-large > .button {
    margin: 0 1.2rem
}
.social-buttons.-large > .button > .link > i {
    font-size: 2rem
}
.global-navigation {
    width: 100vw;
    height: 0
}
.global-navigation > .fixedBox {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
    z-index: 900;
    background-color: rgba(0, 0, 0, .7);
    opacity: 0;
    -webkit-transition: 0.5s opacity;
    transition: 0.5s opacity
}
.global-navigation > .fixedBox > .wrapper {
    position: relative;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.5s -webkit-transform;
    transition: 0.5s -webkit-transform;
    transition: 0.5s transform;
    transition: 0.5s transform, 0.5s -webkit-transform;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}
.global-navigation .hbgmenu {
    width: 100%;
    margin-top: 1rem
}
@media(max-width:1099px) {
    .global-navigation.-js-grayedout > .fixedBox {
        opacity: 1
    }
    .global-navigation:not(.-js-expanded),
    .global-navigation:not(.-js-expanded) > .fixedBox {
        z-index: -9999;
        -webkit-transform: translateX(-9999px);
        transform: translateX(-9999px)
    }
}
@media(min-width:1100px) {
    .global-navigation {
        width: 100%;
        height: 4rem
    }
    .global-navigation > .fixedBox {
        position: relative;
        width: 100%;
        height: auto;
        overflow-x: visible;
        overflow-y: visible;
        z-index: 900;
        border-bottom: 0.1rem solid #d9d9d9;
        display: block;
        background-color: #fff;
        opacity: 1
    }
    .global-navigation > .fixedBox > .wrapper {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        position: static;
        height: auto;
        -webkit-transition: none;
        transition: none;
        -webkit-transform: none !important;
        transform: none !important
    }
}
@media(min-width:1100px) and(min-width:768px) {
    .global-navigation > .fixedBox > .wrapper {
        width: calc(100% - 3.2rem);
        max-width: 96rem
    }
}
@media(min-width:1100px) and(min-width:1100px) {
    .global-navigation > .fixedBox > .wrapper {
        max-width: 120rem
    }
}
.global-navigation-categories {
    position: absolute;
    top: 0;
    right: 100%;
    width: 85%;
    max-width: 30rem;
    min-height: 100%;
    padding-bottom: 30vh;
    background-color: #fff;
    z-index: 9000
}
.global-navigation-categories i {
    font-size: 1.6rem;
    display: inline-block;
    vertical-align: text-bottom
}
.global-navigation-categories i.icons-search {
    height: 1.8rem;
    margin: 0.8rem 0
}
.global-navigation-categories > .heading {
    height: 5.1rem;
    margin-top: 0.6rem;
    line-height: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.global-navigation-categories > .heading > .home {
    padding: 1rem
}
.global-navigation-categories > .heading > .account-button-list {
    width: 100%;
    margin: 0 1rem
}
.global-navigation-categories > .class {
    background-color: #111;
    color: #fff;
    padding: 0 1rem;
    font-size: 1rem;
    line-height: 2.5em
}
.global-navigation-categories > .category {
    border-top: 0.1rem solid #d9d9d9
}
.global-navigation-categories > .category.seminar a span {
    position: absolute;
    right: 4rem
}
@media(min-width:1100px) {
    .global-navigation-categories > .category.seminar a span {
        margin-left: 0.5rem;
        position: static;
        right: 0
    }
}
.global-navigation-categories > .category > .link {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.3rem;
    padding: 0 1rem 0 2rem;
    height: 4rem
}
.global-navigation-categories > .category > .link.notice {
    position: relative
}
.global-navigation-categories>.category>.link.notice:before {
    display: none
}
.global-navigation-categories > .category > .link > .new {
    content: "new";
    color: #db0000;
    font-size: 1rem;
    font-weight: 700;
    padding-left: 0.3rem;
    height: 1rem;
    line-height: 1rem
}
.global-navigation-categories > .category > .link > .icon {
    height: 2.8rem;
    padding-right: 1rem
}
.global-navigation-categories>.category>.link>i:last-of-type {
    margin-left: auto
}
.global-navigation-categories > .category > .link.notice span {
    display: none
}
.global-navigation-categories > .category > .link.notice.unread span {
    display: block;
    position: absolute;
    right: 4rem
}
.global-navigation-categories > .category > .link > .new {
    content: "new";
    color: #db0000;
    font-size: 1rem;
    font-weight: 700;
    padding-left: 0.3rem;
    height: 1rem;
    line-height: 1rem
}
.global-navigation-categories > .category > .link > .icon {
    height: 2.8rem;
    padding-right: 1rem
}
.global-navigation-categories>.category>.link>i:last-of-type {
    margin-left: auto
}
.global-navigation-categories > .class+.category {
    border-top: none
}
.global-navigation-categories > .social {
    border-top: 0.1rem solid #d9d9d9;
    padding: 3rem 0
}
@media(min-width:1100px) {
    .global-navigation-categories {
        position: static;
        width: 100%;
        max-width: none;
        min-height: 0;
        padding: 0;
        background-color: transparent
    }
    .global-navigation-categories > .heading.searchbox {
        display: none
    }
    .global-navigation-categories > .partition {
        margin: 1.3rem 1rem;
        height: 1.4rem;
        border-left: 0.1rem solid #d9d9d9
    }
    .global-navigation-categories > .category {
        border: none
    }
    .global-navigation-categories > .category > .link {
        position: relative;
        font-size: 1.3rem;
        padding: 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .global-navigation-categories > .category.-active > .link {
        color: #db0000
    }
    .global-navigation-categories > .static {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .global-navigation-categories > .static.-right {
        margin-left: auto
    }
    .global-navigation-categories.-root {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }
    .global-navigation-categories.-root>.category:not(:hover) > .categories {
        display: none
    }
    .global-navigation-categories.-root > .category > .link {
        border: 0.1rem solid transparent;
        border-top: none;
        border-bottom: none;
        padding: 0 1.5rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        white-space: nowrap
    }
    .global-navigation-categories.-root>.category>.link:before {
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: -0.1rem
    }
    .global-navigation-categories.-root > .category > .categories {
        position: absolute;
        top: 4rem;
        left: inherit;
        background-color: #fff;
        border: 0.1rem solid #d9d9d9;
        width: auto;
        min-width: 14rem;
        padding: 0 1.5rem;
        z-index: 900
    }
    .global-navigation-categories.-root>.category:not(:hover) > .categories {
        display: none
    }
    .global-navigation-categories.-root>.category.-active>.link:before {
        border-bottom: 0.2rem solid #db0000;
        z-index: 902
    }
    .global-navigation-categories.-root > .category.-right {
        margin-left: auto
    }
    .global-navigation-categories.-root>.category:hover > .link {
        border-color: #d9d9d9
    }
    .global-navigation-categories.-root>.category:hover>.link:before {
        border-bottom: 0.1rem solid #fff;
        z-index: 901
    }
    .global-navigation-categories.-root>.category.-single:hover>.link:before {
        border-color: #d9d9d9
    }
    .global-navigation-categories.-children > .category {
        width: 100%;
        margin: 2rem 0
    }
    .global-navigation-categories.-children > .category > .link {
        font-weight: 700;
        height: auto
    }
    .global-navigation-categories.-children>.category>.link:hover {
        color: #777
    }
}
.overlay-search-box {
    position: absolute;
    top: 4.5rem;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: -9999;
    background-color: rgba(0, 0, 0, .7);
    opacity: 0;
    -webkit-transition: 0.5s opacity;
    transition: 0.5s opacity
}
.overlay-search-box > .inner {
    background-color: #111;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: 0.5s -webkit-transform;
    transition: 0.5s -webkit-transform;
    transition: 0.5s transform;
    transition: 0.5s transform, 0.5s -webkit-transform
}
.overlay-search-box > .inner > .header-search-box {
    margin: 1rem
}
.overlay-search-box.-js-shown {
    z-index: 900
}
.overlay-search-box.-js-actived {
    opacity: 1
}
.overlay-search-box.-js-actived > .inner {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
@media(min-width:1100px) {
    .overlay-search-box {
        display: none
    }
}
.header-search-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: strech;
    -ms-flex-align: strech;
    align-items: strech
}
.header-search-box > .input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 1.6rem;
    padding: 0.8rem 1rem;
    width: 20.6rem;
    border: none;
    outline: none
}
@media(min-width:1100px) {
    .header-search-box > .input {
        font-size: 1.2rem
    }
}
.header-search-box > .button {
    color: #777;
    font-size: 1.8rem;
    background-color: #d9d9d9;
    border: none;
    cursor: pointer;
    padding: 0 0.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
@media(min-width:1100px) {
    .header-search-box > .button {
        -webkit-transition: 0.3s background-color;
        transition: 0.3s background-color
    }
    .header-search-box>.button:hover {
        background-color: #c3c3c3
    }
}
.header-search-box.-bordered {
    border: 0.1rem solid #d9d9d9
}
.search-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1rem
}
@media(min-width:736px) {
    .search-box {
        padding: 2.4rem 4rem
    }
}
.search-box > input {
    padding: 1rem 1.2rem;
    font-size: 1.6rem;
    border: 0.1rem solid #d9d9d9;
    line-height: normal;
    height: 4rem;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}
.search-box > button {
    font-size: 2.2rem;
    border: none;
    line-height: 1em;
    color: #fff;
    background: #111;
    cursor: pointer;
    width: 6rem;
    height: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-aitems: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
@media(min-width:768px) {
    .hbgmenu .search-box {
        padding: 2.4rem 1rem
    }
}
.hbgmenu .search-box > input {
    height: 3.4rem
}
.hbgmenu .search-box > input::-webkit-input-placeholder {
    font-size: 1.4rem;
    color: #ccc
}
.hbgmenu .search-box>input:-ms-input-placeholder {
    font-size: 1.4rem;
    color: #ccc
}
.hbgmenu .search-box > input::-ms-input-placeholder {
    font-size: 1.4rem;
    color: #ccc
}
.hbgmenu .search-box > input::placeholder {
    font-size: 1.4rem;
    color: #ccc
}
.hbgmenu .search-box > button {
    height: 3.4rem
}
.header-article-search {
    display: none
}
@media(min-width:1100px) {
    .header-article-search {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 2.8rem;
        margin-left: 1rem
    }
    .header-article-search > input {
        height: 100%;
        padding: 1rem;
        width: 20rem
    }
    .header-article-search > button {
        background-color: #ddd;
        color: #777
    }
}
.header-section {
    background-color: #111;
    width: 100%;
    font-size: 1.2rem
}
.header-section > .inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4.5rem
}
@media(min-width:768px) {
    .header-section > .inner {
        width: calc(100% - 3.2rem)
    }
}
@media(min-width:1100px) {
    .header-section > .inner {
        max-width: 120rem
    }
}
.header-section > .inner > .brandLogo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 55%
}
.header-section > .inner > .brandLogo > a {
    display: block;
    height: 100%
}
.header-section > .inner > .brandLogo > a > img {
    height: 100%
}
.header-section > .inner > .header-hamburger-button {
    margin-right: auto
}
.header-section > .inner > .header-search-button,
.header-section > .inner > .account-button-list {
    margin-left: auto
}
.header-section > .inner > .account-button-list {
    margin-right: 1rem
}
@media(min-width:768px) {
    .header-section > .inner > .account-button-list {
        margin-right: 0
    }
}
@media(min-width:1100px) {
    .header-section > .inner {
        height: 5rem
    }
}
@media(min-width:1100px) {
    .header-section > .inner > .brandLogo {
        left: 5.5%
    }
}
.header-button,
.header-hamburger-button,
.header-hamburger-button.unread,
.header-search-button {
    color: #fff;
    font-size: 2rem;
    background: #111;
    border: none;
    cursor: pointer;
    padding: 0;
    width: 4.5rem;
    height: 4.5rem
}
.header-hamburger-button:before {
    display: none
}
.header-hamburger-button.-js-active > .hamburger {
    display: none
}
.header-hamburger-button:not(.-js-active) > .close {
    display: none
}
.header-hamburger-button.unread:before {
    position: absolute;
    top: 0.8rem;
    left: 2.8rem;
    background: #ff3d00;
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem
}
.header-search-button.-js-active > .search {
    display: none
}
.header-search-button:not(.-js-active) > .close {
    display: none
}
.h1-index {
    font-size: 2.4rem;
    line-height: 3.6rem;
    font-weight: 700;
    padding: 2.4rem 0 2.4rem 1rem;
    overflow: hidden
}
@media(max-width:735px) {
    .h1-index {
        font-size: 2rem;
        line-height: 3rem;
        font-weight: 700;
        padding: 2rem 0 2rem 1rem;
        overflow: hidden
    }
}
.h2-index,
.page-header .pageTitle {
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 700;
    padding: 2rem 0 2rem 1rem;
    overflow: hidden
}
@media(max-width:735px) {
    .h2-index,
    .page-header .pageTitle {
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-weight: 700;
        padding: 1.6rem 0 1.6rem 1rem;
        overflow: hidden
    }
}
@media(min-width:768px) {
    .h2-index,
    .page-header .pageTitle {
        padding-left: 0
    }
}
.h3-index,
.heading-text,
.mypage-follow .auther-area .auther-area-name,
.mypage-follow .auther-area.-follow > .auther-area-name {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    padding: 1.6rem 0 1.6rem 1rem;
    overflow: hidden
}
@media(max-width:735px) {
    .h3-index,
    .heading-text,
    .mypage-follow .auther-area .auther-area-name,
    .mypage-follow .auther-area.-follow > .auther-area-name {
        font-size: 1.4rem;
        line-height: 2.1rem;
        font-weight: 700;
        padding: 1.4rem 0 1.4rem 1rem;
        overflow: hidden
    }
}
.h4-index,
.content-box .articleTitleList > .item > a > .title {
    font-size: 1.4rem;
    line-height: 2.1rem;
    font-weight: 700;
    padding: 1.4rem 0 1.4rem 1rem;
    overflow: hidden
}
.p-index {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    padding: 1.6rem 0 1.6rem 1rem;
    overflow: hidden
}
@media(max-width:735px) {
    .p-index {
        font-size: 1.4rem;
        line-height: 2.1rem;
        font-weight: 400;
        padding: 1.4rem 0 1.4rem 1rem;
        overflow: hidden
    }
}
.a-index,
.bold-text-link {
    font-size: 1.4rem;
    line-height: 2.1rem;
    font-weight: 700;
    padding: 1.4rem 0 1.4rem 1rem;
    overflow: hidden
}
.a-index.link-blue,
.bold-text-link.link-blue,
.bold-text-link {
    color: #0067c8
}
.a-index.link-gray:visited,
.bold-text-link.link-gray:visited {
    color: #777
}
.a-index.link-gray:link,
.bold-text-link.link-gray:link {
    color: inherit
}
@media(min-width:1100px) {
    .a-index.link-gray:hover,
    .bold-text-link.link-gray:hover {
        color: #777
    }
}
.span-index,
.content-box .articleTitleList > .item > a > .subtitle {
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-weight: 400;
    padding: 1.2rem 0 1.2rem 1rem;
    overflow: hidden;
    color: #777
}
.h1-article {
    color: #111;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 1.6rem
}
@media(max-width:735px) {
    .h1-article {
        font-size: 2.4rem;
        line-height: 3.6rem;
        font-weight: 700;
        padding: 2.4rem 0 2.4rem 1rem;
        overflow: hidden
    }
}
.h2-article,
.announcement-articles>.title,
.article-body h2,
.members-lp-plan-box > .title {
    color: #111;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 1.6rem;
    border-top: solid 0.1rem #111;
    border-bottom: solid 0.1rem #111;
    padding: 1.6rem 0
}
@media(max-width:735px) {
    .h2-article,
    .announcement-articles>.title,
    .article-body h2,
    .members-lp-plan-box > .title {
        font-size: 2rem;
        line-height: 3rem;
        font-weight: 700;
        padding: 2rem 0 2rem 1rem;
        overflow: hidden
    }
}
.h2-article.-blackVer,
.announcement-articles>.title.-blackVer,
.article-body h2.-blackVer,
.members-lp-plan-box>.title.-blackVer,
.announcement-articles>.title,
.members-lp-plan-box > .title {
    background-color: #111;
    color: #fff;
    padding-left: 2.4rem
}
.h3-article,
.article-body h3 {
    color: #111;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 1.6rem
}
@media(max-width:735px) {
    .h3-article,
    .article-body h3 {
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-weight: 700;
        padding: 1.6rem 0 1.6rem 1rem;
        overflow: hidden
    }
}
.h4-article,
.article-body h4,
.article-index-heading>.name,
.members-lp-plan-box > .inner .subtitle {
    color: #111;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 1.6rem
}
@media(max-width:735px) {
    .h4-article,
    .article-body h4,
    .article-index-heading>.name,
    .members-lp-plan-box > .inner .subtitle {
        font-size: 1.4rem;
        line-height: 2.1rem;
        font-weight: 700;
        padding: 1.4rem 0 1.4rem 1rem;
        overflow: hidden
    }
}
.p-article,
.announcement-articles>.inner>.content>.description,
.article-body p,
.article-body>ul,
.article-body>ol,
.members-lp-plan-box>.inner>.content>.description,
.mypage-wrap .text {
    color: #111;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.4em;
    margin-bottom: 1.6rem;
    line-height: 1.8em;
    margin-bottom: 2.4rem
}
.a-article,
.announcement-articles>.inner>.content>.description>a,
.members-lp-plan-box > .inner > .content > .description > a {
    color: #111;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 1.6rem;
    color: #0067c8;
    line-height: 1.8em
}
@media(max-width:735px) {
    .a-article,
    .announcement-articles>.inner>.content>.description>a,
    .members-lp-plan-box > .inner > .content > .description > a {
        font-size: 1.4rem;
        line-height: 2.1rem;
        font-weight: 700;
        padding: 1.4rem 0 1.4rem 1rem;
        overflow: hidden
    }
}
.a-article:visited,
.announcement-articles>.inner>.content>.description>a:visited,
.members-lp-plan-box>.inner>.content>.description>a:visited {
    color: #003982
}
.span-article,
.members-lp-plan-box > .title > .price > span {
    color: #111;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.4em;
    margin-bottom: 1.6rem;
    color: #777
}
.page-header {
    margin: 1.6rem 1rem;
    -ms-flex-line-pack: center;
    align-content: center;
    border-bottom: $border300;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 8px;
    position: relative
}
@media(min-width:768px) {
    .page-header {
        margin-left: 0;
        margin-right: 0
    }
}
@media(min-width:1100px) {
    .page-header {
        margin: 1rem 0 1.6rem
    }
}
.page-header > .leftBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.page-header > .rightBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
@media(min-width:1100px) {
    .page-header > .flexInner {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}
.page-header > .label {
    position: absolute;
    top: 0;
    right: 0
}
.page-header > .coverImage {
    margin-bottom: 1.6rem
}
@media(min-width:1100px) {
    .page-header > .coverImage {
        margin-bottom: 2.4rem
    }
}
@media(min-width:768px) {
    .page-header .pageMeta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
}
.page-header .pageTitle {
    padding: initial 10rem initial initial;
    margin-right: 10px;
}
.page-header .sponsor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0.8rem 0 0
}
@media(min-width:768px) {
    .page-header .sponsor {
        margin: 0;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}
.page-header .sponsor > .name {
    font-size: 1rem;
    color: #777;
    line-height: 1.2em
}
@media(min-width:768px) {
    .page-header .sponsor > .name {
        font-size: 1.2rem;
        margin-right: 0.8rem
    }
    .page-header .sponsor>.name a:hover {
        text-decoration: underline
    }
}
@media(min-width:1100px) {
    .page-header .sponsor > .logo {
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .page-header .sponsor>.logo:hover {
        opacity: .8
    }
}
.page-header .sponsor > .logo img {
    max-width: 6rem
}
@media(min-width:768px) {
    .page-header .sponsor > .logo img {
        max-width: 9rem
    }
}
@media(min-width:1100px) {
    .page-header .author {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
}
.page-header .author .follow-btn.-brand-channel-follow-btn {
    top: 1rem;
    right: 1rem
}
.page-header .leadText {
    color: #777;
    line-height: 1.2em;
    margin: 0.8rem 0 0;
    font-size: 1.2rem
}
@media(min-width:1100px) {
    .page-header .leadText {
        margin: 0 0 0 1.6rem
    }
}
.page-header .categoryTag {
    color: #fff;
    background: #4a4a4a;
    padding: 0.4rem;
    display: inline-block
}
@media(min-width:1100px) {
    .page-header .categoryTag {
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .page-header .categoryTag:hover {
        opacity: .8
    }
}
@media(min-width:1100px) {
    .page-header .categoryTag {
        padding: 0.4rem 1.6rem
    }
}
@media(min-width:768px) {
    .page-header .relationList {
        margin: 0 0 0 1rem
    }
}
.page-header .title {
    margin: 0.8rem 0 0;
    font-size: 1.2rem;
    line-height: 1.2em
}
@media(min-width:768px) {
    .page-header .title {
        font-size: 1.4rem;
        line-height: 1.4rem
    }
}
@media(min-width:1100px) {
    .page-header .title a:hover {
        text-decoration: underline
    }
}
@media(min-width:768px) {
    .heading-text {
        padding-left: 0
    }
}
.heading-text.-first {
    padding-top: 1rem
}
@media(min-width:1100px) {
    .heading-text.-first {
        padding-top: 0
    }
}
@media(min-width:768px) {
    .heading-text.-mobile-only {
        height: 0;
        padding: 0
    }
}
.loader-box {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: rgba(255, 255, 255, .8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.loader-box.-hidden {
    display: none
}
.loader-box > .loader-ratio {
    position: absolute
}
.loader-message {
    background: #fff;
    padding: 4rem 2rem 3rem;
    width: calc(100% - 2rem)
}
@media(min-width:768px) {
    .loader-message {
        padding: 4rem 3rem;
        max-width: 48rem
    }
}
.loader-message > .heading {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1em;
    text-align: center;
    margin-bottom: 3rem
}
.loader-message > .text {
    font-size: 1.4rem;
    line-height: 1.5em;
    margin-bottom: 3rem
}
.loader-ratio {
    font-size: 1.4rem;
    color: #0067c8
}
.loader-ratio > span {
    font-size: 1.8rem;
    font-weight: 700;
    margin-right: 0.3rem
}
.loader,
.loader:after {
    border-radius: 50%;
    width: 10rem;
    height: 10rem
}
.loader {
    margin: 0 auto;
    position: relative;
    text-indent: -9999em;
    border-top: 1rem solid rgba(0, 103, 220, .2);
    border-right: 1rem solid rgba(0, 103, 220, .2);
    border-bottom: 1rem solid rgba(0, 103, 220, .2);
    border-left: 1rem solid #0067c8;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load 0.9s infinite linear;
    animation: load 0.9s infinite linear
}
@-webkit-keyframes load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.modal-wrap {
    position: fixed;
    z-index: 1050;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: table;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    overflow-x: hidden;
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1rem
}
@media(min-width:768px) {
    .modal-wrap {
        padding: 0
    }
    .modal-wrap > * {
        width: 50rem
    }
}
.modal-wrap.-hidden {
    display: none
}
.modal-wrap.modal-enter,
.modal-wrap.modal-leave-active {
    opacity: 0
}
.modal-body .message {
    margin-bottom: 2rem
}
@media(min-width:768px) {
    .modal-body .message {
        margin-bottom: 3rem
    }
}
.modal-body > .message > p {
    font-size: 1.4rem;
    line-height: 1.5em;
    margin-bottom: 1.5rem
}
@media(min-width:768px) {
    .modal-body > .message > p {
        margin-bottom: 2rem
    }
}
.modal-body > .message > p.-center {
    text-align: center
}
.modal-body > .message > p.-header {
    text-align: center;
    line-height: 1.5em
}
.modal-body .imageEdit {
    margin-bottom: 1rem
}
.modal-body .btn-group > .btn,
.modal-body .btn-group>.btn.-small,
.modal-body .btn-group > .btn.-file > label {
    width: 100%;
    font-size: 1.3rem;
    padding: 1.2rem 0
}
@media(min-width:768px) {
    .modal-body .btn-group > .btn,
    .modal-body .btn-group>.btn.-small,
    .modal-body .btn-group > .btn.-file > label {
        max-width: 100%;
        font-size: 1.4rem
    }
}
.modal-body .btn-group > .btn.-file {
    padding: 0
}
.modal-body .btn-group > .btn.-file > label {
    display: block
}
.modal-box {
    background-color: #fff;
    margin: auto;
    padding: 3rem 2rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
@media(min-width:768px) {
    .modal-box {
        padding: 4rem
    }
}
@media(min-width:768px) {
    .modal-box.-signup {
        padding: 0
    }
}
.modal-title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1em;
    text-align: center;
    margin-bottom: 2rem
}
@media(min-width:768px) {
    .modal-title {
        margin-bottom: 3rem
    }
}
.modal-footer > .btn-group > .btn.-small {
    padding: 1.2rem 0
}
.modal-footer.-overlay > .btn-group {
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -0.5rem
}
.modal-footer.-overlay > .btn-group > .btn.-small {
    max-width: 100%;
    margin: 0
}
.modal-footer.-overlay > .btn-group > .closeBtn {
    cursor: pointer
}
.modal-footer.-overlay .text {
    text-align: center;
    margin-top: 1.5rem;
    font-size: 1.2rem
}
.modal-footer.-overlay .text.-notice {
    font-size: 0.8rem
}
.btn-small-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: 1rem
}
@media(min-width:1100px) {
    .btn-small-list {
        margin-right: 0
    }
}
.btn-small-list .btn-small,
.btn-small-list .button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.8rem
}
@media(min-width:1100px) {
    .btn-small-list .btn-small,
    .btn-small-list .button {
        font-size: 1.2rem;
        padding: 0.8rem 1.4rem;
        -webkit-transition: 0.3s background-color;
        transition: 0.3s background-color
    }
}
.btn-small-list .btn-small > i,
.btn-small-list .button > i {
    margin-right: 0.3rem
}
.btn-small-list .btn-small:not(:first-child),
.btn-small-list .button:not(:first-child) {
    margin-left: 1rem
}
.btn-small-list .btn-small.-primary,
.btn-small-list .button.-primary {
    background-color: #bc000e
}
@media(min-width:1100px) {
    .btn-small-list .btn-small.-primary:hover,
    .btn-small-list .button.-primary:hover {
        background-color: #db0000
    }
}
.btn-small-list .btn-small.-secondary,
.btn-small-list .button.-secondary {
    background-color: #0067c8
}
@media(min-width:1100px) {
    .btn-small-list .btn-small.-secondary:hover,
    .btn-small-list .button.-secondary:hover {
        background-color: #003982
    }
}
.btn-small-list.-sp {
    margin: 0 1rem;
    width: 100%
}
.btn-small-list.-sp .btn-small,
.btn-small-list.-sp .button {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    font-size: 1.2rem;
    padding: 1rem 0
}
.btn-small-list > .btn-small-bell {
    display: none
}
@media(min-width:1100px) {
    .btn-small-list > .btn-small-bell {
        background: #4a4a4a;
        display: block;
        height: 2.8rem;
        padding-top: 0.6rem;
        position: relative;
        -webkit-transition: 0.3s background-color;
        transition: 0.3s background-color;
        width: 4.4rem
    }
}
.btn-small-list>.btn-small-bell:hover {
    background: #333;
    cursor: pointer
}
.btn-small-list>.btn-small-bell:before {
    display: none
}
.btn-small-list > .btn-small-bell > img {
    display: block;
    margin: 0 auto;
    width: 1.6rem
}
.btn-small-list>.btn-small-bell>.btn-small-bell.unread:before {
    background: #ff3d00;
    border: 0.2rem solid #4a4a4a;
    border-radius: 0.6rem;
    content: "";
    display: block;
    height: 1.2rem;
    left: 2.4rem;
    position: absolute;
    top: 0.2rem;
    width: 1.2rem
}
.btn-group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -0.5rem
}
.btn-group.-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.btn-group.-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.btn {
    border: none;
    cursor: pointer;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1em;
    margin: 0 0.5rem;
    padding: 1.4rem 0;
    text-align: center;
    width: 100%
}
@media(min-width:1100px) {
    .btn {
        max-width: 36rem;
        -webkit-transition: 0.3s all;
        transition: 0.3s all
    }
}
.btn.-icon-left > i {
    margin-right: 0.5rem
}
.btn.-icon-right > i {
    margin-left: 0.5rem
}
.btn.-sm {
    font-size: 1.2rem;
    font-weight: 400;
    padding: 0.8rem;
    width: auto
}
.btn.-cv {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.8rem 0
}
.btn.-cv > .icon {
    font-size: 2.4rem;
    margin-right: 0.6rem
}
.btn.-cv > .buttonText > .sub {
    display: block;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0.4rem
}
.btn.-primary {
    background-color: #0067c8;
    border: 0.1rem solid #0067c8;
    color: #fff
}
@media(min-width:1100px) {
    .btn.-primary:hover {
        border-color: #003982;
        background-color: #003982
    }
}
.btn.-secondary {
    background-color: transparent;
    border: 0.1rem solid #0067c8;
    color: #0067c8
}
@media(min-width:1100px) {
    .btn.-secondary:hover {
        border-color: #003982;
        color: #003982
    }
}
.btn.-tertiary {
    background-color: #bc000e;
    border: 0.1rem solid #bc000e;
    color: #fff
}
@media(min-width:1100px) {
    .btn.-tertiary:hover {
        background-color: #db0000;
        border-color: #db0000
    }
}
.btn.-quaternary {
    background-color: #f2f2f2;
    border: 0.1rem solid #d9d9d9;
    color: #111
}
@media(min-width:1100px) {
    .btn.-quaternary:hover {
        background-color: #e6e6e6;
        border-color: #cecece
    }
}
.btn.-green {
    background-color: #15b615;
    border: 0.1rem solid #15b615;
    color: #fff
}
@media(min-width:1100px) {
    .btn.-green:hover {
        background-color: #13a413;
        border-color: #13a413
    }
}
.btn.-facebook {
    background-color: #3b5998;
    border: 0.1rem solid #3b5998;
    color: #fff
}
@media(min-width:1100px) {
    .btn.-facebook:hover {
        background-color: #2f477a;
        border-color: #2f477a
    }
}
.btn.-twitter {
    background-color: #1da1f2;
    border: 0.1rem solid #1da1f2;
    color: #fff
}
@media(min-width:1100px) {
    .btn.-twitter:hover {
        background-color: #0d8cda;
        border-color: #0d8cda
    }
}
.btn.-apple {
    background-color: #111;
    border: 0.1rem solid #111;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    width: 97%
}
@media(min-width:768px) {
    .btn.-apple {
        width: 98.5%
    }
}
@media(min-width:1100px) {
    .btn.-apple:hover {
        background-color: #f0f0f0;
        border-color: #f0f0f0
    }
}
.btn.-apple img {
    height: 1.4rem;
    margin-right: 0.6rem;
    margin-left: 28%;
    width: 1.17rem
}
.btn.-file {
    padding: 0
}
.btn.-file > label {
    cursor: pointer;
    display: block;
    padding: 1.6rem 0;
    width: 100%
}
.btn.-file > label > i {
    margin-right: 0.5rem
}
.btn:disabled,
.btn.-disabled {
    background-color: #d9d9d9;
    border: 0.1rem solid #d9d9d9;
    color: #fff;
    cursor: default;
    opacity: 1
}
@media(min-width:1100px) {
    .btn:disabled:hover,
    .btn.-disabled:hover {
        background-color: #d9d9d9;
        border-color: #d9d9d9
    }
}
.apple-signin-button {
    height: 44px
}
.follow-btn {
    position: absolute;
    right: 0
}
.follow-btn > a {
    background: url('/assets/icons/follow-icon-cross.svg') no-repeat 1.6rem 0.8rem;
    background-size: 1.2rem;
    border: 0.1rem solid #888;
    border-radius: 0.4rem;
    color: #707070;
    cursor: pointer;
    display: block;
    font-size: 1.2rem;
    padding: 0.8rem 0.6rem 0.8rem 3rem;
    width: 10rem
}
@media(min-width:768px) {
    .follow-btn > a {
        background: url('/assets/icons/follow-icon-cross.svg') no-repeat 2.1rem 0.8rem #fff;
        background-size: 1.4rem;
        font-size: 1.4rem;
        margin-left: 1rem;
        overflow: visible;
        padding-left: 3.7rem;
        text-indent: 0;
        white-space: normal;
        width: 11.8rem
    }
}
@media(min-width:1100px) {
    .follow-btn>a:hover {
        opacity: .7
    }
}
.follow-btn > a.following {
    background: url('/assets/icons/follow-icon-check.svg') no-repeat 0.6rem 0.6rem #0937b2;
    background-size: 1.6rem;
    border: 0.1rem solid #0937b2;
    color: #fff;
    padding: 0.8rem 0.6rem 0.8rem 3rem
}
@media(min-width:768px) {
    .follow-btn > a.following {
        background: url('/assets/icons/follow-icon-check.svg') no-repeat 0.8rem 0.6rem #0937b2;
        background-size: 1.8rem
    }
}
.follow-btn.-mypage-follow-btn {
    position: absolute;
    bottom: 1rem;
    right: 1rem
}
@media(max-width:767px) {
    .follow-btn.-mypage-follow-btn {
        bottom: initial;
        right: 0;
        margin-right: 1rem
    }
}
.follow-btn.-header-follow-btn {
    position: absolute;
    top: 0;
    right: 0
}
@media(max-width:767px) {
    .follow-btn.-header-follow-btn a {
        background-size: 1rem;
        font-size: 1rem
    }
}
.follow-btn.-brand-channel-follow-btn {
    position: absolute;
    top: 1rem;
    right: 1rem
}
@media(min-width:1100px) {
    .follow-btn.-brand-channel-follow-btn {
        top: 3rem;
        right: 3rem
    }
}
.follow-btn.-brand-channel-follow-btn .author-degree {
    display: block;
    font-size: 1.2rem;
    margin-bottom: 0.4rem
}
.btn-required,
.article-required {
    background-color: #f2f2f2;
    display: block;
    margin: 2rem auto;
    padding: 1.2rem 0;
    position: relative;
    text-align: center;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s
}
@media(min-width:768px) {
    .btn-required,
    .article-required {
        padding: 2rem
    }
}
@media(min-width:1100px) {
    .btn-required,
    .article-required {
        margin: 1.6rem auto;
        padding: 2rem 6.5rem
    }
    .btn-required:hover,
    .article-required:hover {
        background-color: #d9d9d9
    }
}
.btn-required.-narrow,
.article-required.-narrow {
    width: 75%
}
@media(min-width:768px) {
    .btn-required.-narrow,
    .article-required.-narrow {
        width: 55%
    }
}
.btn-required > .smalltext,
.article-required>.smalltext,
.btn-required>.text,
.article-required > .text {
    line-height: 1em
}
.btn-required > .smalltext.-mt-7,
.article-required>.smalltext.-mt-7,
.btn-required>.text.-mt-7,
.article-required > .text.-mt-7 {
    margin-top: 0.7rem
}
.btn-required > .smalltext.-mb-7,
.article-required>.smalltext.-mb-7,
.btn-required>.text.-mb-7,
.article-required > .text.-mb-7 {
    margin-bottom: 0.7rem
}
.btn-required > .smalltext,
.article-required > .smalltext {
    color: #111;
    font-size: 1.2rem
}
@media(min-width:1100px) {
    .btn-required > .smalltext,
    .article-required > .smalltext {
        font-size: 1.4rem
    }
}
.btn-required > .text,
.article-required > .text {
    color: #0067c8;
    font-size: 1.4rem;
    font-weight: 700
}
@media(min-width:1100px) {
    .btn-required > .text,
    .article-required > .text {
        font-size: 1.6rem
    }
}
.btn-required+.loginText,
.article-required+.loginText {
    color: #0067c8;
    text-align: center
}
.btn-required+.loginText > a,
.article-required+.loginText > a {
    font-size: 1.4rem
}
.article-info-list,
.card-list-small>.card-list>.card-box .info,
.access-ranking-panel-article-list .card-list .card-box .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: absolute;
    bottom: 1rem;
    left: 1rem
}
@media(max-width:767px) {
    .article-info-list,
    .card-list-small>.card-list>.card-box .info,
    .access-ranking-panel-article-list .card-list .card-box .info {
        left: initial
    }
}
.article-info-list > .datetime,
.card-list-small>.card-list>.card-box .info>.datetime,
.access-ranking-panel-article-list .card-list .card-box .info>.datetime,
.article-info-list>.views,
.card-list-small>.card-list>.card-box .info>.views,
.access-ranking-panel-article-list .card-list .card-box .info>.views,
.article-info-list>.lastarticle,
.card-list-small>.card-list>.card-box .info>.lastarticle,
.access-ranking-panel-article-list .card-list .card-box .info>.lastarticle,
.article-info-list>.pr,
.card-list-small>.card-list>.card-box .info>.pr,
.access-ranking-panel-article-list .card-list .card-box .info > .pr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 1rem;
    color: #777
}
.article-info-list > .datetime > i,
.card-list-small>.card-list>.card-box .info>.datetime>i,
.access-ranking-panel-article-list .card-list .card-box .info>.datetime>i,
.article-info-list>.views>i,
.card-list-small>.card-list>.card-box .info>.views>i,
.access-ranking-panel-article-list .card-list .card-box .info>.views>i,
.article-info-list>.lastarticle>i,
.card-list-small>.card-list>.card-box .info>.lastarticle>i,
.access-ranking-panel-article-list .card-list .card-box .info>.lastarticle>i,
.article-info-list>.pr>i,
.card-list-small>.card-list>.card-box .info>.pr>i,
.access-ranking-panel-article-list .card-list .card-box .info > .pr > i {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0.3rem
}
.article-info-list > .lastarticle,
.card-list-small>.card-list>.card-box .info>.lastarticle,
.access-ranking-panel-article-list .card-list .card-box .info > .lastarticle {
    margin-right: 0;
    margin-left: auto
}
.article-info-list>.lastarticle:before,
.card-list-small>.card-list>.card-box .info>.lastarticle:before,
.access-ranking-panel-article-list .card-list .card-box .info>.lastarticle:before {
    content: "譛€譁ｰ險倅ｺ�";
    margin-right: 0.5rem
}
.card-list-normal > .card-box {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(100% - 1.6rem);
    flex-basis: calc(100% - 1.6rem)
}
.card-list-normal > .card-box > .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem
}
.card-list-normal > .card-box > .inner > .thumbnail {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%
}
.card-list-normal > .card-box > .inner > .body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
    padding: 0 0 0 1rem
}
.card-list-normal>.card-box .thumbnail:before {
    content: "";
    display: block;
    padding-top: 66.66666666666666%
}
.card-list-normal > .card-box .thumbnail > img {
    position: absolute;
    top: 0;
    left: 0
}
.card-list-normal > .card-box .thumbnail > img.members {
    top: 0.5rem;
    left: 0.5rem;
    width: 29%
}
@media(min-width:1100px) {
    .card-list-normal > .card-box .thumbnail > img.members {
        top: 1rem;
        left: 1rem
    }
}
.card-list-normal > .card-box .title {
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 1.5em;
    height: 4.5em;
    max-height: 4.5em;
    height: auto
}
@media(min-width:768px) {
    .card-list-normal > .card-box {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(50% - 1.6rem);
        flex-basis: calc(50% - 1.6rem)
    }
    .card-list-normal > .card-box > .inner {
        display: block;
        padding: 0
    }
    .card-list-normal > .card-box > .inner > .body {
        padding: 1rem
    }
    .card-list-normal > .card-box .title {
        font-weight: 700;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        font-size: 1.4rem;
        line-height: 1.5em;
        height: 4.5em;
        max-height: initial
    }
}
@media(min-width:1100px) {
    .card-list-normal > .card-box {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(33.333333333333336% - 1.6rem);
        flex-basis: calc(33.333333333333336% - 1.6rem)
    }
}
.card-list-normal.-sp-primary {
    margin-left: 0;
    padding: 0 0.4rem
}
@media(min-width:768px) {
    .card-list-normal.-sp-primary {
        margin-left: -1.6rem;
        padding: 0
    }
}
.card-list-normal.-sp-primary > .card-box {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(50% - 1.6rem);
    flex-basis: calc(50% - 1.6rem);
    -ms-flex-preferred-size: calc(50% - 0.8rem);
    flex-basis: calc(50% - 0.8rem);
    margin: 0 0.4rem 0.8rem
}
.card-list-normal.-sp-primary > .card-box > .inner {
    display: block;
    padding: 0
}
.card-list-normal.-sp-primary > .card-box > .inner > .body {
    padding: 1rem
}
.card-list-normal.-sp-primary > .card-box .title {
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 1.2rem;
    line-height: 1.5em;
    height: 3em;
    max-height: 3em;
    height: auto
}
@media(min-width:768px) {
    .card-list-normal.-sp-primary > .card-box {
        margin: 0 0 1.6rem 1.6rem;
        -ms-flex-preferred-size: calc(50% - 1.6rem);
        flex-basis: calc(50% - 1.6rem)
    }
    .card-list-normal.-sp-primary > .card-box .title {
        font-weight: 700;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        font-size: 1.4rem;
        line-height: 1.5em;
        height: 4.5em;
        max-height: initial
    }
}
@media(min-width:1100px) {
    .card-list-normal.-sp-primary > .card-box {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(33.333333333333336% - 1.6rem);
        flex-basis: calc(33.333333333333336% - 1.6rem)
    }
}
.card-list-normal.-sp-primary>.card-box>a.inner:visited .title {
    color: inherit
}
@media(min-width:1100px) {
    .card-list-normal.-sp-primary>.card-box>a.inner:visited:hover title {
        color: #777
    }
}
.card-list-large > .card-box > .inner {
    display: block;
    padding: 0
}
.card-list-large > .card-box > .inner > .body {
    padding: 1rem
}
.card-list-large>.card-box .thumbnail:before {
    content: "";
    display: block;
    padding-top: 28.57142857142857%
}
.card-list-large > .card-box .thumbnail > img {
    position: absolute;
    top: 0;
    left: 0
}
.card-list-large > .card-box .thumbnail > img.members {
    top: 0.5rem;
    left: 0.5rem;
    width: 29%
}
@media(min-width:1100px) {
    .card-list-large > .card-box .thumbnail > img.members {
        top: 1rem;
        left: 1rem
    }
}
.card-list-large > .card-box .title {
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 1.6rem;
    line-height: 1.5em;
    height: 1.5em;
    max-height: initial
}
@media(min-width:768px) {
    .card-list-large > .card-box {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(50% - 1.6rem);
        flex-basis: calc(50% - 1.6rem)
    }
}
.card-list-small {
    margin: 1rem 0 0
}
@media(min-width:768px) {
    .card-list-small {
        margin: 2rem 0 0
    }
}
.card-list-small:not(.-js-active) {
    display: none
}
.card-list-small>.card-list:last-child {
    display: none
}
.card-list-small > .card-list > .card-box > .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem
}
.card-list-small > .card-list > .card-box > .inner > .thumbnail {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%
}
.card-list-small > .card-list > .card-box > .inner > .body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
    padding: 0 0 0 1rem
}
.card-list-small>.card-list>.card-box .thumbnail:before {
    content: "";
    display: block;
    padding-top: 66.66666666666666%
}
.card-list-small > .card-list > .card-box .thumbnail > img {
    position: absolute;
    top: 0;
    left: 0
}
.card-list-small > .card-list > .card-box .thumbnail > img.members {
    top: 0.5rem;
    left: 0.5rem;
    width: 29%
}
@media(min-width:1100px) {
    .card-list-small > .card-list > .card-box .thumbnail > img.members {
        top: 1rem;
        left: 1rem
    }
}
.card-list-small > .card-list > .card-box .title {
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 1.5em;
    height: 3em;
    max-height: initial
}
.card-list-small > .card-list > .card-box .info {
    margin-top: 1rem
}
.card-list-small > .card-list > .card-box .thumbnail {
    position: relative
}
.card-list-small > .card-list > .card-box .rank {
    background-color: #111;
    color: #fff;
    height: 1.8rem;
    left: 0;
    line-height: 1.8rem;
    position: absolute;
    text-align: center;
    top: 0;
    width: 1.8rem
}
.card-list-small > .card-list > .card-box .rank.-rank-1 {
    background-color: #d4ab5a
}
.card-list-small > .card-list > .card-box .rank.-rank-2 {
    background-color: #adadad
}
.card-list-small > .card-list > .card-box .rank.-rank-3 {
    background-color: #ae7040
}
.card-list-small.-aside>.card-list:last-child {
    display: block
}
@media(min-width:768px) {
    .card-list-small {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .card-list-small > .card-list {
        -ms-flex-preferred-size: calc(50% - 0.75rem);
        flex-basis: calc(50% - 0.75rem)
    }
    .card-list-small>.card-list:last-child {
        display: block
    }
    .card-list-small > .card-list > .card-box {
        background-color: transparent;
        border: none
    }
    .card-list-small > .card-list > .card-box > .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0
    }
    .card-list-small > .card-list > .card-box > .inner > .thumbnail {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%
    }
    .card-list-small > .card-list > .card-box > .inner > .body {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        padding: 0 0 0 1rem
    }
    .card-list-small.-aside {
        display: block
    }
    .card-list-small.-aside:not(.-js-active) {
        display: none
    }
    .card-list-small.-aside > .card-list {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}
.reset-style-card-title > .card-box > .inner > .body > .title {
    -webkit-line-clamp: initial;
    height: initial;
    min-height: 3em;
    max-height: initial
}
@media(min-width:1100px) {
    .reset-style-card-title > .card-box > .inner > .body > .title {
        min-height: 5em
    }
}
.reset-style-large > .card-box > .inner > .body > .title {
    -webkit-line-clamp: initial;
    height: initial;
    min-height: 3.5em;
    max-height: initial
}
.-brand-channel-article-info {
    position: static;
    bottom: initial;
    left: initial
}
.pager-box {
    margin-bottom: 3rem
}
@media(min-width:768px) {
    .pager-box {
        margin-bottom: 6rem
    }
}
.pager-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.pager-navigation > .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 2.8rem;
    height: 2.8rem;
    background-color: #f2f2f2;
    margin: 0 0.2rem
}
.pager-navigation>.item:not(.-abridge):not(.-active):hover {
    background-color: #d9d9d9
}
.pager-navigation > .item.-active {
    background-color: #111;
    color: #fff
}
.pager-navigation > .item > a,
.pager-navigation > .item > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 1.6rem
}
.pager-navigation > .item > a > i {
    font-size: 2rem
}
.meter-label {
    color: #fff;
    background-color: #0067c8;
    font-size: 1rem;
    line-height: 1em;
    width: 2.8rem;
    height: 1.6rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
@media(min-width:1100px) {
    .meter-label {
        font-size: 1.2rem;
        width: 3.8rem;
        height: 2.2rem
    }
}
.meter-label:before {
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    width: 0;
    height: 0;
    border-left: 0.3rem solid transparent;
    border-top: 1.6rem solid #0067c8
}
@media(min-width:1100px) {
    .meter-label:before {
        border-left-width: 0.5rem;
        border-top-width: 2.2rem
    }
}
.viewall-link {
    text-align: right;
    padding: 0.5rem 1rem 1rem
}
@media(min-width:768px) {
    .viewall-link {
        padding: 0 0 1.5rem
    }
}
.h2-storybook {
    border: 0.5rem solid #111;
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 2rem;
    padding: 2rem
}
.square {
    width: 100px;
    height: 100px;
    margin-top: 2rem
}
.mr-story {
    margin-right: 1rem
}
.p-storybook {
    font-size: 2rem;
    font-weight: 700;
    margin-top: 1rem
}
.-brand-color {
    background-color: #bc000e;
    color: #111
}
.-brand-color-strong {
    background-color: #db0000;
    color: #111
}
.-link {
    background-color: #0067c8;
    color: #111
}
.-visited {
    background-color: #003982;
    color: #111
}
.-superblack {
    background-color: #000;
    color: #111
}
.-black {
    background-color: #111;
    color: #111
}
.-darkblack {
    background-color: #222;
    color: #111
}
.-darklightblack {
    background-color: #333;
    color: #111
}
.-darkgray {
    background-color: #4a4a4a;
    color: #111
}
.-gray {
    background-color: #777;
    color: #111
}
.-ashgray {
    background-color: #888;
    color: #111
}
.-mediumdarkgray {
    background-color: #979797;
    color: #111
}
.-tabgray {
    background-color: #c7c7c7;
    color: #111
}
.-darkwhite {
    background-color: #ccc;
    color: #111
}
.-mudgray {
    background-color: #ddd;
    color: #111
}
.-lightgray {
    background-color: #d9d9d9;
    color: #111
}
.-slightlylightgray {
    background-color: #ededed;
    color: #111
}
.-superlightgray {
    background-color: #f2f2f2;
    color: #111
}
.-white {
    background-color: #fff;
    color: #111
}
.-fleshyellow {
    background-color: #ffefdc;
    color: #111
}
.-green {
    background-color: #093;
    color: #111
}
.-lightgreen {
    background-color: #15b615;
    color: #111
}
.-blue {
    background-color: #0052b2;
    color: #111
}
.-skyblue {
    background-color: #3674c1;
    color: #111
}
.-red {
    background-color: #b9151a;
    color: #111
}
.-brightred {
    background-color: #ff3d00;
    color: #111
}
.-whiteorange {
    background-color: #fff6ee;
    color: #111
}
.-brick {
    background-color: #6e1b1e;
    color: #111
}
.-lightorange {
    background-color: #f0e1d0;
    color: #111
}
.-silkgray {
    background-color: #e55c4d;
    color: #111
}
.-lightbggray {
    background-color: #e7e7e7;
    color: #111
}
.-skinorange {
    background-color: #f3cfb8;
    color: #111
}
.-gold {
    background-color: #d4ab5a;
    color: #111
}
.-silver {
    background-color: #fff6ee;
    color: #111
}
.-bronze {
    background-color: #fff6ee;
    color: #111
}
.-ranking-first {
    background-color: #d4ab5a;
    color: #111
}
.-ranking-second {
    background-color: #adadad;
    color: #111
}
.-ranking-third {
    background-color: #ae7040;
    color: #111
}
.-s-facebook {
    background-color: #3b5998;
    color: #111
}
.-s-twitter {
    background-color: #1da1f2;
    color: #111
}
.-s-hatena {
    background-color: #00a4de;
    color: #111
}
.-s-line {
    background-color: #00b900;
    color: #111
}
.-s-feedly {
    background-color: #2bb24c;
    color: #111
}
.-chart-color-01 {
    background-color: #ee6e85;
    color: #111
}
.-chart-color-02 {
    background-color: #f3a254;
    color: #111
}
.-chart-color-03 {
    background-color: #f8cd6b;
    color: #111
}
.-chart-color-04 {
    background-color: #6bbebf;
    color: #111
}
.-chart-color-05 {
    background-color: #52a2e5;
    color: #111
}
.-chart-color-06 {
    background-color: #8280ff;
    color: #111
}
.-chart-color-07 {
    background-color: #f66c6c;
    color: #111
}
.-chart-color-08 {
    background-color: #fb8f60;
    color: #111
}
.-chart-color-09 {
    background-color: #72c9a9;
    color: #111
}
.-chart-color-10 {
    background-color: #7d9df1;
    color: #111
}
.-chart-color-11 {
    background-color: #bc94ec;
    color: #111
}
.-campaign-color-yellow {
    background-color: #fff221;
    color: #111
}
.-follow-button {
    background-color: #0937b2;
    color: #111
}
.-follow-button-border {
    background-color: #0937b2;
    color: #111
}
.-follow-button-text {
    background-color: #fff;
    color: #111
}
.-follow-button-unfollow-border {
    background-color: #888;
    color: #111
}
.-follow-button-unfollow-text {
    background-color: #707070;
    color: #111
}
.-discover-professional-background {
    background-color: #6a5b4f;
    color: #111
}
.-discover-standard-background {
    background-color: #ad9d87;
    color: #111
}
.-table-block-gray {
    background-color: #828282;
    color: #111
}
.-lp-gray {
    background-color: #a3a3a3;
    color: #111
}
.-loader-main-color {
    background-color: #0067dc;
    color: #111
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
    float: left
}
.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.swiper-container-multirow > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}
.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}
.swiper-slide-invisible-blank {
    visibility: hidden
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}
.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}
.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(to left,rgba(0,0,0,.5),transparent)
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),transparent)
}
.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(to top,rgba(0,0,0,.5),transparent)
}
.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),transparent)
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}
.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-lock {
    display: none
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 0.3s opacity;
    transition: 0.3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
    position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #3674c1
}
.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 0.2s top, 0.2s -webkit-transform;
    transition: 0.2s top, 0.2s -webkit-transform;
    transition: 0.2s transform, 0.2s top;
    transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 0.2s left, 0.2s -webkit-transform;
    transition: 0.2s left, 0.2s -webkit-transform;
    transition: 0.2s transform, 0.2s left;
    transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 0.2s right, 0.2s -webkit-transform;
    transition: 0.2s right, 0.2s -webkit-transform;
    transition: 0.2s transform, 0.2s right;
    transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform
}
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #3674c1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}
.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}
.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}
.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}
.swiper-pagination-lock {
    display: none
}
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}
.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}
.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}
.swiper-scrollbar-cursor-drag {
    cursor: move
}
.swiper-scrollbar-lock {
    display: none
}
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}
.swiper-zoom-container > canvas,
.swiper-zoom-container>img,
.swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}
.swiper-slide-zoomed {
    cursor: move
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper-container-cube {
    overflow: visible
}
.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter:blur(50px);
    filter:blur(50px);
    z-index: 0
}
.swiper-container-flip {
    overflow: visible
}
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}
@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.banner-box {
    margin: 2rem 0 1.6rem;
    text-align: center
}
@media(min-width:768px) {
    .banner-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}
.banner-box > * {
    display: block
}
@media(min-width:1100px) {
    .banner-box > * {
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .banner-box>:hover {
        opacity: .8
    }
}
@media(min-width:768px) {
    .banner-box > * {
        margin: 0 1rem
    }
}
.banner-box>:first-child {
    margin-bottom: 1.6rem
}
@media(min-width:768px) {
    .banner-box>:first-child {
        margin-bottom: 0
    }
}
.banner-box img {
    width: 100%
}
@media(min-width:768px) {
    .banner-box img {
        width: auto
    }
}
.user-count {
    border: 0.2rem solid #d9d9d9;
    padding: 2rem;
    margin: 0 auto
}
@media(min-width:736px) {
    .user-count {
        max-width: 65rem;
        padding: 2rem 3rem
    }
}
.user-count > .inner {
    background: #fff
}
@media(min-width:736px) {
    .user-count > .inner {
        padding: 0 0.8rem
    }
}
.user-count .count {
    background: #fff
}
@media(min-width:736px) {
    .user-count .count {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}
.user-count .count.-top {
    margin-top: -2.4rem;
    padding: 2rem 0 0.8rem
}
@media(min-width:736px) {
    .user-count .count.-top {
        padding: 1.6rem 0
    }
}
.user-count .count.-bottom {
    margin-bottom: -2.4rem;
    padding: 0.8rem 0 2rem
}
@media(min-width:736px) {
    .user-count .count.-bottom {
        padding: 1.6rem 0
    }
}
.user-count .title,
.user-count .body {
    text-align: center;
    font-weight: 700
}
.user-count .title {
    font-size: 1.8rem;
    margin-bottom: 0.8rem
}
@media(min-width:736px) {
    .user-count .title {
        font-size: 2rem;
        margin: 0 2em 0 0
    }
    .user-count .title:after {
        content: ':'
    }
}
.user-count .body {
    font-size: 2rem;
    color: #db0000
}
@media(min-width:736px) {
    .user-count .body {
        text-align: left
    }
}
.user-count hr.horizontal {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-top: 0.2rem solid #d9d9d9
}
.sns-count {
    text-align: center;
    margin-bottom: 3.2rem
}
@media(min-width:736px) {
    .sns-count {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}
.sns-count .count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.4rem
}
@media(min-width:736px) {
    .sns-count .count {
        margin: 0 3.2rem 0 0
    }
    .sns-count .count:last-child {
        margin-right: 0
    }
}
.sns-count .title {
    font-size: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 0.8rem
}
@media(min-width:736px) {
    .sns-count .title {
        font-size: 1.4rem
    }
}
.sns-count .title > i {
    margin-right: 0.5rem;
    font-size: 1.6rem
}
@media(min-width:736px) {
    .sns-count .title > i {
        font-size: 2rem
    }
}
.sns-count .title > span {
    text-align: left;
    width: 8rem
}
@media(min-width:736px) {
    .sns-count .title > span {
        width: auto
    }
}
.sns-count .title:after {
    content: ':'
}
.sns-count .body {
    font-size: 1.2rem;
    font-weight: 700;
    width: 5.6rem;
    text-align: right
}
@media(min-width:736px) {
    .sns-count .body {
        font-size: 1.4rem;
        width: auto;
        text-align: left
    }
}
.point-block {
    margin-bottom: 3.2rem
}
@media(min-width:736px) {
    .point-block.-center {
        text-align: center
    }
    .point-block.-center > .point {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 80%;
        text-align: left
    }
}
.point-block > .point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.5rem
}
@media(min-width:736px) {
    .point-block > .point {
        margin-bottom: 1.5rem
    }
}
.point-block i {
    font-size: 2rem;
    color: #093;
    margin-right: 0.5rem
}
.point-block .title {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    line-height: 1.3em
}
.point-block .title span {
    font-weight: 400;
    display: block;
    margin-top: 0.5rem
}
@media(min-width:736px) {
    .point-block .title span {
        display: inline;
        margin-top: 0
    }
}
.point-block .body {
    font-size: 1.6rem;
    line-height: 1.5em
}
.announcement-articles {
    margin-bottom: 1.5rem;
    background-color: #fff;
    padding: 2rem 1rem
}
.announcement-articles > .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.announcement-articles > .inner > .content {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}
.announcement-articles > .inner > .content > .articleList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 0.5rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 54rem;
    flex: 0 1 54rem;
    margin-top: -1rem
}
@media(max-width:767px) {
    .announcement-articles > .inner > .content > .articleList {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}
.announcement-articles > .inner > .content > .articleList > .item {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(50% - 0.5rem);
    flex-basis: calc(50% - 0.5rem);
    margin-top: 1rem;
    position: relative
}
@media(min-width:1100px) {
    .announcement-articles > .inner > .content > .articleList > .item > a {
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .announcement-articles>.inner>.content>.articleList>.item>a:hover {
        opacity: .8
    }
}
.announcement-articles > .inner > .content > .articleList > .item > .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 1.6rem;
    line-height: 1.5em;
    height: 3em;
    max-height: initial
}
.announcement-articles > .inner > .content > .articleList > .item .members {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    width: 30%
}
@media(min-width:768px) {
    .announcement-articles > .inner > .content > .articleList > .item {
        -ms-flex-preferred-size: calc(100% / 3 - 0.75rem);
        flex-basis: calc(100% / 3 - 0.75rem)
    }
}
.apple-signin-button {
    width: 100%
}
.apple-signin-button > div {
    margin: 0 auto
}
.mypage-box .apple-signin-button {
    width: 97%
}
@media(min-width:1100px) {
    .mypage-box .apple-signin-button {
        width: 53%
    }
}
@media(min-width:736px) {
    .article-body p,
    .article-body>ul,
    .article-body > ol {
        margin-bottom: 3.2rem
    }
}
.article-body > ul {
    padding-left: 1em
}
.article-body > ul li {
    margin-bottom: 0.5rem;
    list-style: disc outside
}
.article-body > ol {
    padding-left: 2em
}
.article-body > ol li {
    margin-bottom: 0.5rem;
    list-style: decimal
}
.article-body a {
    color: #0067c8;
    line-height: 1.25em
}
.article-body a:visited {
    color: #003982
}
@media(min-width:1100px) {
    .article-body a:hover {
        color: #003982
    }
}
.article-body .btn {
    line-height: 1
}
.article-body .btn:link,
.article-body .btn:visited {
    color: #fff
}
.article-body .btn:hover {
    text-decoration: none
}
.article-body > hr {
    height: 0;
    margin: 0 0 2.4rem;
    padding: 0;
    border: 0;
    border-top: 1px solid #d9d9d9;
}
@media(min-width:736px) {
    .article-body > hr {
        margin-bottom: 3.2rem
    }
}
.article-body > blockquote {
    position: relative;
    background: #f2f2f2;
    border-left: 3px solid #d9d9d9;
    padding: 4rem 1.6rem 1.6rem;
    margin-bottom: 2.4rem
}
@media(min-width:736px) {
    .article-body > blockquote {
        padding: 2.4rem 3.2rem 2.4rem 4rem;
        margin-bottom: 3.2rem
    }
}
.article-body>blockquote:before {
    position: absolute;
    top: 1rem;
    left: 1rem;
    content: "窶�";
    color: #777;
    font-size: 6rem;
    line-height: 1
}
.article-body > blockquote > p {
    font-size: 1.4rem;
    margin-bottom: 0.5em
}
.article-body > blockquote > cite {
    display: block;
    text-align: right;
    color: #777;
    font-size: 1.3rem
}
.article-body > blockquote > cite > a {
    font-style: italic
}
.article-body .contents {
    background: #f2f2f2;
    border: 1px solid #d9d9d9;
    margin-bottom: 2.4rem;
    padding: 1.6rem
}
@media(min-width:736px) {
    .article-body .contents {
        margin-bottom: 3.2rem;
        padding: 3.2rem
    }
}
.article-body .contents p {
    font-size: 1.4rem;
    margin-bottom: 1.6rem
}
@media(min-width:736px) {
    .article-body .contents p {
        margin-bottom: 2.4rem
    }
}
.article-body .contents > ul,
.article-body .contents > ol {
    font-size: 1.4rem;
    line-height: 1.6em;
    margin-bottom: 0
}
.article-body .contents > ul {
    padding-left: 1em
}
.article-body .contents > ul li {
    margin-bottom: 0.8rem;
    list-style: disc outside
}
@media(min-width:736px) {
    .article-body .contents > ul li {
        margin-bottom: 1.6rem
    }
}
.article-body .contents > ol {
    padding-left: 2em
}
.article-body .contents > ol li {
    margin-bottom: 0.8rem;
    list-style: decimal
}
@media(min-width:736px) {
    .article-body .contents > ol li {
        margin-bottom: 1.6rem
    }
}
.article-body .contents li:last-child {
    margin-bottom: 0
}
.article-body .tableWrap {
    width: 100%;
    overflow: auto;
    background: -webkit-gradient(linear,right top,left top,from(rgba(255,255,255,0)),to(rgba(0,0,0,.2))) 0 0 / 20px 100%, -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(0,0,0,.2))) right / 20px 100%;
    background: linear-gradient(to left,rgba(255,255,255,0),rgba(0,0,0,.2)) 0 0 / 20px 100%, linear-gradient(to right,rgba(255,255,255,0),rgba(0,0,0,.2)) right / 20px 100%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    margin-bottom: 2.4rem
}
@media(min-width:736px) {
    .article-body .tableWrap {
        background: none;
        background-attachment: inherit;
        margin-bottom: 3.2rem
    }
}
.article-body .tableWrap table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1.4rem;
    line-height: 1.5em;
    background: linear-gradient(to left,rgba(255,255,255,0),#fff 15px) 0 0 / 50px 100%, linear-gradient(to right,rgba(255,255,255,0),#fff 15px) right / 50px 100%;
    background-repeat: no-repeat;
    background-attachment: local
}
@media(min-width:768px) {
    .article-body .tableWrap table {
        background: none;
        table-layout: fixed
    }
}
.article-body .tableWrap table th {
    white-space: nowrap;
    border: 1px solid #d9d9d9;
    background-color: rgba(130, 130, 130, .1);
    padding: 0.8rem
}
@media(min-width:768px) {
    .article-body .tableWrap table th {
        white-space: normal
    }
}
.article-body .tableWrap table td {
    white-space: nowrap;
    border: 1px solid #d9d9d9;
    padding: 1rem
}
@media(min-width:768px) {
    .article-body .tableWrap table td {
        white-space: normal
    }
}
.article-body > dl {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 2.4rem
}
@media(min-width:736px) {
    .article-body > dl {
        margin-bottom: 3.2rem
    }
}
.article-body > dl > dt {
    font-size: 1.6rem;
    line-height: 1.6em;
    font-weight: 700;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    background-color: #f2f2f2;
    padding: 1rem
}
.article-body > dl > dt.-small {
    font-size: 1.4rem;
    padding: 0.7rem 1rem
}
.article-body > dl > dd {
    font-size: 1.6rem;
    line-height: 1.6em;
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    padding: 1rem
}
.article-body > dl > dd.-small {
    font-size: 1.4rem
}
.article-body > dl > dd.-scroll {
    height: 20rem;
    overflow-y: scroll
}
.article-body .caption {
    color: #777;
    font-size: 1.2rem;
    line-height: 1.5em
}
.article-body .captionList > li {
    margin-bottom: 0.5em;
    font-size: 1.2rem
}
.article-body > .media,
.article-body > dl > dd > .media {
    text-align: center;
    margin: 0 auto 2.4rem;
    position: relative
}
@media(min-width:736px) {
    .article-body > .media,
    .article-body > dl > dd > .media {
        max-width: 60rem;
        margin-bottom: 3.2rem
    }
}
.article-body > .media img,
.article-body > dl > dd > .media img {
    width: 100%
}
@media(min-width:736px) {
    .article-body > .media img,
    .article-body > dl > dd > .media img {
        max-width: 60rem
    }
}
.article-body > .media img.-w100,
.article-body > dl > dd > .media img.-w100 {
    max-width: initial
}
.article-body > .media img.-w260,
.article-body > dl > dd > .media img.-w260 {
    max-width: 26rem
}
.article-body > .media img.-w445,
.article-body > dl > dd > .media img.-w445 {
    max-width: 44.5rem
}
.article-body > .media img.-w770,
.article-body > dl > dd > .media img.-w770 {
    max-width: 77rem
}
.article-body > .media > .members,
.article-body > dl > dd > .media > .members {
    width: 29%;
    position: absolute;
    top: 0.5rem;
    left: 0.5rem
}
@media(min-width:1100px) {
    .article-body > .media > .members,
    .article-body > dl > dd > .media > .members {
        top: 1rem;
        left: 1rem
    }
}
.article-body > .media .caption,
.article-body > dl > dd > .media .caption {
    margin-top: 0.8rem;
    display: block
}
.article-body .card {
    border: 0.2rem solid #d9d9d9;
    padding: 1.6rem;
    position: relative
}
.article-body .card > .mail {
    font-size: 1.6rem
}
@media(min-width:736px) {
    .article-body .card > .mail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}
.article-body .card > .mail > i {
    margin-right: 0.5em
}
.article-body .card > .mail > .caption {
    display: block;
    margin-top: 0.5em
}
@media(min-width:736px) {
    .article-body .card > .mail > .caption {
        position: absolute;
        top: 50%;
        margin-top: -0.5em;
        line-height: 1em;
        right: 1.6rem
    }
}
.article-body .card > .tel {
    text-align: center
}
.article-body .card > .tel > .lead {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 0.8rem;
    line-height: 1em
}
@media(min-width:736px) {
    .article-body .card > .tel > .lead {
        font-size: 2.4rem;
        font-weight: 400;
        margin-bottom: 1.6rem
    }
}
.article-body .card > .tel > .number {
    color: #4a4a4a;
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 0.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.article-body .card > .tel > .number > i {
    color: #0067c8;
    margin-right: 0.4rem
}
@media(min-width:736px) {
    .article-body .card > .tel > .number {
        font-size: 3rem;
        margin-bottom: 0.8rem
    }
}
@media(min-width:1100px) {
    .article-body .card > .tel > .number {
        pointer-events: none;
        cursor: default;
        text-decoration: none
    }
}
@media(min-width:736px) {
    .article-body .card > .tel > .caption {
        font-size: 1.4rem
    }
}
.article-body > .block {
    background: #f2f2f2;
    padding: 0.8rem;
    margin-bottom: 2.4rem
}
@media(min-width:736px) {
    .article-body > .block {
        margin-bottom: 3.2rem;
        padding: 2.4rem
    }
}
.article-body > .block > p {
    font-size: 1.4rem;
    margin: 0
}
.article-body > .block li {
    background: #fff;
    font-size: 1.6rem;
    line-height: 1.5em;
    padding: 1.2rem;
    margin-bottom: 1rem
}
.article-body>.block li:last-child {
    margin-bottom: 0
}
.article-body > .lpLead {
    text-align: center;
    font-size: 1.8rem
}
@media(min-width:736px) {
    .article-body > .lpLead {
        font-size: 2.4rem
    }
}
.article-body > .lpHeading {
    text-align: center
}
.article-body .case {
    border: 0.2rem solid #d9d9d9;
    display: inline-block;
    font-weight: 700;
    font-size: 1.4rem;
    padding: 0.8rem 4rem;
    border-radius: 3rem
}
@media(min-width:736px) {
    .article-body .case {
        font-size: 1.6rem;
        padding: 1.2rem 3.2rem
    }
}
.article-body > .twitter-tweet.twitter-tweet-rendered {
    margin-left: auto;
    margin-right: auto
}
.article-body > .iframe {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    margin-bottom: 2.4rem;
    overflow: hidden
}
@media(min-width:768px) {
    .article-body > .iframe.-slide {
        width: 71%;
        margin-left: auto;
        margin-right: auto
    }
}
@media(min-width:736px) {
    .article-body > .iframe {
        margin-bottom: 3.2rem
    }
}
.article-body > .iframe iframe,
.article-body > .iframe amp-youtube {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
@media(min-width:768px) {
    .article-body > .iframe.-slide {
        width: 72%;
        margin-left: auto;
        margin-right: auto
    }
}
.article-body > .facebook {
    text-align: center;
    margin-bottom: 4rem
}
.article-body > .facebook iframe,
.article-body > .facebook amp-facebook {
    margin: 0 auto
}
.article-body .textlink > i {
    font-size: 2.2rem;
    margin-right: 0.3rem
}
.article-body .textlink>i:before {
    vertical-align: middle
}
.hubspot {
    width: 100%;
    max-width: 100%
}
.hubspot .text {
    font-size: 1.9rem;
    font-weight: 700;
    margin-bottom: 2rem;
    height: inherit;
    line-height: 1.3em;
    text-align: center
}
.hbspt-form {
    margin-bottom: 3.2rem
}
.hubspot .hbspt-form label.hs-form-booleancheckbox-display > input,
.hubspot .hbspt-form label.hs-form-checkbox-display > input {
    width: auto;
    margin-bottom: 0;
    display: inline-block
}
.hbspt-form label.hs-form-booleancheckbox-display > span,
.hbspt-form label.hs-form-checkbox-display > span {
    font-weight: 400;
    line-height: 1.5em
}
.hbspt-form label.hs-form-booleancheckbox-display > span+.hs-form-required,
.hbspt-form label.hs-form-checkbox-display > span+.hs-form-required {
    display: none
}
.hbspt-form input,
.hbspt-form textarea,
.hbspt-form select {
    border: 0.1rem solid #d9d9d9;
    padding: 1rem 1.2rem;
    width: 100%;
    font-size: 1.6rem;
    margin-bottom: 2rem;
    line-height: normal
}
select.hs-input {
    border: 0.1rem solid #d9d9d9;
    padding: 1rem 1.2rem;
    width: 100%;
    font-size: 1.6rem;
    margin-bottom: 2rem;
    background: #fff
}
.hbspt-form label > span {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    height: inherit;
    line-height: 1.3em
}
.hs-form-field > label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.hs-form-field > label > .hs-form-required {
    color: #bc000e;
    padding-left: 0.5rem
}
.hs-form-booleancheckbox-display,
.hs-form-checkbox-display {
    margin-bottom: 3rem;
    cursor: pointer
}
.hs-form-booleancheckbox-display span,
.hs-form-checkbox-display span {
    font-size: 1.4rem;
    position: relative;
    padding-left: 0.5rem;
    cursor: pointer
}
input[type=checkbox].hs-input {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox
}
.hs-richtext {
    font-size: 1.2rem;
    line-height: 1.6;
    margin-bottom: 2rem
}
.hs-richtext a {
    font-size: 1.2rem;
    color: #0067c8
}
.hs-richtext h2 {
    font-size: 1.6rem
}
.hs-richtext h6,
.hs-richtext span,
.hs-richtext strong {
    line-height: 1.6
}
.hs-error-msgs {
    font-size: 1.2rem;
    color: #bc000e;
    margin: 0 0 2rem
}
.hbspt-form .hs_submit input {
    border: 0.1rem solid #0067c8;
    background-color: #0067c8;
    padding: 1.4rem 0;
    border: none;
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
    margin: 3rem auto 0;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}
legend.hs-field-desc {
    margin-bottom: 0.5rem
}
.hubspot .hbspt-form fieldset.form-columns-1 {
    margin-bottom: 1rem;
    margin-left: 1rem
}
.hubspot .hbspt-form fieldset.form-columns-2 {
    margin-bottom: 1rem;
    margin-left: 1rem
}
.hubspot .hbspt-form fieldset.form-columns-3 {
    margin-bottom: 1rem;
    margin-left: 1rem
}
.hbspt-form .hs-field-desc {
    line-height: 1.5em;
    margin-top: 1rem
}
.inputs-list {
    margin-bottom: 2rem
}
.two-columns {
    margin-bottom: 2.4rem
}
.two-columns > .item {
    font-size: 1.6rem;
    padding-left: 1em
}
.two-columns > .item > li {
    line-height: 1.8em;
    margin-bottom: 0.5rem;
    list-style: disc outside
}
@media(min-width:768px) {
    .eventLead > .small {
        font-size: 2.2rem
    }
    .eventLead > .main {
        font-size: 3.4rem
    }
    .programBox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-left: 0;
        margin-right: 0
    }
    .programBox > img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        width: 18rem;
        margin-bottom: 0
    }
    .programBox > .textbox {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        text-align: left;
        font-size: 1.6rem
    }
    .programBox > .textbox > .title {
        font-size: 1.8rem
    }
    .article-body > .lead-text {
        font-size: 2.8rem;
        margin-bottom: 3rem
    }
    .article-body > .lead-text.-red {
        font-size: 3.6rem;
        margin-bottom: 4rem
    }
    .article-body > dl > dd {
        padding: 2rem
    }
    .article-body .media.-md img {
        width: 30rem
    }
    .article-body > .profile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .article-body > .profile > .media {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        margin-bottom: 0
    }
    .article-body > .profile > .description {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        padding-left: 3rem
    }
    .hubspot fieldset {
        width: 100%;
        max-width: 100%;
        margin-left: 1rem
    }
    legend.hs-field-desc {
        margin-bottom: 1rem
    }
    .hbspt-form {
        max-width: 52rem;
        margin: 0 auto 3.2rem
    }
    .hbspt-form .hs_submit input {
        width: 36rem;
        display: block
    }
    .hbspt-form .hs_submit input:hover {
        border-color: #db0000;
        background-color: #db0000
    }
    .media.-left {
        text-align: left
    }
    .two-columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 3.2rem
    }
    .two-columns > .item {
        font-size: 1.7rem;
        margin-right: 5rem
    }
}
.name-box {
    border: 0.1rem solid #d9d9d9;
    padding: 0 2rem 2rem;
    margin-bottom: 3.2rem
}
@media(min-width:768px) {
    .name-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}
.name-box > .img {
    display: block;
    width: 40%;
    margin: 2rem auto 0
}
@media(min-width:768px) {
    .name-box > .img {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5rem;
        flex: 0 0 12.5rem;
        margin: 2rem 1.5rem 0 0
    }
}
.name-box > .img > img {
    width: 100%
}
@media(min-width:768px) {
    .name-box > .inner {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -ms-flex-preferred-size: calc(100% - 14rem);
        flex-basis: calc(100% - 14rem)
    }
}
.name-box > .inner > .name {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1em;
    margin: 2rem 0 0.7rem
}
.name-box > .inner > .description {
    font-size: 1.3rem;
    line-height: 1.6em;
    margin-bottom: 0
}
.name-box .custom-list-style {
    padding-left: 1em;
    line-height: 1.8em
}
@media(min-width:736px) {
    .name-box .custom-list-style {
        font-size: 1.7rem;
        margin-bottom: 3.2rem
    }
}
.name-box .custom-list-style ul li {
    margin-bottom: 0.5rem
}
.name-box .custom-list-style ul ul {
    margin-top: 0.5rem;
    padding-left: 2em
}
.name-box .custom-list-style .list-style-decimal,
.name-box .custom-list-style .list-style-decimal li {
    list-style: decimal
}
.name-box .custom-list-style .list-style-lower-roman,
.name-box .custom-list-style .list-style-lower-roman li {
    list-style: lower-roman
}
.name-box .custom-list-style .list-style-upper-roman,
.name-box .custom-list-style .list-style-upper-roman li {
    list-style: upper-roman
}
.name-box .custom-list-style .list-style-kanji,
.name-box .custom-list-style .list-style-kanji li {
    list-style: cjk-ideographic
}
.name-box .custom-list-style .list-style-katakana,
.name-box .custom-list-style .list-style-katakana li {
    list-style: katakana
}
.name-box .custom-list-style .list-style-lower-latin,
.name-box .custom-list-style .list-style-lower-latin li {
    list-style: lower-latin
}
.name-box .custom-list-style .list-style-upper-latin,
.name-box .custom-list-style .list-style-upper-latin li {
    list-style: upper-latin
}
.name-box .custom-list-style .list-style-disc,
.name-box .custom-list-style .list-style-disc li {
    list-style: disc
}
.name-box .custom-list-style .list-style-circle,
.name-box .custom-list-style .list-style-circle li {
    list-style: circle
}
.name-box .custom-list-style .list-style-square,
.name-box .custom-list-style .list-style-square li {
    list-style: square
}
.article-box {
    background-color: #fff;
    border-bottom: 0.1rem solid #d9d9d9;
    padding: 1rem;
    margin-bottom: 1rem;
    font-size: 1rem;
    position: relative
}
@media(min-width:768px) {
    .article-box {
        font-size: 1.2rem;
        padding: 3rem 6.5rem
    }
}
.article-box > .article-info-list {
    margin: 1rem 0 0;
    position: static
}
.article-box > .category {
    display: inline-table;
    padding: 0.4rem 1rem;
    color: #777;
    border: 0.1rem solid #777
}
.article-box > .labelling {
    display: inline-table;
    padding: 0.4rem 1rem;
    color: #777;
    border: 0.1rem solid #777;
    color: #fff;
    background-color: #777
}
.article-box > .category,
.article-box > .labelling {
    line-height: 1em;
    margin: 0.5rem 1rem 0.5rem 0;
}
.article-box > .clip-btn {
    position: absolute;
    top: 1.5rem;
    right: 0
}
.article-box > .title {
    display: block;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5em;
    margin-top: 3rem
}
@media(min-width:768px) {
    .article-box > .title {
        font-size: 2.8rem
    }
}
.article-box > .title.-multiplelines {
    margin-top: 0.8rem
}
.article-box > .title.-message {
    color: #777;
    font-size: large;
    padding-bottom: 3rem;
    margin-top: 0;
    text-align: center
}
.article-box > .subtitle {
    color: #777;
    display: block;
    line-height: normal;
    margin-top: 0.8rem;
    margin-bottom: 3rem
}
.article-box > .infobar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1rem 0;
    color: #777
}
.article-box > .infobar > .authorimg {
    display: block;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 1rem
}
@media(min-width:1100px) {
    .article-box > .infobar > .authorimg {
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .article-box>.infobar>.authorimg:hover {
        opacity: .8
    }
}
.article-box > .infobar > .vbox {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-right: 1rem;
    width: 90%
}
.article-box > .infobar > .companyimg {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 11rem;
    flex: 0 0 11rem;
    margin-left: auto;
    margin-right: 1rem
}
.article-box > .infobar > .companyimg > img {
    width: 100%
}
.article-box > .infobar-wrap {
    display: block
}
.article-box > .infobar-wrap > .infobar2 {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 2rem;
    color: #777
}
.article-box > .infobar-wrap > .infobar2 > .authorimg {
    display: block;
    width: 4rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 1rem
}
@media(min-width:1100px) {
    .article-box > .infobar-wrap > .infobar2 > .authorimg {
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .article-box>.infobar-wrap>.infobar2>.authorimg:hover {
        opacity: .8
    }
}
.article-box > .infobar-wrap > .infobar2 > .authorimg > img {
    width: 100%
}
.article-box > .infobar-wrap > .infobar2 > .vbox {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-right: 1rem
}
.article-box > .infobar-wrap > .infobar2 > .vbox > a {
    line-height: 1.4;
    margin-bottom: 0.4rem
}
.article-box > .infobar-wrap > .infobar2 > .companyimg {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 11rem;
    flex: 0 0 11rem;
    margin-left: 0;
    margin-right: 1rem
}
.article-box > .infobar-wrap > .infobar2 > .companyimg > img {
    width: 100%
}
.article-box > .infobar-wrap > .infobar-right {
    width: 35%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 2rem;
    color: #777
}
.article-box > .infobar-wrap > .infobar-right > .companyimg {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 11rem;
    flex: 0 0 11rem;
    margin-left: 0;
    margin-right: 1rem
}
.article-box > .infobar-wrap > .infobar-right > .companyimg > img {
    width: 100%
}
@media(min-width:1100px) {
    .article-box > .infobar-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .article-box > .infobar-wrap > .infobar2 {
        width: 65%;
        margin: 1rem 0
    }
    .article-box > .infobar-wrap > .infobar-right {
        width: 35%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 1rem 0;
        color: #777
    }
    .article-box > .infobar-wrap > .infobar-right > .companyimg {
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 11rem;
        flex: 0 0 11rem;
        margin-left: 0;
        margin-right: 1rem
    }
    .article-box > .infobar-wrap > .infobar-right > .companyimg > img {
        width: 100%
    }
}
.article-box > .article-index {
    margin: 1rem 0 3rem
}
.article-box > .authorimg {
    display: block;
    margin: 3rem auto 1rem;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    overflow: hidden
}
@media(min-width:1100px) {
    .article-box > .authorimg {
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .article-box>.authorimg:hover {
        opacity: .8
    }
}
.article-box > .authorname {
    display: table;
    margin: 1rem auto 3rem;
    color: #777;
    font-size: 1.2rem
}
.article-box > .share-button-list {
    margin: 3rem
}
.article-box > .relations {
    margin: 2rem 0
}
.article-box > .relations > .relation {
    padding-left: 3.6rem
}
.article-box>.relations>.relation:first-child {
    text-indent: -3.6rem
}
.article-box>.relations>.relation:first-child:before {
    color: #777;
    font-size: 1.2rem;
    line-height: 1.5em
}
.article-box>.relations>.relation.feature-list:first-child:before {
    content: "迚ｹ髮�ｼ�"
}
.article-box>.relations>.relation.series-list:first-child:before {
    content: "騾｣霈会ｼ�"
}
.article-box > .relations > .relation > .link {
    color: #111;
    font-size: 1.2rem;
    line-height: 1.5em
}
.article-box>.relations>.relation>.link:visited {
    color: #777
}
@media(min-width:1100px) {
    .article-box>.relations>.relation>.link:hover {
        color: #777
    }
}
.article-box > .lead {
    line-height: 2em;
    position: relative;
    display: block;
    margin: 2rem 0;
    padding: 1.2rem 0;
    background-color: #f2f2f2;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    text-align: center;
    font-size: 1.4rem
}
@media(min-width:1100px) {
    .article-box>.lead:hover {
        background-color: #d9d9d9
    }
}
.article-box > .lead > .leadtext {
    font-size: 1.4rem;
    font-weight: 700;
    color: #0067c8;
    font-size: 1.6rem
}
.article-box > .lead > i {
    display: none;
    color: #0067c8;
    font-size: 2rem
}
.article-box > .pageback {
    color: #0067c8;
    font-size: 1.4rem;
    text-align: center;
    margin: 2rem 0
}
@media(min-width:1100px) {
    .article-box>.pageback:hover {
        color: #003982
    }
}
.article-box .str-content {
    font-size: 3rem;
    text-align: center;
    padding: 3rem;
    display: block
}
@media(min-width:768px) {
    .article-box {
        padding: 2rem
    }
    .article-box > .subtitle {
        display: inline-block
    }
    .article-box > .infobar > .companyimg {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12rem;
        flex: 0 0 12rem
    }
    .article-box > .lead > i {
        display: block;
        position: absolute;
        right: 1rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
@media(min-width:1100px) {
    .article-box {
        padding: 2rem 6.5rem;
        margin-bottom: 1.6rem
    }
}
.article-index-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
@media(min-width:768px) {
    .article-index-heading {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 1.5rem
    }
}
.article-index-heading > .name {
    border: initial;
    padding: initial
}
.article-index-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}
.article-index-body .item {
    margin: 1.5rem 0.3rem 0
}
@media(min-width:768px) {
    .article-index-body .item {
        margin: 1.5rem
    }
}
.article-index-body .title {
    line-height: 1.2em;
    display: inline-block;
    color: #111
}
.article-index-body a.title {
    color: #111
}
@media(min-width:1100px) {
    .article-index-body a.title:hover {
        color: #777
    }
}
.article-index-body .title.-lv1 {
    border-left: 0.3rem solid #0067c8;
    padding-left: 1.5rem;
    font-weight: 700;
    font-size: 1.5rem
}
.article-index-body .title.-lv2 {
    position: relative;
    padding-left: 1.5rem;
    font-size: 1.2rem
}
.article-index-body .title.-lv2:before {
    position: absolute;
    left: 0;
    top: 0.6em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    display: table;
    width: 0.4rem;
    height: 0.4rem;
    background-color: #0067c8;
    border-radius: 50%
}
.article-index-body .childlist {
    margin-left: 2rem
}
.article-index {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 3.2rem;
    padding: 1.5rem;
    border: 0.1rem solid #111
}
@media(min-width:768px) {
    .article-index {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 0.5rem
    }
}
.article-meter-info {
    background-color: #f2f2f2;
    padding: 1.5rem;
    margin: 3rem 0
}
.article-meter-info > .title {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1em;
    margin-bottom: 1rem
}
.article-meter-info > .description {
    font-size: 1.2rem;
    line-height: 1.5em
}
.article-meter-info > .description span {
    font-size: 1.2em;
    color: #bc000e;
    padding: 0 0.3em
}
.article-meter-info > .description a {
    color: #0067c8
}
.article-meter {
    position: relative;
    display: block;
    margin: 2rem auto;
    padding: 1.2rem 0;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    text-align: center
}
@media(min-width:768px) {
    .article-meter {
        padding: 2rem
    }
}
@media(min-width:1100px) {
    .article-meter {
        margin: 1.6rem auto;
        padding: 2rem 6.5rem
    }
}
.article-meter.-narrow {
    width: 75%
}
@media(min-width:768px) {
    .article-meter.-narrow {
        width: 55%
    }
}
.article-meter > .btn {
    margin: 0
}
.article-meter > .smalltext,
.article-meter > .text {
    line-height: 1em
}
.article-meter > .smalltext > .meter-count,
.article-meter > .text > .meter-count {
    font-size: 1.2em;
    color: #bc000e;
    padding: 0 0.3em
}
.article-meter > .smalltext > a,
.article-meter > .text > a {
    color: #0067c8
}
@media(min-width:1100px) {
    .article-meter>.smalltext>a:hover,
    .article-meter>.text>a:hover {
        color: #003982
    }
}
.article-meter > .smalltext {
    color: #111;
    font-size: 1.2rem;
    margin: 2rem 0
}
.article-meter > .text {
    font-size: 1.4rem;
    margin-bottom: 1rem
}
.article-meter > #articleMeterErrMsg {
    margin: 0.8rem auto;
    display: none;
    color: #bc000e
}
.access-ranking-panel-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 0.3rem solid #d9d9d9
}
.access-ranking-panel-tabs.author {
    margin-bottom: 1.2rem
}
@media(min-width:768px) {
    .access-ranking-panel-tabs.author {
        margin-bottom: 2.4rem
    }
}
.access-ranking-panel-tabs .tab {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 15rem;
    flex: 0 1 15rem;
    position: relative;
    bottom: -0.3rem;
    padding: 0.8rem 0;
    font-size: 1.2rem;
    font-weight: 700;
    border-bottom: 0.3rem solid #d9d9d9;
    color: #777;
    background-color: transparent;
    cursor: pointer
}
@media(min-width:1100px) {
    .access-ranking-panel-tabs .tab:hover {
        border-color: #111;
        color: #111
    }
}
.access-ranking-panel-tabs .tab.-js-active {
    border-color: #0067c8;
    color: #0067c8
}
.access-ranking-panel-tabs .tab a {
    font-size: 1.4rem;
    text-align: center;
    display: block
}
.not-article {
    font-size: 1.4rem;
    text-align: center;
    margin-top: 4rem
}
.access-ranking-panel-article-list {
    margin: 1rem 0 0
}
@media(min-width:768px) {
    .access-ranking-panel-article-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 2rem 0 0
    }
}
.access-ranking-panel-article-list:not(.-js-active) {
    display: none
}
@media(min-width:768px) {
    .access-ranking-panel-article-list .card-list {
        -ms-flex-preferred-size: calc(50% - 0.75rem);
        flex-basis: calc(50% - 0.75rem)
    }
}
.access-ranking-panel-article-list .card-list:last-child {
    display: none
}
@media(min-width:768px) {
    .access-ranking-panel-article-list .card-list:last-child {
        display: block
    }
}
.access-ranking-panel-article-list .card-list .card-box > .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem
}
.access-ranking-panel-article-list .card-list .card-box > .inner > .thumbnail {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%
}
.access-ranking-panel-article-list .card-list .card-box > .inner > .body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
    padding: 0 0 0 1rem
}
.access-ranking-panel-article-list .card-list .card-box .thumbnail:before {
    content: "";
    display: block;
    padding-top: 66.66666666666666%
}
.access-ranking-panel-article-list .card-list .card-box .thumbnail > img {
    position: absolute;
    top: 0;
    left: 0
}
.access-ranking-panel-article-list .card-list .card-box .thumbnail > img.members {
    top: 0.5rem;
    left: 0.5rem;
    width: 29%
}
@media(min-width:1100px) {
    .access-ranking-panel-article-list .card-list .card-box .thumbnail > img.members {
        top: 1rem;
        left: 1rem
    }
}
.access-ranking-panel-article-list .card-list .card-box .title {
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 1.5em;
    height: 3em;
    max-height: initial
}
@media(min-width:768px) {
    .access-ranking-panel-article-list .card-list .card-box {
        background-color: transparent;
        border: none
    }
    .access-ranking-panel-article-list .card-list .card-box > .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0
    }
    .access-ranking-panel-article-list .card-list .card-box > .inner > .thumbnail {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%
    }
    .access-ranking-panel-article-list .card-list .card-box > .inner > .body {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        padding: 0 0 0 1rem
    }
}
.access-ranking-panel-article-list .card-list .card-box .info {
    margin-top: 1rem
}
.access-ranking-panel-article-list .card-list .card-box .thumbnail {
    position: relative
}
.access-ranking-panel-article-list .card-list .card-box .body .article-info-list {
    position: relative;
    bottom: initial;
    left: 0
}
.access-ranking-panel-article-list .card-list .card-box .rank {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    background-color: #111;
    color: #fff
}
.access-ranking-panel-article-list .card-list .card-box .rank.-rank-1 {
    background-color: #d4ab5a
}
.access-ranking-panel-article-list .card-list .card-box .rank.-rank-2 {
    background-color: #adadad
}
.access-ranking-panel-article-list .card-list .card-box .rank.-rank-3 {
    background-color: #ae7040
}
@media(min-width:768px) {
    .access-ranking-panel-article-list.-aside {
        display: block
    }
}
@media(min-width:768px) {
    .access-ranking-panel-article-list.-aside:not(.-js-active) {
        display: none
    }
}
@media(min-width:768px) {
    .access-ranking-panel-article-list.-aside .card-list {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}
.access-ranking-panel-article-list.-aside .card-list:last-child {
    display: block
}
.access-ranking-panel-article-list.-aside .card-list .card-box > .inner > .body > .article-info-list {
    position: initial;
    bottom: initial;
    left: initial
}
.access-ranking-panel {
    margin-bottom: 1rem
}
@media(min-width:768px) {
    .access-ranking-panel {
        background-color: #fff;
        border-bottom: 0.1rem solid #d9d9d9;
        padding: 1rem
    }
}
@media(min-width:768px) {
    .access-ranking-panel.-aside {
        display: block;
        background-color: inherit;
        border-bottom: none;
        padding: 0;
        margin-bottom: 0
    }
}
.compact-article-list > .card-box > .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem
}
.compact-article-list > .card-box > .inner > .thumbnail {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%
}
.compact-article-list > .card-box > .inner > .body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
    padding: 0 0 0 1rem
}
.compact-article-list>.card-box .thumbnail:before {
    content: "";
    display: block;
    padding-top: 66.66666666666666%
}
.compact-article-list > .card-box .thumbnail > img {
    position: absolute;
    top: 0;
    left: 0
}
.compact-article-list > .card-box .thumbnail > img.members {
    top: 0.5rem;
    left: 0.5rem;
    width: 29%
}
@media(min-width:1100px) {
    .compact-article-list > .card-box .thumbnail > img.members {
        top: 1rem;
        left: 1rem
    }
}
.compact-article-list > .card-box .title {
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 1.5em;
    height: 3em;
    max-height: initial
}
@media(min-width:768px) {
    .compact-article-list > .card-box {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(50% - 1.6rem);
        flex-basis: calc(50% - 1.6rem)
    }
}
.account-box {
    background-color: #fff;
    border-bottom: 0.1rem solid #d9d9d9;
    margin-bottom: 1.6rem;
    padding: 2rem 1rem
}
.account-box .btn {
    width: calc(100% - 2rem)
}
.signup-box .textlink {
    text-align: center;
    margin-top: 3rem
}
@media(min-width:768px) {
    .signup-box .textlink {
        margin-top: 2rem
    }
}
.signup-box .textlink > a {
    color: #0067c8;
    font-size: 1.2rem
}
@media(min-width:1100px) {
    .signup-box .textlink>a:hover {
        color: #003982
    }
}
.aside-article-list > .card-box > .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem
}
.aside-article-list > .card-box > .inner > .thumbnail {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%
}
.aside-article-list > .card-box > .inner > .body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
    padding: 0 0 0 1rem
}
.aside-article-list>.card-box .thumbnail:before {
    content: "";
    display: block;
    padding-top: 66.66666666666666%
}
.aside-article-list > .card-box .thumbnail > img {
    position: absolute;
    top: 0;
    left: 0
}
.aside-article-list > .card-box .thumbnail > img.members {
    top: 0.5rem;
    left: 0.5rem;
    width: 29%
}
@media(min-width:1100px) {
    .aside-article-list > .card-box .thumbnail > img.members {
        top: 1rem;
        left: 1rem
    }
}
.aside-article-list > .card-box .title {
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 1.5em;
    height: 3em;
    max-height: initial
}
@media(min-width:768px) {
    .aside-article-list > .card-box {
        background-color: transparent;
        border: none
    }
    .aside-article-list > .card-box > .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0
    }
    .aside-article-list > .card-box > .inner > .thumbnail {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
        flex: 1 1 25%
    }
    .aside-article-list > .card-box > .inner > .body {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 75%;
        flex: 1 1 75%;
        padding: 0 0 0 1rem
    }
}
.aside-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1.6rem
}
@media(min-width:1100px) {
    .aside-banner {
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .aside-banner:hover {
        opacity: .8
    }
}
.aside-banner > a {
    display: block;
    width: 100%
}
.aside-banner > a img {
    width: 100%
}
.aside-magazines-box {
    margin-bottom: 1.6rem
}
.aside-magazines-box > .heading {
    width: 100%;
    height: 3rem;
    color: #fff;
    background-color: #111;
    font-size: 1.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
@media(min-width:1100px) {
    .aside-magazines-box > .heading {
        height: 2.5rem;
        font-size: 1.1rem
    }
}
.aside-magazines-box > .body {
    background-color: #fff;
    border-bottom: 0.1rem solid #d9d9d9;
    padding: 2rem 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
@media(min-width:1100px) {
    .aside-magazines-box > .body {
        padding: 1.5rem 1rem
    }
}
.aside-magazines-box > .body > .thumbnail {
    width: 12rem;
    margin-right: 1rem
}
.aside-magazines-box > .body > .thumbnail .img {
    width: 100%
}
.aside-magazines-box > .body > .right {
    width: calc(100% - 13rem)
}
.aside-magazines-box > .body > .right .title {
    font-size: 1.4rem;
    margin-bottom: 1rem
}
@media(min-width:1100px) {
    .aside-magazines-box > .body > .right .title {
        font-size: 1.2rem;
        margin-bottom: 0.7rem
    }
}
.aside-magazines-box > .body > .right .date {
    color: #777;
    font-size: 1.2rem;
    margin-bottom: 1.5rem
}
@media(min-width:1100px) {
    .aside-magazines-box > .body > .right .date {
        font-size: 1.1rem
    }
}
.aside-magazines-box > .body > .right > .btn-group > .btn {
    padding: 1rem 0
}
@media(min-width:1100px) {
    .aside-magazines-box > .body > .right > .btn-group > .btn {
        font-size: 1.2rem;
        padding: 0.8rem 0
    }
}
.aside-magazines-box .bnr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.6rem
}
@media(min-width:1100px) {
    .aside-magazines-box .bnr {
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .aside-magazines-box .bnr:hover {
        opacity: .8
    }
}
@media(max-width:1099px) {
    .aside-magazines-box .bnr {
        display: none
    }
}
.aside-text-link-list {
    padding: 0 1rem
}
@media(min-width:768px) {
    .aside-text-link-list {
        padding: 0
    }
}
.aside-text-link-list .item {
    display: block;
    margin: 0 0 1.4rem
}
.aside-text-link-list .item a {
    font-size: 1.4rem
}
.aside-text-link-list .item a:hover {
    color: #777
}
.auth-section {
    display: block;
    margin: 0 auto
}
@media(min-width:1100px) {
    .auth-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 48rem;
        margin: 3rem auto 0
    }
}
.auth-section.-large {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}
@media(min-width:1100px) {
    .auth-section.-large {
        width: 96rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}
.auth-section.-large > .auth-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-bottom: 3rem
}
@media(max-width:1099px) {
    .auth-section.-large > .auth-box {
        border-bottom: none
    }
}
@media(min-width:1100px) {
    .auth-section.-large > .auth-box {
        padding: 3rem 5rem
    }
}
.auth-section.-large > .js-signup > .auth-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-bottom: 3rem;
    height: 680px
}
@media(max-width:1099px) {
    .auth-section.-large > .js-signup > .auth-box {
        border-bottom: none
    }
}
@media(min-width:1100px) {
    .auth-section.-large > .js-signup > .auth-box {
        padding: 3rem 5rem 5.8rem
    }
}
.auth-section.-large > .auth-content-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}
.auth-section.-large > .targetEl > .auth-content-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}
.author-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1rem;
    margin-bottom: 1.5rem
}
@media(min-width:768px) {
    .author-box {
        padding: 0;
        margin-bottom: 3rem
    }
}
.author-box > .authorImage {
    display: block;
    width: 6rem;
    height: 6rem;
    overflow: hidden;
    margin-right: 1rem
}
.author-box > .authorImage > img {
    border-radius: 50%
}
@media(min-width:768px) {
    .author-box > .authorImage {
        width: 12rem;
        height: 12rem;
        margin-right: 1.5rem
    }
}
.author-box > .authorInfo {
    font-size: 1.2rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    line-height: 1.6em
}
@media(min-width:768px) {
    .author-box > .authorInfo {
        font-size: 1.4rem
    }
}
.author-list {
    margin-bottom: 3rem
}
@media(min-width:1100px) {
    .author-list {
        margin-bottom: 2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}
.author-list.-under {
    border-top: 0.1rem solid #e7e7e7;
    border-bottom: 0.1rem solid #e7e7e7;
    padding: 2rem 0;
    margin-top: 2rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
@media(min-width:1100px) {
    .author-list:after {
        content: "";
        display: block;
        clear: both
    }
}
.author-list > .infobar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1rem 0 2rem;
    color: #777;
    position: relative;
}
@media(min-width:1100px) {
    .author-list > .infobar {
        max-width: 36rem;
        display: -webkit-inline-box;
        width: 48%
    }
}
@media(min-width:1100px) {
    .author-list>.infobar:nth-child(2n) {
        border-left: 0.1rem solid #e7e7e7;
        padding-left: 2rem;
        margin-left: 2rem
    }
}
.author-list > .infobar .authorimg {
    display: block;
    width: 4rem;
    height: 4rem;
    min-width: 4rem;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 1rem
}
@media(min-width:1100px) {
    .author-list > .infobar .authorimg {
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}
@media(min-width:1100px) {
    .author-list>.infobar .authorimg:hover {
        opacity: .8
    }
}
.author-list > .infobar .vbox {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around
}
.author-list > .infobar .vbox a {
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
    padding-right: 11rem;
    margin-top: 1rem;
    line-height: 1.4
}
@media(min-width:1100px) {
    .author-list > .infobar .vbox a {
        font-size: 1.4rem;
        padding-right: 18rem
    }
}
.author-list > .infobar .companyimg {
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 11rem;
    flex: 0 0 11rem;
    margin-left: auto
}
.author-list > .infobar .companyimg img {
    width: 100%
}
.author-list > .infobar .follow-btn {
    top: 0;
    right: 0
}
.badge {
    border-radius: 0.25rem;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5em;
    padding: 0.25rem 0.4rem;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap
}
.badge-new {
    background-color: #db0000;
    color: #fff
}
.banner-pr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3rem
}
.banner-pr a {
    display: block;
    width: 12rem
}
.banner-pr a img {
    display: block
}
.banner-pr span {
    display: inline-block;
    padding-left: 0.6rem
}
.header-banner {
    cursor: pointer;
    margin: 2rem auto;
    width: 100%;
    max-width: 120rem
}
.header-banner > a {
    display: contents;
    height: 100%
}
.header-banner > a > img {
    -o-object-fit: cover;
    object-fit: cover
}
.header-banner > a > img.header-banner-img-sp {
    display: none
}
.footer-banner {
    background-color: #bc000e;
    bottom: 0;
    cursor: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4rem;
    position: fixed;
    width: 100%
}
.footer-banner > div {
    margin-right: 1rem
}
.footer-banner .footer-banner-contents {
    height: 100%;
    padding: 1rem;
    text-align: right;
    width: 65%
}
.footer-banner .footer-banner-contents > p {
    color: #fff;
    font-size: 2rem
}
.footer-banner .footer-banner-contents > p > span {
    color: #fff221;
    font-weight: 700
}
.footer-banner .footer-banner-label {
    width: 30%
}
.footer-banner .footer-banner-label > div {
    height: 100%;
    padding: 0.5rem;
    text-align: center;
    width: 60%
}
.footer-banner .footer-banner-label > div > a {
    background-color: #fff;
    color: #bc000e;
    cursor: pointer;
    display: block;
    font-size: 1.6rem;
    font-weight: 700;
    height: 100%;
    padding: 0.8rem 0.5rem 0.5rem;
    width: 20rem
}
.footer-banner .footer-banner-close {
    padding: 1rem;
    width: 5%
}
.footer-banner .footer-banner-close > button {
    background: transparent;
    display: block;
    height: 100%;
    width: 100%
}
.footer-banner .footer-banner-close>button:before {
    content: 'ﾃ�';
    color: #fff;
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 700
}
.isHidden {
    display: none
}
.isRelative {
    position: relative
}
@media(max-width:1099px) {
    .footer-banner .footer-banner-contents > p {
        font-size: 1.6rem
    }
    .footer-banner .footer-banner-label > div > a {
        font-size: 1.4rem
    }
}
@media(max-width:767px) {
    .header-banner {
        margin: 1rem auto
    }
    .header-banner > a img.header-banner-img-pc {
        display: none
    }
    .header-banner > a img.header-banner-img-sp {
        display: block;
        width: 100%
    }
    .footer-banner {
        height: 6rem
    }
    .footer-banner div {
        margin-right: 0
    }
    .footer-banner .footer-banner-contents {
        padding: 1.5rem;
        width: 60%
    }
    .footer-banner .footer-banner-contents > p {
        font-size: 1.4rem;
        text-align: left
    }
    .footer-banner .footer-banner-label {
        padding-top: 0.5rem;
        width: 30%
    }
    .footer-banner .footer-banner-label > div {
        height: initial;
        margin: 1rem 0;
        width: 100%
    }
    .footer-banner .footer-banner-label > div > a {
        font-size: 1rem;
        padding-top: 0.5rem;
        width: initial
    }
    .footer-banner .footer-banner-close {
        padding: 0;
        width: 10%
    }
}
.book-list {
    margin: 0 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
@media(min-width:768px) {
    .book-list {
        margin: 0 -0.8rem
    }
}
.book-list > .item {
    overflow: hidden;
    width: 100%;
    margin: 0 0.5rem 1rem;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(100% / 3 - 1rem);
    flex-basis: calc(100% / 3 - 1rem)
}
@media(min-width:768px) {
    .book-list > .item {
        margin: 0 0.8rem 1.6rem;
        -ms-flex-preferred-size: calc(100% / 6 - 1.6rem);
        flex-basis: calc(100% / 6 - 1.6rem)
    }
}
.book-list > .item > a {
    color: #fff;
    display: block
}
@media(min-width:1100px) {
    .book-list > .item > a {
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .book-list>.item>a:hover {
        opacity: .8
    }
}
.book-list > .item > a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: 1rem
}
.book-list > .item > a > .subtitle {
    margin-top: 0.7rem
}
.book-list > .item > a > .title {
    font-weight: 700;
    margin: 0.5rem 0
}
@media(min-width:768px) {
    .book-list > .item > a > .title {
        font-size: 1.1rem
    }
}
.brand-channel-heading-box {
    margin: 0 0 2rem
}
.brand-channel-heading-box > .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem
}
.brand-channel-heading-box > .inner > .thumbnail {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%
}
.brand-channel-heading-box > .inner > .body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
    padding: 0 0 0 1rem
}
.brand-channel-heading-box .thumbnail:before {
    content: "";
    display: block;
    padding-top: 100%
}
.brand-channel-heading-box .thumbnail > img {
    position: absolute;
    top: 0;
    left: 0
}
.brand-channel-heading-box .thumbnail > img.members {
    top: 0.5rem;
    left: 0.5rem;
    width: 29%
}
@media(min-width:1100px) {
    .brand-channel-heading-box .thumbnail > img.members {
        top: 1rem;
        left: 1rem
    }
}
.brand-channel-heading-box .title {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.5em;
    height: auto;
    max-height: initial
}
@media(min-width:768px) {
    .brand-channel-heading-box .title {
        font-weight: 700;
        font-size: 2rem;
        line-height: 1.5em;
        height: auto;
        max-height: initial
    }
}
.brand-channel-heading-box > .inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}
.brand-channel-heading-box > .inner .thumbnail {
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%
}
.brand-channel-heading-box > .inner .thumbnail img {
    border-radius: 50%;
    overflow: hidden
}
@media(min-width:1100px) {
    .brand-channel-heading-box > .inner .thumbnail img {
        padding: 2rem
    }
}
.brand-channel-heading-box .title {
    padding-right: 12rem
}
@media(min-width:1100px) {
    .brand-channel-heading-box .title {
        margin: 2rem 0
    }
}
.brand-channel-heading-box .subtitle {
    font-size: 1.1rem;
    line-height: 1.5em;
    height: auto;
    color: #777;
    margin: 1rem 0
}
@media(min-width:768px) {
    .brand-channel-heading-box .subtitle {
        font-size: 1.5rem;
        line-height: 1.5em;
        height: auto
    }
}
.brand-channel-heading-box .article-info-list .lastarticle {
    margin-left: 0
}
.brand-channel-heading-box .text {
    font-size: 1.2rem;
    line-height: 1.5em;
    height: auto;
    margin-top: 1rem
}
@media(min-width:768px) {
    .brand-channel-heading-box .text {
        font-size: 1.4rem;
        line-height: 1.5em;
        height: auto;
        padding: 0 2rem 2rem
    }
}
.brand-channel-list > .card-box {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(100% - 1.6rem);
    flex-basis: calc(100% - 1.6rem)
}
.brand-channel-list > .card-box > .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem
}
.brand-channel-list > .card-box > .inner > .thumbnail {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%
}
.brand-channel-list > .card-box > .inner > .body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
    padding: 0 0 0 1rem
}
.brand-channel-list>.card-box .thumbnail:before {
    content: "";
    display: block;
    padding-top: 100%
}
.brand-channel-list > .card-box .thumbnail > img {
    position: absolute;
    top: 0;
    left: 0
}
.brand-channel-list > .card-box .thumbnail > img.members {
    top: 0.5rem;
    left: 0.5rem;
    width: 29%
}
@media(min-width:1100px) {
    .brand-channel-list > .card-box .thumbnail > img.members {
        top: 1rem;
        left: 1rem
    }
}
.brand-channel-list > .card-box .title {
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 1.5em;
    height: 1.5em;
    max-height: initial
}
.brand-channel-list > .card-box > .inner > .thumbnail {
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%
}
.brand-channel-list > .card-box > .inner > .thumbnail img {
    border-radius: 50%;
    overflow: hidden
}
.brand-channel-list > .card-box .subtitle {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 1.1rem;
    line-height: 1.5em;
    height: 1.5em;
    color: #777;
    margin: 0.5rem 0
}
.brand-channel-list > .card-box .article-info-list .lastarticle {
    margin-left: 0
}
.brand-channel-list > .card-box .title.no-ellipsis {
    -webkit-box-orient: unset;
    -webkit-line-clamp: unset;
    height: auto
}
@media(min-width:768px) {
    .brand-channel-list > .card-box {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(50% - 1.6rem);
        flex-basis: calc(50% - 1.6rem)
    }
    .brand-channel-list > .card-box .title {
        font-weight: 700;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        font-size: 1.6rem;
        line-height: 1.5em;
        height: 1.5em;
        max-height: initial
    }
    .brand-channel-list > .card-box .subtitle {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        font-size: 1.3rem;
        line-height: 1.5em;
        height: 1.5em
    }
}
@media(min-width:1100px) {
    .brand-channel-list .card-box > a.inner > .body > .title {
        -webkit-transition: 0.3s;
        transition: 0.3s;
        -webkit-transition-property: color;
        transition-property: color
    }
    .brand-channel-list .card-box>a.inner:hover>.body>.title,
    .brand-channel-list .card-box>a.inner:visited:hover > .body > .title {
        color: #777
    }
}
.brand-channel-list .card-box>a.inner:visited > .body > .title {
    color: #111
}
.campaign-box {
    width: 100%;
    color: #fff;
    background-color: #bc000e;
    display: block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.campaign-box.-aside {
    width: calc(100% - 2rem);
    padding: 2rem 1rem;
    margin: 0 auto 1.6rem
}
@media(min-width:768px) {
    .campaign-box.-aside {
        width: 100%;
        max-width: 30rem
    }
}
@media(min-width:1100px) {
    .campaign-box.-aside:hover {
        background-color: #db0000
    }
}
@media(min-width:768px) {
    .campaign-box.-aside > .content > .title {
        font-size: 1.8rem;
        margin-bottom: 1rem
    }
}
@media(min-width:768px) {
    .campaign-box.-aside > .content > .item > .name {
        font-size: 2.8rem
    }
}
@media(min-width:768px) {
    .campaign-box.-aside > .content > .item > .price {
        font-size: 2.4rem
    }
}
@media(min-width:768px) {
    .campaign-box.-aside > .content > .description {
        font-size: 1.2rem;
        line-height: 1.5em;
        text-align: center
    }
}
@media(min-width:768px) {
    .campaign-box.-aside > .period {
        font-size: 1.2rem;
        margin-bottom: 1rem
    }
}
.campaign-box.-main {
    padding: 2rem 1rem
}
@media(min-width:768px) {
    .campaign-box.-main > .content {
        width: 64rem;
        margin: 0 auto 1rem
    }
}
@media(min-width:768px) {
    .campaign-box.-main>.content>.title:before,
    .campaign-box.-main>.content>.title:after {
        font-size: 0.8em;
        font-weight: 400
    }
    .campaign-box.-main>.content>.title:before {
        content: "�ｼ";
        margin-right: 0.5rem
    }
    .campaign-box.-main>.content>.title:after {
        content: "��";
        margin-left: 0.5rem
    }
}
@media(min-width:768px) {
    .campaign-box.-main>.content>.title>span:before,
    .campaign-box.-main>.content>.title>span:after {
        content: "";
        margin: 0
    }
}
@media(min-width:768px) {
    .campaign-box.-main > .content > .title > br {
        display: none
    }
}
.campaign-box.-main > .content > .item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
@media(min-width:768px) {
    .campaign-box.-main > .content > .description > br {
        display: none
    }
}
.campaign-box.-main > .period {
    margin-bottom: 0
}
@media(min-width:768px) {
    .campaign-box.-main > .period {
        width: 64rem
    }
}
.campaign-box > .heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1.5rem
}
@media(min-width:768px) {
    .campaign-box > .heading {
        margin-bottom: 2rem
    }
}
.campaign-box > .heading > .logo {
    width: 11rem
}
@media(min-width:768px) {
    .campaign-box > .heading > .logo {
        width: 13rem
    }
}
.campaign-box > .heading > i {
    font-size: 1.5rem;
    cursor: pointer;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}
@media(min-width:768px) {
    .campaign-box > .heading > i {
        font-size: 2rem
    }
}
@media(min-width:1100px) {
    .campaign-box>.heading>i:hover {
        opacity: .8
    }
}
.campaign-box > .content {
    margin-bottom: 1rem
}
.campaign-box > .content > .title {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.4em;
    text-align: center;
    margin-bottom: 1rem
}
@media(min-width:768px) {
    .campaign-box > .content > .title {
        font-size: 2.4rem
    }
}
.campaign-box>.content>.title>span:before,
.campaign-box>.content>.title>span:after {
    font-size: 0.8em;
    font-weight: 400
}
.campaign-box>.content>.title>span:before {
    content: "�ｼ";
    margin-right: 0.5rem
}
.campaign-box>.content>.title>span:after {
    content: "��";
    margin-left: 0.5rem
}
.campaign-box > .content > .item {
    text-align: center;
    margin: 0 auto 1rem
}
.campaign-box > .content > .item > .name,
.campaign-box > .content > .item > .price {
    color: #fff221;
    font-weight: 700;
    line-height: 1em
}
.campaign-box > .content > .item > .name {
    font-size: 3rem;
    margin-bottom: 1rem
}
@media(min-width:768px) {
    .campaign-box > .content > .item > .name {
        font-size: 4.4rem
    }
}
.campaign-box > .content > .item > .price {
    font-size: 2.6rem
}
@media(min-width:768px) {
    .campaign-box > .content > .item > .price {
        font-size: 3.7rem
    }
}
.campaign-box > .content > .description {
    font-size: 1.3rem;
    line-height: 1.5em;
    text-align: center
}
@media(min-width:768px) {
    .campaign-box > .content > .description {
        font-size: 1.5rem
    }
}
.campaign-box > .period {
    width: 100%;
    font-size: 1.2rem;
    text-align: center;
    border: 0.1rem solid #fff;
    padding: 1rem 0;
    margin: 0 auto 1.5rem
}
@media(min-width:768px) {
    .campaign-box > .period {
        font-size: 1.4rem
    }
}
.campaign-box > .btn-group {
    margin-bottom: 1.5rem
}
.campaign-box > .btn-group > .btn {
    color: #bc000e;
    background-color: #fff;
    width: 100%;
    padding: 1.2rem 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}
@media(min-width:768px) {
    .campaign-box > .btn-group > .btn {
        font-size: 1.8rem;
        padding: 1.6rem 0
    }
}
@media(min-width:1100px) {
    .campaign-box>.btn-group>.btn:hover {
        opacity: .8
    }
}
.campaign-box > .notes {
    width: 100%;
    font-size: 1rem;
    margin: 0 auto
}
.campaign-box > .notes > li {
    list-style-type: initial;
    line-height: 1.5em;
    margin-left: 2em
}
.campaign-box>.notes>li:not(:last-child) {
    margin-bottom: 0.5rem
}
.catchphrase-box {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1em;
    margin-bottom: -1rem
}
@media(min-width:1100px) {
    .catchphrase-box {
        font-size: 1.8rem;
        margin-bottom: -0.6rem
    }
}
.catchphrase-box > span {
    font-size: 1.2em;
    color: #db0000;
    margin-right: 0.3rem
}
.form-title {
    color: #777;
    font-size: 1.1rem;
    line-height: 1em;
    display: block;
    margin: 0 0 0.5rem
}
@media(min-width:1100px) {
    .form-title {
        font-size: 1.3rem
    }
}
.form-title.-required:after {
    content: "必須";
    font-size: 1rem;
    padding-left: 0.3em;
    color: #bc000e
}
.swiper_discover_container .swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}
.swiper_discover_container .swiper-container-no-flexbox .swiper-slide {
    float: left
}
.swiper_discover_container .swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.swiper_discover_container .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
.swiper_discover_container .swiper-container-android .swiper-slide,
.swiper_discover_container .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.swiper_discover_container .swiper-container-multirow > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.swiper_discover_container .swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}
.swiper_discover_container .swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}
.swiper_discover_container .swiper-slide-invisible-blank {
    visibility: hidden
}
.swiper_discover_container .swiper-container-autoheight,
.swiper_discover_container .swiper-container-autoheight .swiper-slide {
    height: auto
}
.swiper_discover_container .swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}
.swiper_discover_container .swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}
.swiper_discover_container .swiper-container-3d .swiper-cube-shadow,
.swiper_discover_container .swiper-container-3d .swiper-slide,
.swiper_discover_container .swiper-container-3d .swiper-slide-shadow-bottom,
.swiper_discover_container .swiper-container-3d .swiper-slide-shadow-left,
.swiper_discover_container .swiper-container-3d .swiper-slide-shadow-right,
.swiper_discover_container .swiper-container-3d .swiper-slide-shadow-top,
.swiper_discover_container .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.swiper_discover_container .swiper-container-3d .swiper-slide-shadow-bottom,
.swiper_discover_container .swiper-container-3d .swiper-slide-shadow-left,
.swiper_discover_container .swiper-container-3d .swiper-slide-shadow-right,
.swiper_discover_container .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}
.swiper_discover_container .swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(to left,rgba(0,0,0,.5),transparent)
}
.swiper_discover_container .swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),transparent)
}
.swiper_discover_container .swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(to top,rgba(0,0,0,.5),transparent)
}
.swiper_discover_container .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),transparent)
}
.swiper_discover_container .swiper-container-wp8-horizontal,
.swiper_discover_container .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}
.swiper_discover_container .swiper-container-wp8-vertical,
.swiper_discover_container .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}
.swiper_discover_container .swiper-button-next,
.swiper_discover_container .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}
.swiper_discover_container .swiper-button-next.swiper-button-disabled,
.swiper_discover_container .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}
.swiper_discover_container .swiper-button-prev,
.swiper_discover_container .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}
.swiper_discover_container .swiper-button-next,
.swiper_discover_container .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}
.swiper_discover_container .swiper-button-prev.swiper-button-white,
.swiper_discover_container .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper_discover_container .swiper-button-next.swiper-button-white,
.swiper_discover_container .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper_discover_container .swiper-button-prev.swiper-button-black,
.swiper_discover_container .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper_discover_container .swiper-button-next.swiper-button-black,
.swiper_discover_container .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper_discover_container .swiper-button-lock {
    display: none
}
.swiper_discover_container .swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 0.3s opacity;
    transition: 0.3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}
.swiper_discover_container .swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}
.swiper_discover_container .swiper-container-horizontal > .swiper-pagination-bullets,
.swiper_discover_container .swiper-pagination-custom,
.swiper_discover_container .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}
.swiper_discover_container .swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}
.swiper_discover_container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
    position: relative
}
.swiper_discover_container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}
.swiper_discover_container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}
.swiper_discover_container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}
.swiper_discover_container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}
.swiper_discover_container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}
.swiper_discover_container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}
.swiper_discover_container .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}
.swiper_discover_container button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.swiper_discover_container .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}
.swiper_discover_container .swiper-pagination-bullet-active {
    opacity: 1;
    background: #3674c1
}
.swiper_discover_container .swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}
.swiper_discover_container .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}
.swiper_discover_container .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}
.swiper_discover_container .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 0.2s top, 0.2s -webkit-transform;
    transition: 0.2s top, 0.2s -webkit-transform;
    transition: 0.2s transform, 0.2s top;
    transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform
}
.swiper_discover_container .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}
.swiper_discover_container .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}
.swiper_discover_container .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 0.2s left, 0.2s -webkit-transform;
    transition: 0.2s left, 0.2s -webkit-transform;
    transition: 0.2s transform, 0.2s left;
    transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform
}
.swiper_discover_container .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 0.2s right, 0.2s -webkit-transform;
    transition: 0.2s right, 0.2s -webkit-transform;
    transition: 0.2s transform, 0.2s right;
    transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform
}
.swiper_discover_container .swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}
.swiper_discover_container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #3674c1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}
.swiper_discover_container .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}
.swiper_discover_container .swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper_discover_container .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}
.swiper_discover_container .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper_discover_container .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}
.swiper_discover_container .swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}
.swiper_discover_container .swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}
.swiper_discover_container .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}
.swiper_discover_container .swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}
.swiper_discover_container .swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}
.swiper_discover_container .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}
.swiper_discover_container .swiper-pagination-lock {
    display: none
}
.swiper_discover_container .swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}
.swiper_discover_container .swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}
.swiper_discover_container .swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}
.swiper_discover_container .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}
.swiper_discover_container .swiper-scrollbar-cursor-drag {
    cursor: move
}
.swiper_discover_container .swiper-scrollbar-lock {
    display: none
}
.swiper_discover_container .swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}
.swiper_discover_container .swiper-zoom-container > canvas,
.swiper_discover_container .swiper-zoom-container>img,
.swiper_discover_container .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}
.swiper_discover_container .swiper-slide-zoomed {
    cursor: move
}
.swiper_discover_container .swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper_discover_container .swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}
.swiper_discover_container .swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.swiper_discover_container .swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}
.swiper_discover_container .swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}
.swiper_discover_container .swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}
.swiper_discover_container .swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper_discover_container .swiper-container-fade .swiper-slide-active,
.swiper_discover_container .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper_discover_container .swiper-container-cube {
    overflow: visible
}
.swiper_discover_container .swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}
.swiper_discover_container .swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper_discover_container .swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}
.swiper_discover_container .swiper-container-cube .swiper-slide-active,
.swiper_discover_container .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper_discover_container .swiper-container-cube .swiper-slide-active,
.swiper_discover_container .swiper-container-cube .swiper-slide-next,
.swiper_discover_container .swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper_discover_container .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}
.swiper_discover_container .swiper-container-cube .swiper-slide-shadow-bottom,
.swiper_discover_container .swiper-container-cube .swiper-slide-shadow-left,
.swiper_discover_container .swiper-container-cube .swiper-slide-shadow-right,
.swiper_discover_container .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.swiper_discover_container .swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter:blur(50px);
    filter:blur(50px);
    z-index: 0
}
.swiper_discover_container .swiper-container-flip {
    overflow: visible
}
.swiper_discover_container .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}
.swiper_discover_container .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper_discover_container .swiper-container-flip .swiper-slide-active,
.swiper_discover_container .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper_discover_container .swiper-container-flip .swiper-slide-shadow-bottom,
.swiper_discover_container .swiper-container-flip .swiper-slide-shadow-left,
.swiper_discover_container .swiper-container-flip .swiper-slide-shadow-right,
.swiper_discover_container .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.swiper_discover_container .swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}
@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.discovery {
    background: #fff
}
.discovery .mem-slide-large .swiper-wrapper {
    padding-bottom: 2rem
}
.discovery .mem-title.-lrg {
    background: none;
    color: #222;
    font-size: 1.8rem;
    padding: 2.8rem 0 1.8rem;
    text-align: left;
    margin-left: 1.8rem;
    border: 0
}
.discovery .mem-title.-lrg.first {
    padding: 1.8rem 0
}
.discovery .bold-text-link {
    color: #111;
    font-weight: 400
}
.discovery .mem-title.blog:before {
    content: "";
    display: inline-block;
    background: url('../images/discover/icon-blog.svg') no-repeat;
    background-size: 2rem auto
}
.discovery .mem-slide-large .mem-slide-list .item {
    background: #333;
    border-radius: 0.4rem;
    margin-bottom: 2rem
}
.discovery .mem-slide-large .mem-slide-list .item a img {
    width: 92%;
    margin: 1.4rem auto 0.8rem
}
.discovery .mem-slide-list .item a .mem-mid-title,
.discovery .mem-slide-list .item a .mem-sml-title {
    color: #222;
    padding-bottom: 3rem;
    font-weight: 600
}
.discovery .mem-slide-large .mem-slide-list .item a .mem-mid-title {
    font-size: 1.6rem;
    line-height: 1.4;
    color: #fff;
    padding: 0 1.4rem 1rem
}
.discovery .mem-slide-list .item a .mem-mid-title {
    font-size: 1.6rem;
    line-height: 1.4
}
.discovery .mem-slide-list .item a .mem-sml-title {
    font-size: 1.2rem
}
.discovery .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    border: 0
}
.discovery .swiper-container-horizontal > .swiper-pagination-bullets,
.discovery .swiper-pagination-custom,
.discovery .swiper-pagination-fraction {
    margin: 1.2rem 0 1rem
}
.discovery .mem-border {
    border-top: 0.1rem solid #ededed;
    margin: 0
}
.discovery .mem-title {
    font-size: 1.5rem;
    color: #222
}
.discovery .mem-title.mem-icon-blog:before {
    background: url('../images/discover/icon-blog.svg') no-repeat 0 0.2rem;
    background-size: 1.8rem auto
}
.discovery .mem-title.mem-icon-bill:before {
    background: url('../images/discover/icon-blog_money.svg') no-repeat 0;
    background-size: 2rem auto
}
.discovery .mem-title.mem-icon-rank:before {
    background: url('../images/discover/icon-crown.svg') no-repeat 0;
    background-size: 2rem auto
}
.discovery .mem-title:before {
    margin-right: 0
}
.discovery .mem-slide {
    padding-top: 0
}
.discovery .mem-blog-area {
    margin-bottom: 3.6rem
}
.discovery .billing_plan {
    background: #f2f2f2;
    padding-top: 1.2rem;
    display: flow-root
}
.discovery .billing_plan .wrap {
    padding-bottom: 2.5rem
}
.discovery .billing_plan .wrap .sub-text {
    font-size: 1.2rem;
    padding: 0 1.8rem;
    line-height: 1.4;
    margin-bottom: 1rem
}
.discovery .billing_plan .wrap .text_mb {
    margin-bottom: 1.6rem
}
.discovery .billing_plan .wrap .mem-container {
    padding: 0
}
.discovery .billing_plan .wrap.-professional .title,
.discovery .billing_plan .wrap.-standard .title {
    color: #fff;
    padding: 1.5rem 0;
    font-size: 1.6rem;
    text-align: center;
    font-weight: 600
}
.discovery .billing_plan .wrap.-professional .title {
    background: #6a5b4f
}
.discovery .billing_plan .wrap.-standard .title {
    background: #ad9d87
}
.discovery .billing_plan .wrap .billing_btn {
    margin: 0 auto;
    width: 16rem;
    display: block
}
.discovery .billing_plan .wrap .billing_btn a {
    width: 16rem;
    display: block;
    font-size: 1.1rem;
    padding: 0.7rem 0;
    text-align: center
}
.discovery .billing_plan .wrap.-standard .billing_btn {
    border: 1px solid #ad9d87;
    border-radius: 1.6rem
}
.discovery .billing_plan .wrap.-professional .billing_btn {
    border: 0.1rem solid #6a5b4f;
    border-radius: 1.6rem
}
.discovery .billing_plan .text {
    font-size: 1.6rem;
    text-align: center;
    line-height: 1.4;
    padding: 1.8rem 3rem 1.6rem
}
.discovery .billing_plan .text.-bd {
    font-weight: 700
}
.discovery .billing_plan .list {
    margin: 0 1.5rem
}
.discovery .billing_plan .item {
    margin-bottom: 0.4rem;
    font-weight: 600;
    line-height: 1.4;
    font-size: 1.2rem;
    text-indent: -1.2rem;
    padding-left: 1.2rem
}
.discovery .banner_area {
    margin-bottom: 1.4rem
}
.discovery .article-box {
    padding: 0 1.6rem;
    position: relative;
    border-bottom: 0.1rem solid #ededed
}
.discovery .article-box.-lrg a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}
.discovery .article-box.-lrg a .text-box {
    margin-bottom: 2.2rem
}
.discovery .article-box.-lrg a .article-info-list {
    position: relative
}
.discovery .article-box.-lrg a .article-info-list > .icon-clip {
    position: absolute;
    right: 0
}
.discovery .article-box.-sml a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-top: 1.4rem;
    padding-bottom: 1.2rem
}
.discovery .article-box.-sml a .img-box {
    width: 50%
}
.discovery .article-box.-sml a .text-box {
    width: 50%;
    padding-left: 1rem;
    position: relative
}
.discovery .article-box.-sml a .text-box .title {
    font-size: 1.4rem;
    line-height: 1.4;
    font-weight: 600
}
.discovery .article-box.-sml a .article-info-list {
    position: absolute;
    bottom: 6px;
    width: 100%
}
.discovery .article-box a .article-info-list .icon-clip {
    position: absolute;
    bottom: -0.8rem;
    right: 1rem;
    padding: 0.6rem;
    border: 0.1rem solid #979797;
    border-radius: 0.4rem
}
.discovery .article-box a .article-info-list .icon-clip.following {
    background: #0937b2
}
.discovery .article-box a .article-info-list .icon-clip .icon-clip-text {
    position: absolute;
    bottom: -0.8rem;
    right: 1rem;
    padding: 0.6rem;
    border: 0.1rem solid #979797
}
.discovery .article-box a .article-info-list .icon-clip.following .icon-clip-text {
    color: #fff
}
.discovery .article-box a .article-info-list .icon-clip:before {
    content: "";
    display: table-cell;
    background: url('../images/discover/icon-clip.svg') no-repeat;
    background-size: 0.8rem 1.6rem;
    width: 0.8rem;
    height: 1.6rem;
    padding-right: 0.4rem
}
.discovery .article-box a .article-info-list .icon-clip.following:before {
    background: url('../images/discover/icon-clip-following.svg') no-repeat;
    background-size: 0.8rem 1.6rem
}
.discovery .article-box.-lrg a .text-box .title {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 1.4rem;
    margin-bottom: 1rem
}
.discovery .article-box a .mark {
    position: absolute;
    top: -0.2rem;
    left: 1.4rem;
    text-align: center;
    color: #fff
}
.discovery .article-box a .mark.-one {
    background: url('../images/discover/rank-01.svg') no-repeat;
    background-size: 3.65rem 4.3rem;
    display: block;
    width: 3.65rem;
    height: 4.3rem;
    padding: 1.4rem 1rem 1rem;
    font-size: 2.3rem
}
.discovery .article-box a .mark.-two {
    background: url('../images/discover/rank-02.svg') no-repeat;
    background-size: 2.6rem auto;
    display: block;
    width: 2.6rem;
    height: 3.4rem;
    padding: 1rem 0.6rem 0.6rem;
    font-size: 1.4rem
}
.discovery .article-box a .mark.-thr {
    background: url('../images/discover/rank-03.svg') no-repeat;
    background-size: 2.6rem auto;
    display: block;
    width: 2.6rem;
    height: 3.4rem;
    padding: 1rem 0.6rem 0.6rem;
    font-size: 1.4rem
}
.discovery .article-info-list > .datetime {
    font-size: 1.2rem
}
.discovery .article-info-list > .icon-clip {
    font-size: 1.2rem
}
.discovery .ranking-area {
    padding-bottom: 1rem
}
.discovery .ranking-area .article-box:last-child {
    border-bottom: 0
}
.discovery .mem-slide-large {
    padding-top: 0
}
.discovery .viewall-link > a {
    font-size: 1.2rem
}
.discovery .mem-slide-large .swiper-button-next,
.discovery .mem-slide-large .swiper-button-prev {
    display: block
}
.discovery .mem-slide-large .swiper-button-prev {
    background-image: url('../images/discover/arrow-prev.svg');
    background-size: 1.5rem 2.5rem;
    background-color: rgba(255, 255, 255, .6);
    border-top-right-radius: 0.6rem;
    border-bottom-right-radius: 0.6rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #ccc;
    top: 32%;
    left: -0.1rem;
    right: auto;
    z-index: 3000;
    width: 3rem;
    height: 6rem;
    -webkit-transition: 0.3s;
    transition: 0.3s
}
.discovery .mem-slide-large .swiper-button-next {
    background-image: url('../images/discover/arrow-next.svg');
    background-size: 1.5rem 2.5rem;
    background-color: rgba(255, 255, 255, .6);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.6rem;
    border-bottom-left-radius: 0.6rem;
    border: 1px solid #ccc;
    top: 32%;
    left: auto;
    right: -0.1rem;
    z-index: 3000;
    width: 3rem;
    height: 6rem;
    -webkit-transition: 0.3s;
    transition: 0.3s
}
.discovery .mem-slide-large .swiper-button-prev.swiper-button-disabled,
.discovery .mem-slide-large .swiper-button-next.swiper-button-disabled {
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s
}
.discovery .feature-title-list .mem-sml-title,
.discovery .series-title-list .mem-sml-title {
    font-size: 1.4rem;
    color: #111;
    font-weight: 600;
    line-height: 1.4
}
.discovery .feature-title-list .card-box,
.discovery .series-title-list .card-box {
    border: none
}
.discovery .brand-channel-thumbnail-list {
    padding: 0 0.5rem 1.5rem
}
.discovery .content-box .articleTitleList {
    padding: 0 1.5rem
}
.discovery .content-box .body {
    border: none
}
.discovery .mem-slide-list .item a .mem-sml-title {
    overflow: visible;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    padding-bottom: 0
}
@media screen and(min-width:768px) {
    .discovery .mem-title.-lrg {
        font-size: 2rem
    }
    .discovery .mem-title {
        text-align: left;
        margin-left: 1.8rem
    }
    .discovery .mem-blog-area .mem-title {
        letter-spacing: 0;
        padding: 2rem 0;
        font-size: 1.6rem
    }
    .discovery .mem-title:before {
        width: 3rem;
        height: 2.6rem
    }
    .discovery .mem-title.mem-icon-blog:before {
        background: url('../images/discover/icon-blog.svg') no-repeat 0 0.5rem;
        background-size: 1.8rem auto
    }
    .discovery .mem-container {
        border-bottom: 0.1rem solid #ededed
    }
    .discovery .mem-container.swiper_discover_normal_blog,
    .discovery .mem-container.swiper_discover_medium {
        border-bottom: 0
    }
    .discovery .mem-slide-list .item a .mem-mid-title,
    .discovery .mem-slide-list .item a .mem-sml-title {
        padding-bottom: 1.5rem
    }
    .discovery .mem-slide-list .item a .mem-sml-title {
        font-size: 1.4rem
    }
    .discovery .banner_area {
        padding: 0 10rem 6rem;
        background: #f2f2f2
    }
    .discovery .banner_area a {
        display: block;
        width: auto;
        padding: 0
    }
    .discovery .banner_area a img {
        width: 100%
    }
    .discovery .billing_plan .wrap .title {
        margin: 0 2rem
    }
    .discovery .article-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .discovery .article-box {
        -webkit-box-flex: 1;
        box-flex: 1;
        width: 100%;
        border-bottom: 0
    }
    .discovery .article-box.-sml a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 0 1.6rem;
        position: relative;
        margin-top: 0
    }
    .discovery .article-box.-sml a .text-box .title {
        font-size: 1.4rem;
        font-weight: 600;
        line-height: 1.4;
        margin-top: 1.4rem;
        margin-bottom: 1rem
    }
    .discovery .article-box.-sml a .text-box {
        width: 100%;
        margin-top: 0
    }
    .discovery .article-box.-sml a .img-box,
    .discovery .article-box.-sml a .img-box img {
        width: 100%
    }
    .discovery .article-box a .mark.-one,
    .discovery .article-box a .mark.-two,
    .discovery .article-box a .mark.-thr {
        display: block;
        width: 3.65rem;
        height: 4.3rem;
        padding: 1.4rem 1rem 1rem;
        font-size: 2.3rem
    }
    .discovery .article-box a .mark.-two {
        background: url('../images/discover/rank-02.svg') no-repeat;
        background-size: 3.65rem 4.3rem
    }
    .discovery .article-box a .mark.-thr {
        background: url('../images/discover/rank-03.svg') no-repeat;
        background-size: 3.65rem 4.3rem
    }
    .discovery .article-box.-sml a .article-info-list {
        position: relative;
        bottom: 6px;
        width: 100%
    }
    .discovery .article-box.-lrg a .text-box .title,
    .discovery .article-box.-sml a .text-box .title {
        font-size: 1.6rem;
        margin-bottom: 3rem
    }
    .discovery .article-box.-lrg a .text-box {
        margin-bottom: 0
    }
    .discovery .mem-slide-list.mem-normal .item {
        max-width: unset
    }
}
.error-link {
    text-align: center;
    margin-top: 0.7rem
}
.error-link > a {
    font-size: 1.2rem;
    color: #bc000e;
    cursor: pointer
}
@media(min-width:1100px) {
    .error-link>a:hover {
        color: #db0000
    }
}
.error-link > a > i {
    margin-right: 0.3em
}
.error-message {
    font-size: 1.2rem;
    text-align: left;
    color: #bc000e;
    margin: 0.5rem 0
}
.article-title > .articleSubtitle {
    color: #777;
    font-size: 1.4rem;
    margin-bottom: 1.4rem
}
@media(min-width:736px) {
    .article-title > .articleSubtitle {
        font-size: 1.8rem
    }
}
.article-title > .articleTitle {
    font-size: 2.2rem;
    line-height: 1.3em;
    margin-bottom: 2rem;
    font-weight: 700
}
@media(min-width:736px) {
    .article-title > .articleTitle {
        font-size: 3.2rem;
        margin-bottom: 2.8rem
    }
}
.flash-message {
    text-align: center;
    margin: 1rem 0
}
@media(min-width:1100px) {
    .flash-message {
        margin: 3rem 0 0
    }
}
.flash-message > .message {
    font-size: 1.4rem;
    line-height: 1em
}
.flash-message > .message.-success {
    color: #093
}
.flash-message > .message.-error {
    color: #bc000e
}
.flash-message > .message > span {
    font-weight: 700
}
.form-box {
    position: relative;
    z-index: 0
}
.form-box > .input,
.form-box>.select,
.form-box > .textarea {
    font-size: 1.6rem;
    padding: 1.2rem 3rem 1.2rem 1rem;
    border: 0.1rem solid #000;
    background-color: #fff;
    color: #111;
    width: 100%
}
@media(min-width:1100px) {
    .form-box > .input.-mw-45,
    .form-box>.select.-mw-45,
    .form-box > .textarea.-mw-45 {
        max-width: 45rem
    }
}
.form-box>.input:focus,
.form-box>.select:focus,
.form-box>.textarea:focus {
    border: 0.1rem solid #0067c8
}
.form-box > .input::-webkit-input-placeholder {
    color: #d9d9d9;
    padding-top: 0.1em
}
.form-box>.input:-ms-input-placeholder {
    color: #d9d9d9;
    padding-top: 0.1em
}
.form-box > .input::-ms-input-placeholder {
    color: #d9d9d9;
    padding-top: 0.1em
}
.form-box > .input::placeholder {
    color: #d9d9d9;
    padding-top: 0.1em
}
.form-box>.input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100rem #fff inset
}
.form-box > .select {
    cursor: pointer;
    background: transparent
}
.form-box > .textarea {
    line-height: 1.5em
}
.form-box > .checkbox,
.form-box > .radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
}
.form-box > .checkbox > label,
.form-box > .radio > label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.form-box>.checkbox>label:not(:last-child),
.form-box>.radio>label:not(:last-child) {
    margin-right: 3rem
}
.form-box > .checkbox > label > .input,
.form-box > .radio > label > .input {
    cursor: pointer
}
.form-box > .checkbox > label > .text,
.form-box > .radio > label > .text {
    cursor: pointer;
    font-size: 1.1rem;
    line-height: 1.5em;
    padding-left: 2.4rem;
    position: relative
}
@media(min-width:768px) {
    .form-box > .checkbox > label > .text,
    .form-box > .radio > label > .text {
        font-size: 1.3rem
    }
}
.form-box>.checkbox>label>.input:checked+.text,
.form-box>.radio>label>.input:checked+.text {
    color: #0067c8
}
.form-box>.checkbox>label>.input:disabled+.text,
.form-box>.radio>label>.input:disabled+.text {
    cursor: default
}
.form-box>.checkbox>label>.input:disabled+.text:before,
.form-box>.radio>label>.input:disabled+.text:before {
    background-color: #d9d9d9
}
.form-box>.checkbox>label>.text:before {
    content: "";
    display: block;
    position: absolute;
    top: -0.1rem;
    left: 0;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 0.2rem;
    background-color: #d9d9d9
}
.form-box>.checkbox>label>.text:after {
    content: "";
    display: block;
    position: absolute;
    top: 0.2rem;
    left: 0.6rem;
    width: 0.6rem;
    height: 0.9rem;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    border-bottom: 0.24rem solid #fff;
    border-right: 0.24rem solid #fff
}
.form-box>.checkbox>label>.input:checked+.text:before {
    background-color: #0067c8
}
.form-box>.radio>label>.text:before {
    content: "";
    display: block;
    position: absolute;
    top: -0.1rem;
    left: 0;
    width: 1.8rem;
    height: 1.8rem;
    border: 0.1rem solid #d9d9d9;
    border-radius: 50%
}
.form-box>.radio>label>.input:checked+.text:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0.3rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.2rem;
    height: 1.2rem;
    background-color: #0067c8;
    border-radius: 50%
}
@media(max-width:1099px) {
    .form-box > .radio.-two-choice {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .form-box > .radio.-two-choice > label {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 1.3rem;
        border: 0.1rem solid #d9d9d9;
        cursor: pointer
    }
    .form-box>.radio.-two-choice>label:not(:last-child) {
        margin-right: 0
    }
    .form-box > .radio.-two-choice > label > .text {
        margin-bottom: 0
    }
}
.form-box > i {
    font-size: 1.8rem;
    position: absolute;
    top: 50%;
    right: 1rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.form-box > i.icon-chevron-down {
    z-index: -1
}
@media(min-width:1100px) {
    .form-box > i.icon-chevron-down.-mw-30 {
        max-width: 30rem
    }
}
.form-box.-success > .icons-success {
    color: #093
}
.form-box.-error > .input,
.form-box.-error > .select {
    border-color: #bc000e;
    color: #bc000e
}
.form-box.-error>.input:focus,
.form-box.-error>.select:focus {
    border-color: #bc000e
}
.form-box.-error>.label:before,
.form-box.-error>.input[required]:focus~.label:before,
.form-box.-error>.input:invalid~.label:before,
.form-box.-error > .icons-error {
    color: #bc000e
}
@media(min-width:1100px) {
    .form-box.-mw-45 {
        max-width: 45rem
    }
}
.header-notification {
    background-color: #fff;
    padding: 1rem 0;
    border: solid 0.2rem #bc000e
}
@media(min-width:736px) {
    .header-notification {
        width: 100%;
        margin: 0.8rem auto;
        background-color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 1rem 0
    }
}
@media(min-width:1100px) {
    .header-notification {
        margin: 1.6rem auto
    }
}
.header-notification > * {
    font-size: 1.2rem;
    margin: 0 1.2rem
}
.header-notification a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.header-notification a:link {
    color: inherit
}
.header-notification a:visited {
    color: #777
}
@media(min-width:1100px) {
    .header-notification a:hover {
        color: #777
    }
}
.header-notification i {
    color: #0067c8;
    font-size: 1.3rem;
    margin-right: 0.5rem
}
.header-notification li {
    text-align: center;
    font-size: 2rem;
    color: #bc000e;
    margin: 1rem
}
.header-notification p {
    text-align: center;
    font-size: 1.2rem;
    color: #111;
    line-height: 1.5em;
    margin: 1.5rem auto 0
}
@media(min-width:736px) and(min-width:768px) {
    .header-notification {
        width: calc(100% - 3.2rem);
        max-width: 96rem
    }
}
@media(min-width:736px) and(min-width:1100px) {
    .header-notification {
        max-width: 120rem
    }
}
.help-box {
    background-color: #fff;
    border-bottom: 0.1rem solid #d9d9d9;
    padding: 2rem 1rem
}
@media(min-width:768px) {
    .help-box {
        padding: 2rem
    }
}
@media(min-width:1100px) {
    .help-box {
        padding: 2rem 6.5rem
    }
}
.help-box > .title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1em;
    border-top: solid 0.1rem #111;
    border-bottom: solid 0.1rem #111;
    padding: 1.6rem 0
}
.help-box>.title:not(:first-child) {
    margin-top: 6rem
}
@media(min-width:736px) {
    .help-box > .title {
        font-size: 2.4rem
    }
}
.help-box > .subtitle {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5em;
    margin: 4rem 0 2rem
}
@media(min-width:736px) {
    .help-box > .subtitle {
        font-size: 2rem
    }
}
.help-box > dl {
    border-bottom: 0.1rem solid #d9d9d9;
    margin-bottom: 2.4rem
}
@media(min-width:736px) {
    .help-box > dl {
        margin-bottom: 3.2rem
    }
}
.help-box>dl:last-of-type {
    margin-bottom: 0
}
.help-box > dl > dt {
    font-size: 1.4rem;
    line-height: 1.6em;
    font-weight: 700;
    border-top: 0.1rem solid #d9d9d9;
    border-left: 0.1rem solid #d9d9d9;
    border-right: 0.1rem solid #d9d9d9;
    background-color: #f2f2f2;
    padding: 0.7rem 1rem
}
.help-box > dl > dd {
    font-size: 1.4rem;
    line-height: 1.6em;
    border-top: 0.1rem solid #d9d9d9;
    border-left: 0.1rem solid #d9d9d9;
    border-right: 0.1rem solid #d9d9d9;
    padding: 1rem
}
.help-box a {
    color: #0067c8
}
@media(min-width:1100px) {
    .help-box a:hover {
        color: #003982
    }
}
.brand-channel-thumbnail-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -1rem 0.5rem 0
}
@media(min-width:1100px) {
    .brand-channel-thumbnail-list {
        margin: 0 -1rem
    }
}
.brand-channel-thumbnail-list > .item {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(25% - 1rem);
    flex-basis: calc(25% - 1rem);
    margin: 1rem 0.5rem 0
}
@media(min-width:1100px) {
    .brand-channel-thumbnail-list > .item {
        -ms-flex-preferred-size: calc(12.5% - 2rem);
        flex-basis: calc(12.5% - 2rem);
        margin: 0 1rem
    }
}
@media(min-width:1100px) {
    .brand-channel-thumbnail-list > .item > .inner {
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .brand-channel-thumbnail-list>.item>.inner:hover {
        opacity: .8
    }
}
.brand-channel-thumbnail-list > .item > .inner > img {
    border-radius: 50%;
    overflow: hidden
}
.headline-content-info,
.headline-content-link>.info,
.headline-content>.link>.info,
.headline-content>.nogralink>.info,
.headline-content>.nogralink-black>.info,
.headline-contents>.content>.link>.info,
.headline-contents>.content>.nogralink>.info,
.headline-contents > .content > .nogralink-black > .info {
    width: 100%;
    font-size: 1rem;
    line-height: 2rem;
    height: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}
.headline-content-info > .views,
.headline-content-link>.info>.views,
.headline-content>.link>.info>.views,
.headline-content>.nogralink>.info>.views,
.headline-content>.nogralink-black>.info>.views,
.headline-contents>.content>.link>.info>.views,
.headline-contents>.content>.nogralink>.info>.views,
.headline-contents>.content>.nogralink-black>.info>.views,
.headline-content-info>.stars,
.headline-content-link>.info>.stars,
.headline-content>.link>.info>.stars,
.headline-content>.nogralink>.info>.stars,
.headline-content>.nogralink-black>.info>.stars,
.headline-contents>.content>.link>.info>.stars,
.headline-contents>.content>.nogralink>.info>.stars,
.headline-contents > .content > .nogralink-black > .info > .stars {
    padding-right: 1rem
}
.headline-content-link,
.headline-content>.link,
.headline-content>.nogralink,
.headline-content>.nogralink-black,
.headline-contents>.content>.link,
.headline-contents>.content>.nogralink,
.headline-contents > .content > .nogralink-black {
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.7)),color-stop(30%,rgba(0,0,0,.4)),color-stop(50%,rgba(0,0,0,.01)),to(transparent));
    background: linear-gradient(to top,rgba(0,0,0,.7) 0,rgba(0,0,0,.4) 30%,rgba(0,0,0,.01) 50%,transparent 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.8rem 1.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}
.headline-content-link > .title,
.headline-content>.link>.title,
.headline-content>.nogralink>.title,
.headline-content>.nogralink-black>.title,
.headline-contents>.content>.link>.title,
.headline-contents>.content>.nogralink>.title,
.headline-contents > .content > .nogralink-black > .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 100%;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.2rem;
    max-height: 4.4rem;
    margin-bottom: 0.5rem
}
.headline-content-link.-small,
.headline-content>.link.-small,
.headline-content>.nogralink.-small,
.headline-content>.nogralink-black.-small,
.headline-contents>.content>.link.-small,
.headline-contents>.content>.nogralink.-small,
.headline-contents>.content>.nogralink-black.-small,
.headline-content:not(:first-child)>.link,
.headline-contents>.content:not(:first-child) > .link {
    padding: 0.4rem 0.75rem
}
.headline-content-link.-small > .title,
.headline-content>.link.-small>.title,
.headline-content>.nogralink.-small>.title,
.headline-content>.nogralink-black.-small>.title,
.headline-contents>.content>.link.-small>.title,
.headline-contents>.content>.nogralink.-small>.title,
.headline-contents>.content>.nogralink-black.-small>.title,
.headline-content:not(:first-child)>.link>.title,
.headline-contents>.content:not(:first-child) > .link > .title {
    font-size: 1.2rem;
    line-height: 1.6rem;
    max-height: 3.2rem
}
@media(min-width:768px) {
    .headline-content-link.-small,
    .headline-content>.link.-small,
    .headline-content>.nogralink.-small,
    .headline-content>.nogralink-black.-small,
    .headline-contents>.content>.link.-small,
    .headline-contents>.content>.nogralink.-small,
    .headline-contents>.content>.nogralink-black.-small,
    .headline-content:not(:first-child)>.link,
    .headline-contents>.content:not(:first-child) > .link {
        padding: 0.8rem 1.5rem
    }
    .headline-content-link.-small > .title,
    .headline-content>.link.-small>.title,
    .headline-content>.nogralink.-small>.title,
    .headline-content>.nogralink-black.-small>.title,
    .headline-contents>.content>.link.-small>.title,
    .headline-contents>.content>.nogralink.-small>.title,
    .headline-contents>.content>.nogralink-black.-small>.title,
    .headline-content:not(:first-child)>.link>.title,
    .headline-contents>.content:not(:first-child) > .link > .title {
        font-size: 1.6rem;
        line-height: 2.2rem;
        max-height: 4.4rem
    }
}
@media(min-width:768px) {
    .headline-content-link.-first,
    .headline-content>.link.-first,
    .headline-content>.nogralink.-first,
    .headline-content>.nogralink-black.-first,
    .headline-contents>.content>.link.-first,
    .headline-contents>.content>.nogralink.-first,
    .headline-contents>.content>.nogralink-black.-first,
    .headline-content:first-child>.link,
    .headline-contents>.content:first-child > .link {
        width: 100%
    }
    .headline-content-link.-first > .title,
    .headline-content>.link.-first>.title,
    .headline-content>.nogralink.-first>.title,
    .headline-content>.nogralink-black.-first>.title,
    .headline-contents>.content>.link.-first>.title,
    .headline-contents>.content>.nogralink.-first>.title,
    .headline-contents>.content>.nogralink-black.-first>.title,
    .headline-content:first-child>.link>.title,
    .headline-contents>.content:first-child > .link > .title {
        font-size: 2.4rem;
        line-height: 3.2rem;
        max-height: 6.4rem
    }
}
.headline-content,
.headline-contents > .content {
    position: relative;
    width: 100%;
    overflow: hidden
}
.headline-content:not(:first-child),
.headline-contents>.content:not(:first-child) {
    width: 50%
}
.headline-content:before,
.headline-contents>.content:before {
    content: "";
    display: block;
    padding-top: 66.66666666666666%
}
.headline-content.-noText > .link,
.headline-contents > .content.-noText > .link {
    background: inherit
}
.headline-content > .img,
.headline-contents > .content > .img {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 0.1rem);
    max-width: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.headline-content > .members,
.headline-contents > .content > .members {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    width: 29%
}
@media(min-width:1100px) {
    .headline-content > .members,
    .headline-contents > .content > .members {
        top: 1rem;
        left: 1rem
    }
}
.headline-content > .link,
.headline-contents > .content > .link {
    position: absolute;
    top: 0;
    left: 0
}
.headline-content > .nogralink,
.headline-contents>.content>.nogralink,
.headline-content>.nogralink-black,
.headline-contents > .content > .nogralink-black {
    background: none;
    position: absolute;
    top: 0;
    left: 0
}
.headline-content > .nogralink-black,
.headline-contents > .content > .nogralink-black {
    color: #000;
    text-shadow: 0 0 2px #fff
}
@media(min-width:768px) {
    .headline-content,
    .headline-contents > .content {
        width: 50%
    }
    .headline-content:not(:first-child),
    .headline-contents>.content:not(:first-child) {
        width: 25%;
        position: absolute
    }
    .headline-content:nth-child(2),
    .headline-contents>.content:nth-child(2) {
        top: 0;
        left: 50%
    }
    .headline-content:nth-child(3),
    .headline-contents>.content:nth-child(3) {
        top: 0;
        right: 0
    }
    .headline-content:nth-child(4),
    .headline-contents>.content:nth-child(4) {
        bottom: 0;
        left: 50%
    }
    .headline-content:nth-child(5),
    .headline-contents>.content:nth-child(5) {
        bottom: 0;
        right: 0
    }
}
@media(min-width:768px) and(min-width:1100px) {
    .headline-content,
    .headline-contents > .content {
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .headline-content:hover,
    .headline-contents>.content:hover {
        opacity: .8
    }
}
.headline-contents {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    color: #fff;
    margin-bottom: 0.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
@media(min-width:768px) {
    .headline-contents {
        width: calc(100% - 3.2rem);
        max-width: 96rem
    }
}
@media(min-width:1100px) {
    .headline-contents {
        max-width: 120rem
    }
}
@media(min-width:768px) {
    .headline-contents {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem;
        display: block
    }
}
.content-box {
    -ms-flex-preferred-size: calc(55% - 0.75rem);
    flex-basis: calc(55% - 0.75rem);
    margin: 2rem 0 1.6rem
}
@media(min-width:1100px) {
    .content-box {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}
.content-box .body {
    overflow: hidden;
    background-color: #fff;
    border-bottom: 0.1rem solid #d9d9d9;
    width: 100%
}
.content-box .content {
    padding: 0
}
@media(min-width:1100px) {
    .content-box .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        height: 100%
    }
}
.content-box .bnr {
    width: 100%
}
@media(min-width:1100px) {
    .content-box .bnr {
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .content-box .bnr:hover {
        opacity: .8
    }
}
@media(min-width:1100px) {
    .content-box .bnr {
        display: none
    }
}
.content-box .bnr img {
    width: 100%
}
.content-box .thumbnail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #111;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16rem;
    flex: 0 0 16rem
}
@media(min-width:1100px) {
    .content-box .thumbnail {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20rem;
        flex: 0 0 20rem;
        display: block;
        height: 100%;
        padding: 2.5rem 2rem;
        margin: 0
    }
}
.content-box .thumbnail > .logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 47%;
    flex: 0 0 47%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
@media(min-width:1100px) {
    .content-box .thumbnail > .logo {
        margin-bottom: 2rem
    }
}
.content-box .thumbnail > .logo > img {
    width: 55%
}
@media(min-width:1100px) {
    .content-box .thumbnail > .logo > img {
        width: 90%
    }
}
.content-box .thumbnail > .inner {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 53%;
    flex: 0 0 53%;
    padding: 2rem 2rem 2rem 0.5rem
}
@media(min-width:1100px) {
    .content-box .thumbnail > .inner {
        padding: 0
    }
}
.content-box .thumbnail > .inner > .img {
    width: 100%;
    display: block;
    margin-bottom: 1rem
}
@media(min-width:1100px) {
    .content-box .thumbnail > .inner > .img {
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .content-box .thumbnail>.inner>.img:hover {
        opacity: .8
    }
}
.content-box .thumbnail > .inner > .title {
    color: #fff;
    font-size: 1.4rem;
    line-height: 1em;
    margin-bottom: 0.7rem
}
.content-box .thumbnail > .inner > .date {
    color: #fff;
    font-size: 1rem;
    line-height: 1em
}
.content-box .articleTitleList {
    padding: 2rem 3rem;
    margin-top: 0
}
@media(min-width:1100px) {
    .content-box .articleTitleList {
        height: 100%
    }
}
.content-box .articleTitleList > .item {
    margin: 1.5rem 0
}
@media(min-width:1100px) {
    .content-box .articleTitleList > .item {
        margin: 2rem 0
    }
}
@media(min-width:1100px) {
    .content-box .articleTitleList>.item>a:hover {
        color: #777
    }
}
.content-box .articleTitleList > .item > a > .title {
    padding: initial
}
.content-box .articleTitleList > .item > a > .subtitle {
    margin-bottom: 0.5rem;
    padding: initial
}
.clip-btn {
    color: #777;
    background-color: #fff;
    border: 0.1rem solid #777;
    border-right: none;
    border-radius: 2rem 0 0 2rem;
    font-size: 1.1rem;
    padding: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}
.clip-btn > i {
    font-size: 1.5rem
}
.clip-btn > .number {
    display: inline-block;
    text-align: center;
    line-height: 1em;
    min-width: 2em
}
.clip-btn.-large {
    font-size: 1.2rem
}
.clip-btn.-large > i {
    font-size: 1.8rem
}
.clip-btn.-active {
    color: #0067c8;
    border-color: #0067c8
}
@media(min-width:1100px) {
    .clip-btn {
        -webkit-transition: 0.3s all;
        transition: 0.3s all
    }
    .clip-btn:hover {
        color: #0067c8;
        border-color: #0067c8
    }
}
.auth-box {
    background-color: #fff;
    border-bottom: 0.1rem solid #d9d9d9;
    width: 100%;
    padding: 2rem 2rem 4rem
}
@media(min-width:768px) {
    .auth-box {
        padding: 3rem 8rem
    }
}
.auth-box .title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1em;
    margin-bottom: 2rem
}
@media(min-width:768px) {
    .auth-box .title {
        text-align: center
    }
}
.auth-box .title.-center {
    text-align: center
}
.auth-box .subtitle {
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 2rem
}
.auth-box .note {
    font-size: 1rem;
    line-height: 1.5em;
    text-align: center;
    margin-top: -1rem;
    margin-bottom: 2rem
}
@media(min-width:1100px) {
    .auth-box .note {
        font-size: 1.2rem
    }
}
.auth-box .note p.-header {
    text-align: center;
    line-height: 1.5em;
    font-size: 1.2rem
}
.auth-box .note p.-center {
    text-align: center;
    line-height: 1.2em
}
.auth-box .lead {
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    margin: 3rem 0 1rem
}
@media(min-width:1100px) {
    .auth-box .lead {
        font-size: 1.6rem
    }
}
.auth-box .text {
    font-size: 1.4rem;
    line-height: 1.5em;
    margin-bottom: 2rem
}
.auth-box .text.-small {
    font-size: 1.2rem
}
.auth-box .text.-center {
    text-align: center
}
.auth-box .text.-head {
    font-size: 1.6rem;
    margin-bottom: 3rem
}
@media(min-width:768px) {
    .auth-box .text.-head {
        text-align: center
    }
}
.auth-box .text.-agreement {
    font-size: 1.2rem;
    margin: 1rem 0 0;
    text-align: center
}
.auth-box .text.-notes {
    font-size: 1.2rem;
    margin-top: 2rem
}
.auth-box .text.-forgotPassword {
    line-height: 1em;
    text-align: center
}
.auth-box .text.-moveTopPage {
    text-align: center;
    margin: 3rem 0 0
}
.auth-box .text.-movePage {
    font-size: 1.2rem;
    line-height: 1em;
    margin: 2rem 0 0;
    text-align: center
}
.auth-box .text > a {
    color: #0067c8
}
@media(min-width:1100px) {
    .auth-box .text>a:hover {
        color: #003982
    }
}
.auth-box .linkList {
    text-align: center
}
.auth-box .linkList > .text {
    line-height: 1em
}
.auth-box .linkList>.text:not(:last-child) {
    margin-bottom: 2rem
}
.auth-box .snsMessage {
    font-size: 1.2rem;
    text-align: center;
    margin-top: 1rem
}
.auth-box .partition {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 1.2rem;
    text-align: center;
    margin: 2.5rem 0
}
.auth-box .partition:before,
.auth-box .partition:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 40%;
    height: 0.1rem;
    background-color: #777
}
.auth-box .partition:before {
    left: 0
}
.auth-box .partition:after {
    right: 0
}
.auth-box .registeredAddress {
    margin-bottom: 2rem;
    padding: 2rem 0;
    text-align: center;
    color: #111;
    border-top: solid 0.1rem #777;
    border-bottom: solid 0.1rem #777
}
.auth-box .registeredAddress > .title {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 1rem
}
.auth-box .registeredAddress > .content {
    font-size: 1.6rem
}
.auth-box .form-box {
    margin-bottom: 1.5rem
}
.auth-box .form-box .checkbox {
    margin-bottom: 2rem
}
.auth-box .form-box .checkbox > label > .text {
    font-size: 1.4rem;
    margin-bottom: 0
}
.auth-box .form-box .checkbox>label>.text:before {
    top: -0.2rem
}
.auth-box .error-message {
    margin: -1rem 0 1.5rem
}
.auth-box .btn {
    max-width: 100%
}
.auth-section {
    display: block;
    margin: 0 auto
}
@media(min-width:1100px) {
    .auth-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 48rem;
        margin: 3rem auto 0
    }
}
@media(min-width:1100px) {
    .auth-section.-large {
        width: 96rem
    }
}
.auth-section.-large > .auth-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-bottom: 3rem
}
@media(max-width:1099px) {
    .auth-section.-large > .auth-box {
        border-bottom: none
    }
}
@media(min-width:1100px) {
    .auth-section.-large > .auth-box {
        padding: 3rem 5rem
    }
}
.auth-section.-large > .auth-content-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}
.magazine-block {
    margin-bottom: 1.6rem
}
@media(min-width:1100px) {
    .magazine-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}
.magazine-block > .thumbnail {
    width: 100%;
    text-align: center;
    padding: 0 1rem;
    margin-bottom: 1.6rem;
    margin-top: 1.6rem
}
@media(min-width:768px) {
    .magazine-block > .thumbnail {
        margin-top: initial
    }
}
@media(min-width:1100px) {
    .magazine-block > .thumbnail {
        padding: 0;
        margin: 0 2rem 0 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 24rem;
        flex: 0 1 24rem
    }
}
.magazine-block > .thumbnail > .img > img {
    width: 55%
}
@media(min-width:1100px) {
    .magazine-block > .thumbnail > .img > img {
        width: 100%
    }
}
.magazine-block > .thumbnail > .btn {
    width: 100%;
    margin: 0.8rem 0 0
}
@media(min-width:1100px) {
    .magazine-block > .thumbnail > .btn {
        padding: 1.2rem 0
    }
}
.magazine-block > .thumbnail > .note {
    color: #777;
    font-size: 1rem;
    line-height: 1em;
    text-align: center;
    margin-top: 0.5rem
}
.magazine-block > .thumbnail > p {
    color: #0052b2;
    font-size: 1rem;
    line-height: 1em;
    text-align: center;
    margin-top: 0.5rem
}
.magazine-block > .body {
    background-color: #fff;
    border-bottom: 0.1rem solid #d9d9d9;
    padding: 2rem 1rem;
    position: relative
}
@media(min-width:1100px) {
    .magazine-block > .body {
        padding: 3rem 2rem;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 58rem;
        flex: 1 0 58rem
    }
}
.magazine-block > .body > .title {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1em;
    margin-bottom: 2rem
}
@media(min-width:1100px) {
    .magazine-block > .body > .title {
        margin-bottom: 3rem
    }
}
.magazine-block > .body > .date {
    color: #777;
    font-size: 1rem;
    line-height: 1em;
    position: absolute;
    top: 2rem;
    right: 1rem
}
@media(min-width:1100px) {
    .magazine-block > .body > .date {
        font-size: 1.2rem;
        top: 3rem;
        right: 2rem
    }
}
.magazine-block > .body > .index {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.magazine-block > .body > .index > .indexList {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}
.magazine-block > .body > .index > .indexList.-left {
    border-right: solid 0.1rem #d9d9d9;
    padding-right: 1rem
}
@media(min-width:1100px) {
    .magazine-block > .body > .index > .indexList.-left {
        padding-right: 2rem;
        -webkit-box-flex: 100%;
        -ms-flex: 100% 1;
        flex: 100% 1
    }
}
.magazine-block > .body > .index > .indexList.-right {
    padding-left: 1rem
}
@media(min-width:1100px) {
    .magazine-block > .body > .index > .indexList.-right {
        padding-left: 2rem;
        -webkit-box-flex: 100%;
        -ms-flex: 100% 1;
        flex: 100% 1
    }
}
.magazine-block > .body > .index > .indexList > .item {
    color: #777;
    font-size: 1.2rem;
    line-height: 1.3em
}
.magazine-block>.body>.index>.indexList>.item:not(:last-child) {
    margin-bottom: 2rem
}
.magazine-block > .body > .index > .indexList > .item.-headline,
.magazine-block > .body > .index > .indexList > .item.-headline > a {
    font-size: 1.6rem;
    font-weight: 700
}
@media(min-width:1100px) {
    .magazine-block > .body > .index > .indexList > .item.-headline,
    .magazine-block > .body > .index > .indexList > .item.-headline > a {
        font-size: 2rem
    }
}
.magazine-block > .body > .index > .indexList > .item.-subhead,
.magazine-block > .body > .index > .indexList > .item.-subhead > a {
    font-weight: 700
}
@media(min-width:1100px) {
    .magazine-block > .body > .index > .indexList > .item.-subhead,
    .magazine-block > .body > .index > .indexList > .item.-subhead > a {
        font-size: 1.4rem
    }
}
.magazine-block > .body > .index > .indexList > .item > a {
    color: #111
}
@media(min-width:1100px) {
    .magazine-block>.body>.index>.indexList>.item>a:hover {
        color: #777
    }
}
.magazine-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0.25rem;
    margin: -1rem 0 0
}
@media(min-width:1100px) {
    .magazine-list {
        padding: 0;
        margin: -1rem -0.75rem 0
    }
}
.magazine-list > .item {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(100% / 3 - 1.5rem);
    flex-basis: calc(100% / 3 - 1.5rem);
    margin: 1rem 0.75rem
}
@media(min-width:1100px) {
    .magazine-list > .item {
        -ms-flex-preferred-size: calc(100% / 6 - 1.5rem);
        flex-basis: calc(100% / 6 - 1.5rem)
    }
}
.magazine-list > .item > .img {
    margin-bottom: 0.5rem
}
@media(min-width:1100px) {
    .magazine-list > .item > .img {
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .magazine-list>.item>.img:hover {
        opacity: .8
    }
}
.magazine-list > .item > .date {
    color: #777;
    font-size: 1rem;
    line-height: 1.5em
}
.magazine-list-selected {
    border-top: 0.1rem solid #d9d9d9;
    border-bottom: 0.1rem solid #d9d9d9;
    padding: 2rem 0;
    margin-bottom: 2rem
}
@media(min-width:1100px) {
    .magazine-list-selected {
        text-align: center
    }
}
.magazine-list-selected > .title {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 2rem
}
.magazine-list-selected > .list > .item {
    font-size: 1.6rem;
    line-height: 1em
}
.magazine-list-selected>.list>.item:not(:last-child) {
    margin-bottom: 1rem
}
.mailmagazine-list>.item:not(:last-child) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem
}
.media-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 2.4rem
}
@media(min-width:736px) {
    .media-box {
        margin-bottom: 3.2rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}
.media-box p {
    margin-bottom: 0
}
.media-box img {
    width: 100%
}
@media(min-width:736px) {
    .media-box > .right {
        width: 16rem
    }
}
@media(min-width:768px) {
    .media-box > .right {
        width: 24rem
    }
}
@media(min-width:1100px) {
    .media-box > .right {
        width: 32rem
    }
}
.media-box > .body {
    margin-bottom: 0.8rem
}
@media(min-width:736px) {
    .media-box > .body {
        margin-bottom: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        padding-right: 2rem
    }
}
.members-lp-content {
    width: 100%
}
.members-lp-content:last-of-type {
    margin-bottom: -1.5rem
}
@media(min-width:1100px) {
    .members-lp-content:last-of-type {
        margin-bottom: -9rem
    }
}
.members-lp-content.-white {
    background-color: #fff
}
.members-lp-content.-black {
    background-color: #111
}
@media(min-width:768px) {
    .members-lp-content {
        width: 100vw;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}
.members-lp-content > .inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 3rem 1rem
}
@media(min-width:768px) {
    .members-lp-content > .inner {
        width: calc(100% - 3.2rem);
        max-width: 96rem
    }
}
@media(min-width:1100px) {
    .members-lp-content > .inner {
        max-width: 120rem
    }
}
@media(min-width:1100px) {
    .members-lp-content > .inner {
        padding: 5rem 0
    }
}
.members-lp-content > .inner.-pb-0 {
    padding-bottom: 0
}
.members-lp-content > .inner > .title {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.3em;
    text-align: center;
    margin-bottom: 2rem
}
@media(min-width:1100px) {
    .members-lp-content > .inner > .title {
        font-size: 3.2rem;
        margin-bottom: 3rem
    }
}
@media(min-width:1100px) {
    .members-lp-content > .inner > .title.-lg {
        font-size: 3.6rem
    }
}
.members-lp-content > .inner > .title.-white {
    color: #fff
}
.members-lp-content > .inner > .subtitle {
    font-size: 1.6rem;
    line-height: 1.3em;
    text-align: center;
    margin-bottom: 1rem
}
@media(min-width:1100px) {
    .members-lp-content > .inner > .subtitle {
        font-size: 1.8rem;
        margin-bottom: 2rem
    }
}
@media(min-width:1100px) {
    .members-contents-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}
.members-contents-wrap > .members-contents {
    padding-left: 1rem;
    padding-right: 1rem
}
@media(min-width:768px) {
    .members-contents-wrap > .members-contents {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}
@media(min-width:1100px) {
    .members-contents-wrap > .members-contents {
        -ms-flex-preferred-size: calc(50% - 1.5rem);
        flex-basis: calc(50% - 1.5rem);
        padding: 6rem 3.2rem
    }
    .members-contents-wrap>.members-contents:not(:last-child) {
        margin-bottom: 0
    }
}
.members-contents-wrap .members-contents > .btn-group {
    margin: 0 -0.5rem
}
.members-contents {
    background-color: #111;
    padding: 3rem 0
}
.members-contents:not(:last-child) {
    margin-bottom: 3rem
}
@media(min-width:768px) {
    .members-contents {
        padding: 6rem 1.6rem
    }
}
@media(min-width:1100px) {
    .members-contents {
        padding: 6rem 16rem
    }
}
.members-contents > .title,
.members-contents > .subtitle {
    font-weight: 700;
    line-height: 1em;
    color: #fff;
    text-align: center;
    padding: 0 0.8rem
}
@media(min-width:768px) {
    .members-contents > .title,
    .members-contents > .subtitle {
        padding: 0
    }
}
.members-contents > .title {
    font-size: 2.2rem;
    line-height: 1.3em;
    padding: 0 0.8rem
}
@media(min-width:768px) {
    .members-contents > .title {
        font-size: 3.8rem;
        padding: 0
    }
}
.members-contents > .title > span {
    color: #db0000
}
.members-contents > .subtitle {
    font-size: 1.8rem;
    margin-top: 2rem
}
@media(min-width:768px) {
    .members-contents > .subtitle {
        font-size: 2.6rem;
        margin-top: 4rem
    }
}
.members-contents > .content {
    margin: 2rem 0 0
}
@media(min-width:1100px) {
    .members-contents > .content {
        margin: 4rem 0 0
    }
}
.members-contents > .content .card-box {
    border-bottom: none;
    background-color: #222
}
.members-contents > .content .card-box a.inner > .body > .title,
.members-contents>.content .card-box a.inner:visited > .body > .title {
    color: #fff
}
@media(min-width:1100px) {
    .members-contents>.content .card-box a.inner:hover>.body>.title,
    .members-contents>.content .card-box a.inner:visited:hover > .body > .title {
        color: #d9d9d9
    }
}
.members-contents > .content > .description {
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.5em
}
@media(min-width:768px) {
    .members-contents > .content > .description {
        font-size: 1.6rem
    }
}
.members-contents > .content .img {
    margin: 0.8rem 0
}
@media(min-width:768px) {
    .members-contents > .content .img {
        margin: 1.6rem 0
    }
}
.members-contents > .btn-group {
    margin: 0 0.5rem
}
@media(min-width:768px) {
    .members-contents > .btn-group {
        margin: 0 -0.5rem
    }
}
.members-contents > .textlink {
    font-size: 1.4rem;
    text-align: center;
    line-height: 1em;
    margin-top: 2rem
}
@media(min-width:768px) {
    .members-contents > .textlink {
        margin-top: 4rem
    }
}
.members-contents > .textlink > a {
    color: #fff
}
.members-contents>.textlink>a:hover {
    opacity: .8
}
.cf:before,
.cf:after {
    content: '';
    display: table
}
.cf:after {
    clear: both
}
.dispBlk {
    display: block
}
.dispNon {
    display: none
}
.pc_dispBlk {
    display: block
}
.sp_dispBlk {
    display: none
}
.container {
    /*width: 1024px;*/
    margin: 0 auto
}
.col-l {
    float: left
}
.col-r {
    float: right
}
.buttons {
    margin: 0 auto 30px;
    display: block;
}
.buttons a {
    display: block;
    font-weight: 900;
    text-align: center;
    -webkit-transition: 0.1s;
    transition: 0.1s
}
.buttons.big {
    width: 39rem
}
.buttons.big a {
    width: 382px;
    border-radius: 45px;
    background: #b9151a;
    color: #fff;
    font-size: 2.4rem;
    padding: 20px;
    border: 4px solid #b9151a
}
.buttons.big a:hover {
    color: #b9151a;
    border: 4px solid #b9151a;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    background: #fff
}
.buttons.big.-pro {
    width: 460px
}
.buttons.big.-pro a {
    width: 452px
}
.buttons.sml {
    width: 340px;
    margin: 0 auto 40px
}
.buttons.sml a {
    color: #0052b2;
    width: 334px;
    border-radius: 45px;
    background: #fff;
    font-size: 1.8rem;
    padding: 12px;
    border: 3px solid #0052b2
}
.buttons.sml a:hover {
    border: 3px solid #0052b2;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    background: #0052b2;
    color: #fff
}
.sentence-list {
    width: 460px;
    display: block;
    margin: 0 auto 30px
}
.sentence-list li {
    font-size: 1.6rem;
    line-height: 1.4;
    text-align: center
}
.sentence-list li a {
    color: #3674c1;
    border-bottom: 1px solid #3674c1;
    padding-bottom: 3px;
    text-decoration: none
}
.sentence-list li a:hover {
    border-bottom: 0;
    text-decoration: none
}
.button-normal {
    display: block;
    margin: 0 auto;
    width: 210px;
    text-align: center
}
.button-normal a {
    text-align: center;
    font-size: 1.6rem;
    display: inline-block;
    padding-bottom: 5px
}
.button-normal a:hover {
    text-decoration: none;
    border-bottom: 1px solid #222;
    padding-bottom: 4px
}
.members-lp-content2 .l-head-wrap {
    background: url('../images/members/members-lp-head.jpg') no-repeat 50% 0 #000;
    height: 562px;
    width: 100vw;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.members-lp-content2 .l-head-wrap .l-head {
    width: 1000px;
    margin: 0 auto;
    padding-top: 150px
}
.members-lp-content2 .l-head-wrap .l-head .l-head-top {
    height: 74px;
    margin-bottom: 14px
}
.members-lp-content2 .l-head-wrap .l-head .l-head-logo {
    width: 215px;
    margin: 0 auto
}
.members-lp-content2 .l-head-wrap .l-head .l-head-text {
    background: url('../images/members/members-lp-head-fuki.png') no-repeat;
    background-size: 465px 74px;
    width: 465px;
    height: 74px;
    display: block;
    float: right;
    padding: 16px 0 16px 20px
}
.members-lp-content2 .l-head-wrap .l-head .l-head-text .nml {
    color: #222;
    font-style: italic;
    font-size: 1.6rem;
    display: inline-block;
    line-height: 1.4;
    text-indent: 30px
}
.members-lp-content2 .l-head-wrap .l-head .l-head-text .nml .little-big {
    font-size: 1.8rem
}
.members-lp-content2 .l-head-wrap .l-head .l-head-text .big {
    color: #b9151a;
    font-style: italic;
    font-size: 2.8rem;
    display: inline-block;
    padding-left: 6px;
    padding-top: 20px;
    vertical-align: top
}
.members-lp-content2 .l-head-wrap .l-head .l-head-text .big .sml {
    padding-left: 6px
}
.members-lp-content2 .l-head-wrap .l-head .l-head-bottom {
    display: block
}
.members-lp-content2 .l-head-wrap .l-head .l-head-bottom .main-title {
    font-size: 5.4rem;
    color: #fff;
    display: block;
    margin-bottom: 36px;
    line-height: 1.4;
    text-align: center
}
.members-lp-content2 .l-head-wrap .l-head .l-head-bottom .sub-text {
    background: #6e1b1e;
    padding: 14px;
    color: #fff;
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 100;
    width: 650px;
    text-align: center;
    display: block;
    margin: 0 auto
}
.members-lp-content2 .wp-content {
    background: none;
    display: none;
    padding-top: 110px
}
.members-lp-content2 .wp-content.dispBlk {
    display: block
}
.members-lp-content2 .l-main-content {
    position: relative;
    top: -110px;
    width: 100vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: -200px
}
.members-lp-content2 .l-main-content .timeline-area {
    background: #f2f2f2;
    margin: 0 auto;
    overflow: hidden;
    padding: 80px 0 76px;
    width: 100%
}
.members-lp-content2 .l-main-content .timeline-area .title {
    color: #222;
    font-size: 42px;
    font-weight: 700;
    text-align: center
}
.members-lp-content2 .l-main-content .timeline-area .text {
    display: block;
    font-size: 1.6em;
    line-height: 1.6;
    margin: 0 auto 20px;
    text-align: center;
    width: 848px
}
.members-lp-content2 .l-main-content .timeline-area .sml {
    display: block;
    font-size: 2.4rem;
    font-weight: 400;
    padding-bottom: 10px
}
.members-lp-content2 .l-main-content .col-1-sentence {
    background: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 80px 0 50px
}
.members-lp-content2 .l-main-content .col-1-sentence .title {
    font-size: 2.8rem;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 30px
}
.members-lp-content2 .l-main-content .col-1-sentence .freemium {
    width: 1070px;
    margin: 0 auto 46px;
    font-size: 0.6rem;
    line-height: 1.4;
    display: block;
    text-align: center
}
.members-lp-content2 .l-main-content .col-1-sentence .text {
    width: 848px;
    margin: 0 auto 20px;
    font-size: 1.6rem;
    line-height: 1.6;
    display: block
}
.members-lp-content2 .l-main-content .col-1-sentence .text > a {
    text-align: center;
    font-size: 1.2rem;
    display: inline-block;
    padding-top: 1em;
    color: #0067c8
}
.members-lp-content2 .l-main-content .col-1-sentence .text>a:hover {
    text-decoration: none;
    opacity: .8;
    padding-bottom: 4px
}
.members-lp-content2 .l-main-content .select-list {
    position: absolute;
    top: 26px;
    left: 0;
    right: 0;
    width: 830px;
    display: block;
    margin: 0 auto
}
.members-lp-content2 .l-main-content .select-list li {
    width: 404px;
    height: 84px;
    float: left;
    margin-right: 20px
}
.members-lp-content2 .l-main-content .select-list li:last-child {
    margin-right: 0
}
.members-lp-content2 .l-main-content .select-list li a {
    display: block;
    width: 404px;
    background: #c7c7c7;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-size: 2.8rem;
    text-align: center;
    padding: 16px 0 12px;
    -webkit-transition: 0.1s;
    transition: 0.1s
}
.members-lp-content2 .l-main-content .select-list li a:hover {
    background: #fff;
    -webkit-transition: 0.1s;
    transition: 0.1s
}
.members-lp-content2 .l-main-content .select-list li span {
    font-size: 1.4rem;
    display: block
}
.members-lp-content2 .l-main-content .select-list li a.active {
    background: #fff;
    cursor: default
}
.members-lp-content2 .l-main-content .select-list li a.active:hover {
    background: #fff
}
.timeline-widget {
    width: 930px;
    margin: 0 auto
}
.timeline-labels,
.timeline-text {
    display: table;
    width: 900px
}
.timeline-bar {
    display: table;
    width: 840px;
    margin: 0 0 0 75px
}
.timeline-labels .timeline-date,
.timeline-bar .timeline-bar-item,
.timeline-text .timeline-text-item {
    display: table-cell;
    width: 220px
}
.timeline-labels {
    padding: 40px 0 20px
}
.timeline-labels .timeline-date {
    font-size: 2.4rem;
    font-weight: 600;
    color: #222
}
.timeline-labels .timeline-date.num01 {
    padding-left: 76px
}
.timeline-labels .timeline-date.num02 {
    padding-left: 58px
}
.timeline-labels .timeline-date.num03 {
    padding-left: 24px
}
.timeline-labels .timeline-date.num04 {
    padding-left: 5px
}
.timeline-bar {
    background: #3243ec;
    background: -webkit-gradient(linear,left top,right top,from(#3243ec),color-stop(52%,#a135f9),color-stop(53%,#c5c5c5),color-stop(80%,#c5c5c5),color-stop(94%,#f2f2f2),to(#f2f2f2));
    background: linear-gradient(to right,#3243ec 0,#a135f9 52%,#c5c5c5 53%,#c5c5c5 80%,#f2f2f2 94%,#f2f2f2 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = #3243ec, endColorstr = #f2f2f2, GradientType = 1);
    border-radius: 30px 0 0 30px;
    height: 46px
}
.timeline-bar .timeline-bar-item {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    vertical-align: middle
}
.timeline-bar .timeline-bar-item .icon-bowl {
    background: #fff;
    background-size: 36px;
    border-radius: 18px;
    display: block;
    width: 36px;
    height: 36px
}
.timeline-bar .timeline-bar-item .icon-bowl.bd {
    border: 5px solid #a135f9;
    width: 46px;
    height: 46px;
    background-size: 46px;
    border-radius: 23px
}
.timeline-bar .timeline-bar-item.icon-mail img {
    width: 44px;
    margin-left: 10px
}
.timeline-bar .timeline-bar-item .text-label {
    padding-left: 20px
}
.timeline-text {
    display: table;
    margin: 20px 0 60px
}
.timeline-text .timeline-text-item {
    font-size: 16px;
    font-weight: 400;
    color: #777
}
.timeline-text .timeline-text-item.num02 {
    padding-left: 28px
}
.timeline-text .timeline-text-item.num03 {
    padding-left: 16px
}
.timeline-text .timeline-text-item.num04 {
    padding-left: 8px
}
@media screen and(min-width:768px) and(max-width:1200px) {
    .members-lp-content2 .l-main-content {
        margin-bottom: -126px
    }
    .members-lp-content2 .l-main-content .col-1-sentence {
        width: 100%;
        padding: 80px 60px 50px
    }
    .members-lp-content2 .l-main-content .col-1-sentence .text {
        width: 100%;
        line-height: 1.6
    }
    .members-lp-content2 .l-main-content .select-list {
        top: 34px;
        width: 96%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .members-lp-content2 .l-main-content .select-list li {
        width: 45%;
        height: 76px;
        float: none;
        margin: 0 1% 0 4%
    }
    .members-lp-content2 .l-main-content .select-list li:last-child {
        margin: 0 0 0 1%;
    }
    .members-lp-content2 .l-main-content .select-list li a {
        display: block;
        width: 100%;
        font-size: 2.4rem;
        text-align: center;
        padding: 16px 0 12px;
        -webkit-transition: 0.1s;
        transition: 0.1s
    }
    .members-lp-content2 .l-main-content .select-list li a span {
        font-size: 1.4rem;
        display: block
    }
    .members-lp-content2 .l-head-wrap .l-head {
        width: 100%;
        padding-top: 80px
    }
    .members-lp-content2 .l-head-wrap .l-head .l-head-bottom .main-title {
        font-size: 6.5rem;
        margin-bottom: 16px;
        text-indent: 10px
    }
    .members-lp-content2 .l-head-wrap .l-head .l-head-bottom .main-title .sp_dispBlk {
        display: block
    }
    .members-lp-content2 .l-head-wrap .l-head .l-head-bottom .sub-text {
        font-size: 1.6rem;
        width: 540px;
        text-align: center
    }
}
@media screen and(max-width:767px) {
    .members-lp-content2 .buttons {
        margin: 10px 0 20px;
        display: block;
    }
    .members-lp-content2 .buttons a {
        display: block;
        font-weight: 900;
        text-align: center;
        -webkit-transition: 0.1s;
        transition: 0.1s
    }
    .members-lp-content2 .buttons.big {
        width: 100%
    }
    .members-lp-content2 .buttons.big a {
        width: 100%;
        border-radius: 45px;
        background: #b9151a;
        color: #fff;
        font-size: 1.6rem;
        padding: 16px;
        border: 3px solid #b9151a
    }
    .members-lp-content2 .buttons.big a:hover {
        color: #b9151a;
        border: 3px solid #b9151a;
        -webkit-transition: 0.1s;
        transition: 0.1s;
        background: #fff
    }
    .members-lp-content2 .buttons.big.-pro {
        width: 100%
    }
    .members-lp-content2 .buttons.big.-pro a {
        width: 100%;
        font-size: 1.4rem;
        padding: 16px 8px
    }
    .members-lp-content2 .buttons.sml {
        width: 100%;
        margin: 0 auto 30px;
        padding: 0 20px
    }
    .members-lp-content2 .buttons.sml a {
        color: #0052b2;
        width: 100%;
        border-radius: 45px;
        background: #fff;
        font-size: 1.2rem;
        padding: 12px;
        border: 2px solid #0052b2
    }
    .members-lp-content2 .buttons.sml a:hover {
        border: 2px solid #0052b2;
        -webkit-transition: 0.1s;
        transition: 0.1s;
        background: #0052b2;
        color: #fff
    }
    .members-lp-content2 .sentence-list {
        width: 100%;
        display: block;
        margin: 0 auto 24px
    }
    .members-lp-content2 .sentence-list li {
        font-size: 1.2rem;
        line-height: 1.4;
        text-align: center
    }
    .members-lp-content2 .sentence-list li a {
        color: #3674c1;
        border-bottom: 1px solid #3674c1;
        padding-bottom: 3px;
        text-decoration: none
    }
    .members-lp-content2 .sentence-list li a:hover {
        border-bottom: 0;
        text-decoration: none
    }
    .members-lp-content2 .l-head-wrap {
        background: url('../images/members/members-lp-top_bg-sp.jpg') no-repeat;
        background-size: cover;
        height: 270px
    }
    .members-lp-content2 .l-head-wrap .l-head {
        width: 100%;
        margin: 0 auto;
        padding-top: 30px
    }
    .members-lp-content2 .l-head-wrap .l-head .l-head-top {
        height: 38px;
        width: 330px;
        margin: 0 auto 10px
    }
    .members-lp-content2 .l-head-wrap .l-head .l-head-logo {
        width: 100px;
        margin: 0 auto
    }
    .members-lp-content2 .l-head-wrap .l-head .l-head-text {
        background: url('../images/members/members-lp-head-fuki-sp.png') no-repeat;
        background-size: 100%;
        width: 226px;
        height: 40px;
        display: block;
        float: right;
        padding: 0;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden
    }
    .members-lp-content2 .l-head-wrap .l-head .l-head-text .big {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden
    }
    .members-lp-content2 .l-head-wrap .l-head .l-head-bottom {
        display: block
    }
    .members-lp-content2 .l-head-wrap .l-head .l-head-bottom .main-title {
        font-size: 3.2rem;
        color: #fff;
        display: block;
        margin-bottom: 10px;
        line-height: 1.4;
        text-align: center;
        text-indent: 10px
    }
    .members-lp-content2 .l-head-wrap .l-head .l-head-bottom .sub-text {
        background: #6e1b1e;
        padding: 6px 10px;
        color: #fff;
        text-align: center;
        font-size: 1rem;
        line-height: 1.6;
        font-weight: 100;
        margin: 0 auto;
        width: 330px;
        display: block
    }
    .members-lp-content2 .l-head-wrap .l-head .l-head-bottom .sub-text .sp_dispBlk {
        display: none
    }
    .members-lp-content2 .l-main-content .timeline-area {
        margin: 0 auto;
        overflow: visible;
        padding: 40px 0 50px;
        width: 100%
    }
    .members-lp-content2 .l-main-content .timeline-area .buttons.big {
        margin: 0 auto 10px;
        width: 90%
    }
    .members-lp-content2 .l-main-content .timeline-area .title {
        font-size: 2.4rem
    }
    .members-lp-content2 .l-main-content .timeline-area .text {
        font-size: 1.2em;
        margin: 0 2rem 1rem;
        text-align: left;
        width: auto
    }
    .members-lp-content2 .l-main-content .timeline-area .sml {
        font-size: 14px
    }
    .members-lp-content2 .l-main-content .col-1-sentence {
        width: 100%;
        padding: 20px
    }
    .members-lp-content2 .l-main-content .col-1-sentence .title {
        font-size: 1.6rem;
        margin-bottom: 10px
    }
    .members-lp-content2 .l-main-content .col-1-sentence .text {
        width: auto;
        font-size: 1.2rem;
        margin: 0 auto 14px
    }
    .members-lp-content2 .l-main-content .select-list {
        top: 68px;
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0
    }
    .members-lp-content2 .l-main-content .select-list li {
        width: 47%;
        height: 42px;
        float: none;
        margin: 0 1% 0 2%
    }
    .members-lp-content2 .l-main-content .select-list li:last-child {
        margin: 0 0 0 1%;
    }
    .members-lp-content2 .l-main-content .select-list li a {
        display: block;
        width: 100%;
        height: 42px;
        font-size: 1.2rem;
        text-align: center;
        padding: 10px 0 0;
        line-height: 1.4;
        letter-spacing: -1px;
        -webkit-transition: 0.1s;
        transition: 0.1s
    }
    .members-lp-content2 .l-main-content .select-list li a span {
        font-size: 0.8rem;
        display: block;
        letter-spacing: 0
    }
    .timeline-widget {
        margin: 0 auto;
        width: auto
    }
    .button-normal {
        text-align: center
    }
    .button-normal a {
        font-size: 1.4rem
    }
    .timeline-text,
    .timeline-bar {
        width: 95%;
        margin: 0 0 0 5%
    }
    .timeline-labels .timeline-date,
    .timeline-bar .timeline-bar-item,
    .timeline-text .timeline-text-item {
        width: 25%
    }
    .timeline-labels {
        width: 92%;
        margin: 0 4%;
        padding: 26px 0 10px
    }
    .timeline-labels .timeline-date {
        font-size: 14px
    }
    .timeline-labels .timeline-date.num01,
    .timeline-labels .timeline-date.num03,
    .timeline-labels .timeline-date.num04 {
        padding-left: 0
    }
    .timeline-labels .timeline-date.num02 {
        padding-left: 10px
    }
    .timeline-bar {
        background: #3243ec;
        background: -webkit-gradient(linear,left top,right top,from(#3243ec),color-stop(54%,#a135f9),color-stop(55%,#c5c5c5),color-stop(80%,#c5c5c5),color-stop(94%,#f2f2f2),to(#f2f2f2));
        background: linear-gradient(to right,#3243ec 0,#a135f9 54%,#c5c5c5 55%,#c5c5c5 80%,#f2f2f2 94%,#f2f2f2 100%);
        filter:progid('DXImageTransform.Microsoft.gradient(startColorstr=#3243ec, endColorstr=#f2f2f2, GradientType=1)');
        border-radius: 18px 0 0 18px;
        height: 36px
    }
    .timeline-bar .timeline-bar-item {
        font-size: 12px
    }
    .timeline-bar .timeline-bar-item.icon-mail img {
        width: 25px;
        margin-left: 10px
    }
    .timeline-bar .timeline-bar-item .icon-bowl {
        background-size: 30px;
        border-radius: 18px;
        width: 30px;
        height: 30px
    }
    .timeline-bar .timeline-bar-item .icon-bowl.bd {
        border: 3px solid #a135f9;
        width: 36px;
        height: 36px;
        background-size: 36px;
        border-radius: 18px
    }
    .timeline-bar .timeline-bar-item .text-label {
        padding-left: 10px;
        line-height: 1.4;
        font-size: 1.1rem;
        font-weight: 400
    }
    .timeline-text {
        margin: 14px 0 40px;
        line-height: 1.4
    }
    .timeline-text .timeline-text-item {
        font-size: 12px
    }
    .timeline-text .timeline-text-item.num02 {
        padding-left: 12px
    }
    .timeline-text .timeline-text-item.num03 {
        padding-left: 8px
    }
    .timeline-text .timeline-text-item.num04 {
        padding-left: 4px
    }
}
@media(max-width:374px) {
    .members-lp-content2 .l-head-wrap {
        background: url('../images/members/members-lp-top_bg-sp.jpg') no-repeat;
        background-size: cover;
        height: 270px
    }
    .members-lp-content2 .l-head-wrap .l-head {
        width: 285px;
        margin: 0 auto;
        padding-top: 30px
    }
    .members-lp-content2 .l-head-wrap .l-head .l-head-top {
        height: 32px;
        width: 285px;
        margin: 0 auto 10px
    }
    .members-lp-content2 .l-head-wrap .l-head .l-head-logo {
        width: 90px;
        float: none;
        margin: 0 auto
    }
    .members-lp-content2 .l-head-wrap .l-head .l-head-text {
        display: none;
        float: none
    }
    .members-lp-content2 .l-head-wrap .l-head .l-head-text .big {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden
    }
    .members-lp-content2 .l-head-wrap .l-head .l-head-bottom {
        display: block
    }
    .members-lp-content2 .l-head-wrap .l-head .l-head-bottom .main-title {
        font-size: 2.4rem;
        color: #fff;
        display: block;
        margin-bottom: 10px;
        line-height: 1.4;
        text-align: center
    }
    .members-lp-content2 .l-head-wrap .l-head .l-head-bottom .sub-text {
        background: #6e1b1e;
        padding: 6px 0;
        color: #fff;
        font-size: 1rem;
        line-height: 1.6;
        font-weight: 100;
        margin: 0 auto;
        width: 285px;
        display: block
    }
    .members-lp-content2 .l-head-wrap .l-head .l-head-bottom .sub-text .sp_dispBlk {
        display: block
    }
    .members-lp-content2 .l-main-content .col-1-sentence {
        width: 100%;
        padding: 20px
    }
    .members-lp-content2 .l-main-content .col-1-sentence .title {
        font-size: 1.6rem;
        margin-bottom: 10px
    }
    .members-lp-content2 .l-main-content .col-1-sentence .text {
        width: 100%;
        font-size: 1.2rem;
        line-height: 1.6;
        margin-bottom: 20px
    }
}
.members-lp-content2 .special-wrap {
    min-width: 1200px;
    background: #222;
    color: #fff;
    padding-top: 64px;
    padding-bottom: 90px
}
@media(max-width:1099px) {
    .members-lp-content2 .special-wrap {
        min-width: 100%
    }
}
.members-lp-content2 .special-wrap .special-title {
    width: 324px;
    color: #ffefdc;
    font-size: 2.4rem;
    border: 1px solid #ffefdc;
    border-radius: 6px;
    padding: 20px 0;
    text-align: center;
    line-height: 1.4;
    margin: 0 auto 58px
}
.members-lp-content2 .special-wrap .special-title.-pro {
    width: 380px
}
.members-lp-content2 .special-wrap .special-title strong {
    font-size: 4.5rem;
    display: block
}
.members-lp-content2 .special-wrap .special-area {
    min-width: 1200px
}
@media(max-width:1099px) {
    .members-lp-content2 .special-wrap .special-area {
        min-width: 100%
    }
}
.members-lp-content2 .special-wrap .special-area .special-area-title {
    font-size: 3rem;
    color: #ffefdc;
    text-align: center;
    font-weight: 500;
    display: block;
    margin: 0 auto 24px;
    line-height: 1.4
}
.members-lp-content2 .special-wrap .special-area .special-area-title.no1 {
    width: 860px
}
@media(max-width:1099px) {
    .members-lp-content2 .special-wrap .special-area .special-area-title.no1 {
        width: 650px
    }
}
.members-lp-content2 .special-wrap .special-area .special-area-title.no1.-pro {
    width: 450px
}
.members-lp-content2 .special-wrap .special-area .special-area-title.no2 {
    width: 600px
}
.members-lp-content2 .special-wrap .special-area .special-area-title.no2.-pro {
    width: 720px
}
.members-lp-content2 .special-wrap .special-area .special-area-title.no3 {
    width: 660px
}
.members-lp-content2 .special-wrap .special-area .special-area-title.no3.-pro {
    width: 760px
}
.members-lp-content2 .special-wrap .special-area .special-area-title.no4.-pro {
    width: 700px
}
.members-lp-content2 .special-wrap .special-area .special-area-title .num {
    display: block;
    float: left;
    font-family: Helvetica Neue;
    font-weight: 500;
    font-size: 0.8em;
    background: #ffefdc;
    color: #222;
    padding: 0 10px;
    border-radius: 20px;
    margin-right: 10px;
    margin-top: 3px
}
.members-lp-content2 .special-wrap .special-area .special-area-title .text {
    float: right;
    text-align: left;
    display: block
}
.members-lp-content2 .special-wrap .special-area .special-area-text {
    font-size: 1.6rem;
    font-weight: 100;
    width: 848px;
    margin: 0 auto 36px;
    line-height: 1.8;
    text-align: left
}
@media(max-width:1099px) {
    .members-lp-content2 .special-wrap .special-area .special-area-text {
        width: 100%;
        padding: 0 60px;
        text-align: left
    }
}
.members-lp-content2 .special-wrap .special-area .special-area-img {
    display: block;
    margin: 0 auto 50px;
    width: 1200px
}
@media(max-width:1099px) {
    .members-lp-content2 .special-wrap .special-area .special-area-img {
        width: 100%;
        padding: 0 40px
    }
}
.members-lp-content2 .special-wrap .special-area .special-area-list {
    width: 1200px;
    margin: 0 auto 60px;
    height: 566px;
    display: block
}
@media(max-width:1099px) {
    .members-lp-content2 .special-wrap .special-area .special-area-list {
        width: 100%;
        height: auto;
        display: inline-block
    }
}
.members-lp-content2 .special-wrap .special-area .special-area-list li {
    width: 380px;
    margin-right: 30px;
    margin-bottom: 30px;
    display: block;
    float: left
}
@media(max-width:1099px) {
    .members-lp-content2 .special-wrap .special-area .special-area-list li {
        width: 32%;
        margin-right: 1.5%;
        margin-bottom: 20px
    }
}
.members-lp-content2 .special-wrap .special-area .special-area-list li:nth-child(3n) {
    margin-right: 0
}
.members-lp-content2 .special-wrap .special-area .special-area-list li img {
    display: block;
    width: 100%
}
.members-lp-content2 .special-wrap .special-area .special-area-list li a {
    display: block;
    width: 380px;
    overflow: hidden
}
@media(max-width:1099px) {
    .members-lp-content2 .special-wrap .special-area .special-area-list li a {
        width: 100%
    }
}
.members-lp-content2 .special-wrap .special-area .special-area-list li a:hover {
    overflow: hidden
}
.members-lp-content2 .special-wrap .special-area .special-area-list li a:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    overflow: hidden
}
.members-lp-content2 .special-wrap .special-area .special-area-list li a img {
    width: 380px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    overflow: hidden
}
@media(max-width:1099px) {
    .members-lp-content2 .special-wrap .special-area .special-area-list li a img {
        width: 100%
    }
}
.members-lp-content2 .special-wrap .special-area .special-area-list-rule {
    width: 1200px;
    margin: 0 auto 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
@media(max-width:1099px) {
    .members-lp-content2 .special-wrap .special-area .special-area-list-rule {
        width: 100%
    }
}
.members-lp-content2 .special-wrap .special-area .special-area-list-rule li {
    width: 380px;
    padding: 24px 0 20px;
    height: 210px;
    background: #fff;
    border-radius: 6px;
    display: block;
    margin-right: 30px
}
@media(max-width:1099px) {
    .members-lp-content2 .special-wrap .special-area .special-area-list-rule li {
        width: 31%;
        height: auto;
        min-height: 182px;
        margin-right: 1%;
        margin-left: 1%
    }
}
.members-lp-content2 .special-wrap .special-area .special-area-list-rule li:last-child {
    margin-right: 0
}
.members-lp-content2 .special-wrap .special-area .special-area-list-rule li dl dt {
    width: 124px;
    display: block;
    margin: 0 auto 20px
}
@media(max-width:1099px) {
    .members-lp-content2 .special-wrap .special-area .special-area-list-rule li dl dt {
        width: 36%
    }
}
@media(max-width:1099px) {
    .members-lp-content2 .special-wrap .special-area .special-area-list-rule li dl dt img {
        width: 100%
    }
}
.members-lp-content2 .special-wrap .special-area .special-area-list-rule li dl dd {
    color: #222;
    font-size: 2.2rem;
    font-weight: 900;
    line-height: 1.6;
    text-align: center
}
@media(max-width:1099px) {
    .members-lp-content2 .special-wrap .special-area .special-area-list-rule li dl dd {
        font-size: 1.6em;
        padding: 0 20px
    }
}
.members-lp-content2 .special-wrap .special-area .special-area-list-rule li.tall dl dt {
    margin: 0 auto 10px
}
.members-lp-content2 .special-wrap .special-area .special-area-list-rule li.tall dl dd {
    line-height: 1.4
}
.members-lp-content2 .special-wrap .special-area .special-area-list-rule.thum li {
    width: 280px;
    margin-right: 30px;
    padding: 0;
    height: 234px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}
@media(max-width:1099px) {
    .members-lp-content2 .special-wrap .special-area .special-area-list-rule.thum li {
        width: 23%;
        margin-right: 1%;
        margin-left: 1%;
        height: auto;
        min-height: 190px
    }
}
.members-lp-content2 .special-wrap .special-area .special-area-list-rule.thum li:last-child {
    margin-right: 0
}
@media(max-width:1099px) {
    .members-lp-content2 .special-wrap .special-area .special-area-list-rule.thum li:last-child {
        margin-right: 1%;
        margin-left: 1%
    }
}
.members-lp-content2 .special-wrap .special-area .special-area-list-rule.thum li .text {
    font-size: 1.8rem;
    color: #222;
    text-align: center;
    line-height: 1.6;
    padding-top: 22px
}
@media(max-width:1099px) {
    .members-lp-content2 .special-wrap .special-area .special-area-list-rule.thum li .text {
        font-size: 1.6em;
        padding: 20px 10px 0
    }
}
.members-lp-content2 .special-wrap .special-area .special-area-list-rule.thum li .img img {
    width: 278px;
    height: 126px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    display: block
}
@media(max-width:1099px) {
    .members-lp-content2 .special-wrap .special-area .special-area-list-rule.thum li .img img {
        width: 100%;
        height: auto
    }
}
.members-lp-content2 .special-wrap .special-area .special-area-list-rule.thum-col2 li {
    width: 585px;
    margin-right: 30px;
    padding: 0;
    height: 495px;
    border-radius: 0;
    background: none
}
@media(max-width:1099px) {
    .members-lp-content2 .special-wrap .special-area .special-area-list-rule.thum-col2 li {
        width: 100%;
        height: auto;
        margin: 0 1rem
    }
}
.members-lp-content2 .special-wrap .special-area .special-area-list-rule.thum-col2 li:first-child {
    margin-right: 0.8rem
}
.members-lp-content2 .special-wrap .special-area .special-area-list-rule.thum-col2 li:last-child {
    margin-right: 0
}
@media(max-width:1099px) {
    .members-lp-content2 .special-wrap .special-area .special-area-list-rule.thum-col2 li:last-child {
        margin-left: 0.8rem;
        margin-right: 1rem
    }
}
@media screen and(max-width:767px) {
    .members-lp-content2 .special-wrap {
        min-width: 100%;
        padding-top: 36px;
        padding-bottom: 24px
    }
    .members-lp-content2 .special-wrap .special-title {
        font-size: 1.2rem;
        padding: 16px 0;
        text-align: center;
        margin: 0 auto 26px;
        width: 180px
    }
    .members-lp-content2 .special-wrap .special-title.-pro {
        width: 200px
    }
    .members-lp-content2 .special-wrap .special-title strong {
        font-size: 2.4rem
    }
    .members-lp-content2 .special-wrap .special-area {
        min-width: 100%
    }
    .members-lp-content2 .special-wrap .special-area .special-area-title {
        font-size: 1.6rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 20px;
        margin: 0 auto 14px
    }
    .members-lp-content2 .special-wrap .special-area .special-area-title.no1 {
        width: 80%
    }
    .members-lp-content2 .special-wrap .special-area .special-area-title.no1.-pro {
        width: auto;
        display: table
    }
    .members-lp-content2 .special-wrap .special-area .special-area-title.no2 {
        width: 100%
    }
    .members-lp-content2 .special-wrap .special-area .special-area-title.no2.-pro {
        width: 90%
    }
    .members-lp-content2 .special-wrap .special-area .special-area-title.no3 {
        width: 100%
    }
    .members-lp-content2 .special-wrap .special-area .special-area-title.no3.-pro {
        width: 76%
    }
    .members-lp-content2 .special-wrap .special-area .special-area-title.no4.-pro {
        width: 70%
    }
    .members-lp-content2 .special-wrap .special-area .special-area-title .num {
        font-size: 1em;
        padding: 0 6px;
        border-radius: 12px;
        margin-top: 0;
        height: 22px
    }
    .members-lp-content2 .special-wrap .special-area .special-area-title .text {
        text-align: left
    }
    .members-lp-content2 .special-wrap .special-area .special-area-text {
        font-size: 1.2rem;
        width: auto;
        margin: 0 auto 24px;
        text-align: left;
        padding: 0 20px
    }
    .members-lp-content2 .special-wrap .special-area .special-area-img {
        width: 100%;
        padding: 0 40px
    }
    .members-lp-content2 .special-wrap .special-area .special-area-img img {
        margin: 0 auto;
        width: 100%
    }
    .members-lp-content2 .special-wrap .special-area .special-area-list {
        width: 100%;
        height: auto;
        margin: 0 auto 40px;
        padding: 0 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .members-lp-content2 .special-wrap .special-area .special-area-list li {
        width: 49%;
        margin-right: 1%;
        margin-left: 0;
        margin-bottom: 8px;
        display: block;
        float: none
    }
    .members-lp-content2 .special-wrap .special-area .special-area-list li img {
        display: block;
        width: 100%
    }
    .members-lp-content2 .special-wrap .special-area .special-area-list li a {
        width: 100%
    }
    .members-lp-content2 .special-wrap .special-area .special-area-list li a img {
        width: 100%
    }
    .members-lp-content2 .special-wrap .special-area .special-area-list li:nth-child(2n) {
        margin-right: 0;
        margin-left: 1%
    }
    .members-lp-content2 .special-wrap .special-area .special-area-list li:nth-child(3n) {
        margin-right: 1%;
        margin-left: 0
    }
    .members-lp-content2 .special-wrap .special-area .special-area-list li:nth-child(6n) {
        margin-right: 0;
        margin-left: 1%
    }
    .members-lp-content2 .special-wrap .special-area .special-area-list-rule {
        width: 100%;
        margin: 0 0 20px;
        padding: 0 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .members-lp-content2 .special-wrap .special-area .special-area-list-rule li {
        width: 100%;
        padding: 18px 0 16px;
        height: auto;
        min-height: 40px;
        margin: 0 0 10px
    }
    .members-lp-content2 .special-wrap .special-area .special-area-list-rule li dl dt {
        width: 24%;
        margin: 0 auto 10px
    }
    .members-lp-content2 .special-wrap .special-area .special-area-list-rule li dl dt img {
        width: 100%
    }
    .members-lp-content2 .special-wrap .special-area .special-area-list-rule li dl dd {
        font-size: 1.4rem;
        line-height: 1.6;
        text-align: center;
        padding: 0 20px
    }
    .members-lp-content2 .special-wrap .special-area .special-area-list-rule li.tall dl dt {
        margin: 0 auto 10px
    }
    .members-lp-content2 .special-wrap .special-area .special-area-list-rule li.tall dl dd {
        line-height: 1.4
    }
    .members-lp-content2 .special-wrap .special-area .special-area-list-rule.thum li {
        width: 49%;
        margin-right: 1%;
        margin-left: 0;
        padding: 0;
        height: auto;
        min-height: 40px
    }
    .members-lp-content2 .special-wrap .special-area .special-area-list-rule.thum li:nth-child(2n) {
        margin-right: 0;
        margin-left: 1%
    }
    .members-lp-content2 .special-wrap .special-area .special-area-list-rule.thum li .text {
        font-size: 1.4rem;
        padding: 10px
    }
    .members-lp-content2 .special-wrap .special-area .special-area-list-rule.thum li .img img {
        width: 100%;
        height: auto;
        display: block
    }
    .members-lp-content2 .special-wrap .special-area .special-area-list-rule.thum-col2 li {
        width: 100%;
        height: auto;
        margin: 0 0 1rem
    }
    .members-lp-content2 .special-wrap .special-area .special-area-list-rule.thum-col2 li .img img {
        width: 100%
    }
}
.members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .item:before,
.members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .item:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px
}
.members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .item,
.members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .item:before {
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(163, 163, 163, .5);
    box-shadow: 0 0 10px 0 rgba(163, 163, 163, .5)
}
.members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .plus:before,
.members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .plus:after {
    right: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg) skew(-10deg, -10deg) translateZ(-1px);
    transform: translateY(-50%) rotate(45deg) skew(-10deg, -10deg) translateZ(-1px)
}
.members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .plus.finish:before,
.members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .plus.finish:after {
    background: none;
    right: 18px
}
.members-lp-content2 .wp-sub-content {
    background: #ddd;
    padding: 74px 0
}
.members-lp-content2 .wp-sub-content .content-title {
    font-size: 2.8rem;
    text-align: center;
    font-weight: 900;
    margin-bottom: 40px
}
.members-lp-content2 .wp-sub-content .col-2grid-list {
    width: 1200px;
    margin: 0 auto
}
.members-lp-content2 .wp-sub-content .col-2grid-list .sml-list li {
    font-size: 1.2rem;
    margin-bottom: 6px;
    line-height: 1.4;
    color: #222
}
.members-lp-content2 .wp-sub-content .col-2grid-list .sml-list .note {
    text-indent: -13px;
    padding-left: 13px
}
.members-lp-content2 .wp-sub-content .col-2grid-list .item {
    width: 590px;
    float: left;
    margin-right: 20px;
    margin-bottom: 50px
}
.members-lp-content2 .wp-sub-content .col-2grid-list .item:nth-child(2n) {
    margin-right: 0
}
.members-lp-content2 .wp-sub-content .col-2grid-list .item .col-l {
    width: 180px;
    margin-top: 10px
}
.members-lp-content2 .wp-sub-content .col-2grid-list .item .col-l .img {
    width: 124px;
    margin: 0 auto;
    display: block
}
.members-lp-content2 .wp-sub-content .col-2grid-list .item .col-l .img.clip {
    width: 80px
}
.members-lp-content2 .wp-sub-content .col-2grid-list .item .col-r {
    width: 410px
}
.members-lp-content2 .wp-sub-content .col-2grid-list .item .col-r .title {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2;
    margin-bottom: 12px
}
.members-lp-content2 .wp-sub-content .col-2grid-list .item .col-r .title span {
    font-size: 0.8rem;
    display: block
}
.members-lp-content2 .wp-sub-content .col-2grid-list .item .col-r .text {
    font-size: 1.4rem;
    line-height: 1.6;
    font-weight: 100;
    margin-bottom: 12px
}
.members-lp-content2 .wp-sub-content .membership-price {
    margin-bottom: 80px
}
.members-lp-content2 .wp-sub-content .membership-price .sml-list {
    width: 1070px;
    margin: 0 auto
}
.members-lp-content2 .wp-sub-content .membership-price .sml-list .note {
    font-size: 1.2rem;
    display: block;
    line-height: 1.4;
    margin-bottom: 6px
}
.members-lp-content2 .wp-sub-content .membership-price .membership-table {
    background: #f0e1d0;
    background: -webkit-gradient(linear,left bottom,left top,from(#f0e1d0),color-stop(50%,#f0e1d0),color-stop(50%,#fff),to(#fff));
    background: linear-gradient(0deg,#f0e1d0 0,#f0e1d0 50%,#fff 50%,#fff 100%);
    border-collapse: collapse;
    border: 0;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .3);
    width: 1070px;
    margin: 0 auto 20px
}
.members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-header {
    height: 70px;
    background: #f0e1d0;
    display: table-row;
    width: 1070px
}
.members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-header .membership-th {
    background: #f0e1d0;
    border-spacing: 0;
    font-size: 1.6rem;
    line-height: 1.4
}
.members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-header .membership-th .attention {
    font-size: 1.2rem
}
.members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-header .membership-th.corner-left {
    border-top-left-radius: 4px
}
.members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-header .membership-th.corner-right {
    border-top-right-radius: 4px
}
.members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-header .membership-th.membership-bd {
    border-top: 5px solid #e55c4d;
    border-right: 5px solid #e55c4d;
    border-left: 5px solid #e55c4d
}
.members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-sp-header {
    display: none
}
.members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row.price .membership-table-data {
    font-weight: 900
}
.members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row.price .membership-table-data.membership-title-sml {
    font-weight: 100
}
.members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row .membership-table-data {
    width: 22%;
    height: 75px;
    font-size: 1.6rem;
    font-weight: 100;
    padding: 0 30px;
    background: #fff;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    text-align: center
}
.members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row .membership-table-data.membership-bd {
    border-right: 5px solid #e55c4d;
    border-left: 5px solid #e55c4d
}
.members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row .membership-table-data .icon {
    display: block;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 auto
}
.members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row .membership-table-data .icon.icon-times {
    background: url('../images/members/members-lp-icon-x.svg') no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px
}
.members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row .membership-table-data .icon.icon-circle {
    background: url('../images/members/members-lp-icon-o.svg') no-repeat;
    background-size: 22px;
    width: 22px;
    height: 22px
}
.members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row .membership-table-data .icon.icon-circle.red {
    background: url('../images/members/members-lp-icon-o-red.svg') no-repeat;
    background-size: 22px;
    width: 22px;
    height: 22px
}
.members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row .membership-table-data .icon.icon-circle.circle-plus {
    margin-right: 5px;
    margin-left: 30px;
    display: inline-block
}
.members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row .membership-table-data .attention {
    font-size: 1.2rem
}
.members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row .membership-table-data.last {
    border-right: 0
}
.members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row .membership-table-data.membership-title-sml {
    width: 34%;
    text-align: left
}
.members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row.last .membership-table-data {
    border-bottom: 0
}
.members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row.last .membership-table-data.corner-left {
    border-bottom-left-radius: 2px
}
.members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row.last .membership-table-data.corner-right {
    border-bottom-right-radius: 2px
}
.members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row.last .membership-table-data.membership-bd {
    border-right: 5px solid #e55c4d;
    border-left: 5px solid #e55c4d;
    border-bottom: 5px solid #e55c4d
}
.members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list {
    width: 1052px;
    margin: 0 auto 40px
}
.members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .item {
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 220px;
    min-height: 60px;
    margin: 20px;
    padding: 0;
    border-radius: 6px;
    font-size: 1.8rem;
    line-height: 1.6;
    text-align: center;
    height: 180px;
    float: left
}
.members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .item img {
    display: block;
    width: 80px;
    margin: 20px auto 10px
}
.members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .item.card img {
    margin: 20px auto 0
}
.members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .plus:after {
    background: linear-gradient(-135deg,#fff 51%,transparent 51%);
    -webkit-transform: translateY(-50%) rotate(45deg) skew(-10deg, -10deg) translateZ(1px);
    transform: translateY(-50%) rotate(45deg) skew(-10deg, -10deg) translateZ(1px)
}
.members-lp-content2 .wp-sub-content .hamburger-area .col-1-list .text {
    font-size: 1.6rem;
    text-align: center;
    line-height: 1.4;
    display: block;
    margin-bottom: 12px
}
.members-lp-content2 .wp-sub-content .hamburger-area .col-1-list .text > a {
    text-align: center;
    font-size: 1.2rem;
    display: inline-block;
    color: #0067c8
}
.members-lp-content2 .wp-sub-content .hamburger-area .col-1-list .text>a:hover {
    text-decoration: none;
    opacity: .8;
    padding-bottom: 4px
}
@media screen and(min-width:768px) and(max-width:1200px) {
    .members-lp-content2 special-wrap {
        min-width: 100%
    }
    .members-lp-content2 special-wrap .special-title {
        padding: 20px 0;
        text-align: center
    }
    .members-lp-content2 special-wrap .special-area {
        min-width: 100%
    }
    .members-lp-content2 special-wrap .special-area .special-area-title.no1 {
        width: 650px
    }
    .members-lp-content2 special-wrap .special-area .special-area-title.no2 {
        width: 600px
    }
    .members-lp-content2 special-wrap .special-area .special-area-title.no3 {
        width: 680px
    }
    .members-lp-content2 special-wrap .special-area .special-area-title .text {
        float: none
    }
    .members-lp-content2 special-wrap .special-area .special-area-text {
        width: 100%;
        padding: 0 60px;
        text-align: left
    }
    .members-lp-content2 special-wrap .special-area .special-area-img {
        width: 100%;
        padding: 0 40px
    }
    .members-lp-content2 special-wrap .special-area .special-area-list {
        width: 100%;
        height: auto;
        display: inline-block
    }
    .members-lp-content2 special-wrap .special-area .special-area-list li {
        width: 32%;
        margin-right: 1.5%;
        margin-bottom: 20px
    }
    .members-lp-content2 special-wrap .special-area .special-area-list li a {
        width: 100%
    }
    .members-lp-content2 special-wrap .special-area .special-area-list li a img {
        width: 100%
    }
    .members-lp-content2 special-wrap .special-area .special-area-list li:nth-child(3n) {
        margin-right: 0
    }
    .members-lp-content2 special-wrap .special-area .special-area-list li img {
        display: block;
        width: 100%
    }
    .members-lp-content2 special-wrap .special-area .special-area-list-rule {
        width: 100%
    }
    .members-lp-content2 special-wrap .special-area .special-area-list-rule.thum li {
        width: 23%;
        margin-right: 1%;
        margin-left: 1%;
        padding: 0;
        height: auto;
        min-height: 190px
    }
    .members-lp-content2 special-wrap .special-area .special-area-list-rule.thum li:last-child {
        margin-right: 1%;
        margin-left: 1%
    }
    .members-lp-content2 special-wrap .special-area .special-area-list-rule.thum li .text {
        font-size: 1.6rem;
        padding: 20px 10px 0
    }
    .members-lp-content2 special-wrap .special-area .special-area-list-rule.thum li .img img {
        width: 100%;
        height: auto;
        display: block
    }
    .members-lp-content2 special-wrap .special-area .special-area-list-rule.thum-col2 li {
        width: 100%;
        height: auto;
        margin: 0 1rem
    }
    .members-lp-content2 special-wrap .special-area .special-area-list-rule.thum-col2 li:first-child {
        margin-right: 0.8rem
    }
    .members-lp-content2 special-wrap .special-area .special-area-list-rule.thum-col2 li:last-child {
        margin-left: 0.8rem;
        margin-right: 1rem
    }
    .members-lp-content2 special-wrap .special-area .special-area-list-rule li {
        width: 31%;
        padding: 24px 0 20px;
        height: auto;
        min-height: 182px;
        margin-right: 1%;
        margin-left: 1%
    }
    .members-lp-content2 special-wrap .special-area .special-area-list-rule li dl dt {
        width: 36%
    }
    .members-lp-content2 special-wrap .special-area .special-area-list-rule li dl dt img {
        width: 100%
    }
    .members-lp-content2 special-wrap .special-area .special-area-list-rule li dl dd {
        font-size: 1.6rem;
        line-height: 1.6;
        text-align: center;
        padding: 0 20px
    }
    .members-lp-content2 special-wrap .special-area .special-area-list-rule li.tall dt dt {
        margin: 0 auto 10px
    }
    .members-lp-content2 special-wrap .special-area .special-area-list-rule li.tall dt dd {
        line-height: 1.4
    }
}
@media screen and(min-width:768px) and(max-width:1200px) {
    .members-lp-content2 .wp-sub-content .content-title {
        margin-bottom: 30px
    }
    .members-lp-content2 .wp-sub-content .col-2grid-list {
        width: 100%;
        margin: 0;
        padding: 0 20px
    }
    .members-lp-content2 .wp-sub-content .col-2grid-list .item {
        width: 46%;
        float: left;
        min-height: 186px;
        margin-bottom: 30px
    }
    .members-lp-content2 .wp-sub-content .col-2grid-list .item .col-l {
        width: 40%
    }
    .members-lp-content2 .wp-sub-content .col-2grid-list .item .col-l .img {
        width: 100px
    }
    .members-lp-content2 .wp-sub-content .col-2grid-list .item .col-r {
        width: 60%
    }
    .members-lp-content2 .wp-sub-content .col-2grid-list .item .col-r .title {
        line-height: 1.4
    }
    .members-lp-content2 .wp-sub-content .membership-price {
        padding: 0 20px
    }
    .members-lp-content2 .wp-sub-content .membership-price .sml-list {
        width: 100%
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table {
        width: 100%
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-header {
        height: 70px;
        min-height: 70px;
        width: 100%
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-header .membership-th {
        font-size: 1.4rem
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row .membership-table-data {
        width: 22%;
        height: 75px;
        min-height: 75px;
        font-size: 1.4rem;
        line-height: 1.4;
        padding: 0 20px
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row .membership-table-data .icon.icon-times {
        background-size: 18px;
        width: 18px;
        height: 18px
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row .membership-table-data .icon.icon-circle {
        background-size: 20px;
        width: 20px;
        height: 20px
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row .membership-table-data .icon.icon-circle.red {
        background-size: 20px;
        width: 20px;
        height: 20px
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row .membership-table-data .icon.icon-circle.circle-plus {
        margin-right: 5px;
        margin-left: 30px;
        display: inline-block
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row .membership-table-data .attention {
        font-size: 1.2rem
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row .membership-table-data.last {
        border-right: 0
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row .membership-table-data.membership-title-sml {
        width: 34%;
        text-align: left
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row.last .membership-table-data {
        border-bottom: 0
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row.last .membership-table-data.corner-left {
        border-bottom-left-radius: 2px
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row.last .membership-table-data.corner-right {
        border-bottom-right-radius: 2px
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row.last .membership-table-data.membership-bd {
        border-right: 5px solid #e55c4d;
        border-left: 5px solid #e55c4d;
        border-bottom: 5px solid #e55c4d
    }
    .members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list {
        width: 100%;
        margin: 0 auto 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .item {
        font-size: 1.6rem;
        float: none
    }
    .members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .item img {
        display: block;
        width: 80px;
        margin: 20px auto 10px
    }
    .members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .item.card img {
        margin: 20px auto 0
    }
}
@media screen and(min-width:768px) and(max-width:1200px) {
    .members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .item:before,
    .members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .item:after {
        content: '';
        position: absolute;
        width: 40px;
        height: 40px
    }
}
@media screen and(max-width:767px) {
    .members-lp-content2 .wp-sub-content {
        padding: 35px 0
    }
    .members-lp-content2 .wp-sub-content .content-title {
        font-size: 1.8rem;
        margin-bottom: 20px
    }
    .members-lp-content2 .wp-sub-content .col-2grid-list {
        width: 100%;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .members-lp-content2 .wp-sub-content .col-2grid-list .sml-list li {
        font-size: 1rem;
        margin-bottom: 4px
    }
    .members-lp-content2 .wp-sub-content .col-2grid-list .sml-list .note {
        text-indent: -11px;
        padding-left: 11px
    }
    .members-lp-content2 .wp-sub-content .col-2grid-list .item {
        width: 100%;
        padding: 0 10px;
        float: none
    }
    .members-lp-content2 .wp-sub-content .col-2grid-list .item .col-l {
        width: 30%;
        margin-top: 0;
        float: left
    }
    .members-lp-content2 .wp-sub-content .col-2grid-list .item .col-r {
        width: 70%;
        padding-left: 14px;
        float: right
    }
    .members-lp-content2 .wp-sub-content .col-2grid-list .item .col-r .title {
        font-size: 1.4rem;
        line-height: 1.4;
        margin-bottom: 8px
    }
    .members-lp-content2 .wp-sub-content .col-2grid-list .item .col-r .text {
        font-size: 1.2rem
    }
    .members-lp-content2 .wp-sub-content .membership-price {
        margin-bottom: 40px;
        padding: 0 20px
    }
    .members-lp-content2 .wp-sub-content .membership-price .sml-list {
        width: 100%;
        margin: 0 auto
    }
    .members-lp-content2 .wp-sub-content .membership-price .sml-list .note {
        font-size: 1.2rem;
        display: block;
        line-height: 1.4;
        margin-bottom: 4px
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table {
        width: 100%;
        margin-bottom: 12px
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-header {
        height: 70px;
        min-height: 70px;
        width: 100%
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-header .membership-th {
        padding: 20px;
        font-size: 1.2rem
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-header .membership-th.corner-left {
        border-top-left-radius: 0;
        display: none
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-header .membership-th.corner-right {
        border-top-right-radius: 0
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-header .membership-th.membership-bd {
        border-top: 0;
        border-right: 0;
        border-left: 0;
        background: #f3cfb8
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-sp-header {
        display: table-row
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-sp-header .membership-th {
        text-align: center;
        display: table-cell;
        padding: 20px 0;
        font-size: 1.2rem;
        background: #fff
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row.price .membership-table-data.membership-title-sml {
        display: none
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row .membership-table-data {
        width: 33%;
        height: 75px;
        min-height: 75px;
        font-size: 1.2rem;
        line-height: 1.4;
        padding: 0 20px
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row .membership-table-data.membership-title-sml {
        display: none;
        width: 34%;
        text-align: left
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row .membership-table-data.membership-bd {
        border-right: 0;
        border-left: 0;
        background: #fff6ee
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row .membership-table-data .icon.icon-times {
        background-size: 14px;
        width: 14px;
        height: 14px
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row .membership-table-data .icon.icon-circle {
        background-size: 16px;
        width: 16px;
        height: 16px
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row .membership-table-data .icon.icon-circle.red {
        background-size: 16px;
        width: 16px;
        height: 16px
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row .membership-table-data .icon.icon-circle.circle-plus {
        margin-bottom: 3px;
        display: block
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row .membership-table-data .attention {
        font-size: 1.2rem
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row .membership-table-data.last {
        border-right: 0
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row.last .membership-table-data {
        border-bottom: 0
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row.last .membership-table-data.corner-left {
        border-bottom-left-radius: 0
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row.last .membership-table-data.corner-right {
        border-bottom-right-radius: 0
    }
    .members-lp-content2 .wp-sub-content .membership-price .membership-table .membership-table-row.last .membership-table-data.membership-bd {
        background: #fff6ee;
        border-right: 0;
        border-left: 0;
        border-bottom: 0
    }
    .members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list {
        width: 100%;
        margin: 0 auto 10px;
        padding: 0 10px;
        display: block
    }
    .members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        min-height: 100px;
        margin: 0 0 30px;
        font-size: 1.6rem;
        height: 100px;
        float: none
    }
    .members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .item img {
        display: inline-block;
        width: 80px;
        margin: 10px auto;
        padding-left: 28px
    }
    .members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .item span {
        display: block;
        padding: 34px 20px 0;
        text-align: left;
        width: 70%
    }
    .members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .item.card span {
        padding: 26px 20px 0
    }
    .members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .item.card img {
        margin: 10px auto 0
    }
    .members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .plus:after {
        background: linear-gradient(-135deg,#fff 100%,transparent 51%)
    }
    .members-lp-content2 .wp-sub-content .hamburger-area .col-1-list .text {
        font-size: 1.4rem;
        margin-bottom: 8px
    }
}
@media screen and(max-width:767px) {
    .members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .item:before,
    .members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .item:after {
        content: '';
        position: absolute;
        width: 30px;
        height: 30px
    }
    .members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .plus:before,
    .members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .plus:after {
        left: 45%;
        bottom: -10px;
        top: 100%
    }
    .members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .plus.finish:before,
    .members-lp-content2 .wp-sub-content .hamburger-area .hamburger-area-list .plus.finish:after {
        top: 50%
    }
}
@media screen and(max-width:767px) {
    .container {
        width: auto
    }
    .pc_dispBlk {
        display: none
    }
    .sp_dispBlk {
        display: block
    }
}
.cf:before,
.cf:after {
    content: '';
    display: table
}
.cf:after {
    clear: both
}
.mem-col-2 .col-l {
    float: left
}
.mem-col-2 .col-r {
    float: right
}
.list-wp {
    width: 120rem;
    margin: 0 auto;
    position: relative;
    overflow: visible
}
.mem-title {
    letter-spacing: 0.2rem;
    font-size: 3rem;
    font-weight: 600;
    color: #ffefdc;
    padding: 4rem 0;
    text-align: center;
    display: block;
    margin: 0 auto
}
.mem-title:before {
    content: '';
    width: 4.4rem;
    height: 4.4rem;
    margin-right: 0.6rem;
    display: inline-block;
    vertical-align: sub
}
.mem-title.-lrg {
    text-align: center;
    font-size: 2.4rem;
    letter-spacing: 0;
    font-weight: 600;
    width: auto;
    padding: 1.6rem 0;
    border-top: 0.1rem solid #ffefdc;
    border-left: 0.1rem solid #ffefdc;
    border-right: 0.1rem solid #ffefdc;
    border-top-left-radius: 0.6rem;
    border-top-right-radius: 0.6rem;
    background: #222;
    margin: 0 auto
}
.mem-title.mem-icon-rensai {
    width: auto
}
.mem-title.mem-icon-category {
    width: auto
}
.mem-title.mem-icon-blog:before,
.mem-title.mem-icon-rensai:before,
.mem-title.mem-icon-category:before {
    background: url('../images/members/icon-blog.svg') no-repeat;
    background-size: 4.4rem
}
.mem-title.mem-icon-movie:before {
    background: url('../images/members/icon-movie.svg') no-repeat;
    background-size: 4.4rem
}
.mem-title.mem-ranking {
    width: auto
}
.mem-title.mem-ranking:before {
    background: url('../images/members/icon-kanmuri.svg') no-repeat;
    background-size: 4.4rem
}
.mem-title.mem-process {
    width: auto
}
.mem-title.mem-process:before {
    background: url('../images/members/icon-process.svg') no-repeat;
    background-size: 4.4rem
}
.mem-title.mem-special {
    width: auto
}
.mem-title.mem-special:before {
    background: url('../images/members/icon-special.svg') no-repeat;
    background-size: 4.4rem
}
.mem-title.mem-icon-pdf {
    width: 22rem
}
.mem-title.mem-icon-pdf:before {
    background: url('../images/members/icon-pdf.svg') no-repeat;
    background-size: 4.4rem
}
.mem-title.mem-icon-book {
    width: 22rem
}
.mem-title.mem-icon-book:before {
    background: url('../images/members/icon-book.svg') no-repeat;
    background-size: 4.4rem
}
.mem-title.mem-icon-coin {
    width: 37.5rem
}
.mem-title.mem-icon-coin:before {
    background: url('../images/members/icon-coin.svg') no-repeat;
    background-size: 4.4rem
}
.mem-title.mem-icon-idea {
    width: auto
}
.mem-title.mem-icon-idea:before {
    background: url('../images/members/icon-idea.svg') no-repeat;
    background-size: 4.4rem
}
.mem-title.mem-icon-door {
    width: auto
}
.mem-title.mem-icon-door:before {
    background: url('../images/members/icon-door.svg') no-repeat;
    background-size: 4.4rem
}
.title-switch {
    background: #000;
    border-bottom: 0.1rem solid #ffefdc;
    margin-bottom: 3rem;
    padding-top: 3rem
}
.title-switch > .title-switch-wrap {
    width: 84rem;
    margin: 0 auto -0.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.title-switch>.title-switch-wrap .mem-title:before {
    display: none
}
.title-switch > .title-switch-wrap > .col-l {
    width: 41.4rem;
    margin-right: 1.2rem
}
.title-switch > .title-switch-wrap > .col-r {
    width: 41.4rem
}
.title-switch > .title-switch-wrap a {
    text-align: center;
    font-size: 2.4rem;
    letter-spacing: 0;
    font-weight: 300;
    width: auto;
    color: #ffefdc;
    padding: 1.6rem 0 1.5rem;
    display: block;
    border-top: 0.1rem solid #4a4a4a;
    border-left: 0.1rem solid #4a4a4a;
    border-right: 0.1rem solid #4a4a4a;
    border-top-left-radius: 0.6rem;
    border-top-right-radius: 0.6rem;
    background: #222;
    margin-bottom: -0.1rem
}
.title-switch>.title-switch-wrap a:hover {
    background: #333
}
@media screen and(max-width:767px) {
    .title-switch {
        margin-bottom: 2rem;
        padding: 2rem 0.7rem 0;
        border-top: 0.1rem solid #222
    }
    .title-switch > .title-switch-wrap {
        width: 100%
    }
    .title-switch > .title-switch-wrap > .col-l {
        width: 49%;
        margin-right: 2%
    }
    .title-switch > .title-switch-wrap > .col-r {
        width: 49%
    }
    .title-switch > .title-switch-wrap a {
        font-size: 1.2rem;
        padding: 1.4rem 0 1.3rem
    }
}
@media screen and(min-width:768px) and(max-width:1200px) {
    .mem-title.-lrg {
        font-size: 2rem;
        padding: 1.4rem 0
    }
    .title-switch {
        margin-bottom: 2rem;
        padding-top: 3rem;
        border-top: 0.1rem solid #222
    }
    .title-switch .title-switch-wrap {
        width: 75.6rem
    }
    .title-switch .title-switch-wrap .col-l {
        width: 37.2rem
    }
    .title-switch .title-switch-wrap .col-r {
        width: 37.2rem
    }
    .title-switch .title-switch-wrap a {
        font-size: 2rem;
        padding: 1.4rem 0 1.3rem
    }
}
.mem-slide-wide .mem-slide-list {
    display: block;
    margin-left: 0
}
@media screen and(min-width:768px) and(max-width:1200px) {
    .mem-slide-wide .mem-slide-list {
        margin-left: 2rem
    }
}
@media screen and(max-width:767px) {
    .mem-slide-wide .mem-slide-list .item {
        position: relative;
        width: 100%;
        height: auto;
        font-size: 1.2rem;
        margin-right: 2rem;
        margin-bottom: 1.5rem;
        display: block;
        float: none;
        border-bottom: 0.1rem solid #4a4a4a
    }
    .mem-slide-wide .mem-slide-list .item:last-child {
        margin-right: 0;
        border-bottom: 0
    }
    .mem-slide-wide .mem-slide-list .item a {
        width: inherit;
        height: auto;
        margin-right: 1rem;
        margin-bottom: 1rem
    }
    .mem-slide-wide .mem-slide-list .item a img {
        float: left;
        display: block;
        width: 6.5rem;
        height: auto;
        margin-right: 1rem;
        margin-bottom: 0
    }
    .mem-slide-wide .mem-slide-list .item a .mem-sml-title {
        font-size: 1.2rem;
        color: #fff;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        white-space: inherit;
        line-height: 1.4em;
        height: 4.2em;
        margin-bottom: 0;
        margin-left: 1rem
    }
}
.mem-slide-list .item {
    max-width: 60em;
    width: 100%;
    height: auto;
    display: inline-block
}
.mem-slide-list .item .mem-time {
    color: #c7c7c7;
    font-size: 1.2rem
}
.mem-slide-list .item .mem-time .icons-time {
    margin-right: 0.3rem
}
.mem-slide-list .item a {
    width: inherit;
    height: auto;
    display: block;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    position: relative
}
.mem-slide-list .item a:hover {
    opacity: .7;
    -webkit-transition: 0.6s;
    transition: 0.6s
}
.mem-slide-list .item a > .meter-label {
    position: absolute;
    top: 0;
    right: 0
}
.mem-slide-list .item a img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 1.4rem
}
.mem-slide-list .item a img.members {
    top: 0.5rem;
    left: 0.5rem;
    width: 29%;
    position: absolute
}
@media(min-width:1100px) {
    .mem-slide-list .item a img.members {
        top: 1rem;
        left: 1rem
    }
}
.mem-slide-list .item a .mem-sml-title {
    font-size: 1.6rem;
    color: #fff;
    line-height: 1.4em;
    max-height: initialundefined;
    margin-bottom: 0.6em;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.mem-slide-list .item a .filter-play {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 83%;
    background: url('../images/members/filter_play.png') no-repeat;
    background-size: 100%
}
.mem-slide-list.mem-normal {
    max-width: 104rem;
    width: 100%;
    margin: 0 auto
}
.mem-slide-list.mem-normal .item {
    max-width: 34rem;
    width: 100%;
    height: auto
}
.mem-slide-list.mem-default .item {
    width: 24.5rem;
    height: auto
}
.mem-slide-list.mem-medium {
    max-width: 104rem;
    width: 100%;
    margin: 0 auto
}
.mem-slide-list.mem-medium .item {
    max-width: 52.3em;
    width: 100%;
    height: auto
}
@media screen and(max-width:767px) {
    .mem-slide-list.mem-normal {
        max-width: none;
        overflow: visible;
        width: 100%;
        margin: 0 auto
    }
    .mem-slide-list.mem-normal .item {
        width: 100%;
        height: auto
    }
    .mem-slide-list.mem-medium {
        width: 100%;
        margin: 0 auto
    }
    .mem-slide-list.mem-medium.owl-carousel .owl-stage {
        left: -9%
    }
    .mem-slide-list.mem-medium .item {
        width: 100%;
        height: auto
    }
    .mem-slide-list .item {
        width: 100%;
        height: auto;
        display: inline-block
    }
    .mem-slide-list .item .mem-time {
        color: #c7c7c7;
        font-size: 1rem
    }
    .mem-slide-list .item a {
        width: inherit;
        height: auto;
        display: block;
        -webkit-transition: 0;
        transition: 0
    }
    .mem-slide-list .item a .inner-text .title {
        font-size: 1.6rem;
        font-weight: 600
    }
    .mem-slide-list .item a:hover {
        opacity: 1;
        -webkit-transition: 0;
        transition: 0
    }
    .mem-slide-list .item a > .meter-label {
        position: absolute;
        top: 0;
        right: 0
    }
    .mem-slide-list .item a img {
        width: 100%;
        height: auto;
        display: block;
        margin-bottom: 1rem
    }
    .mem-slide-list .item a img.members {
        top: 0.5rem;
        left: 0.5rem;
        width: 29%;
        position: absolute
    }
    .mem-slide-list .item a .mem-sml-title {
        font-size: 1.2rem;
        height: auto;
        max-height: initialundefined;
        margin-bottom: 0.6em
    }
}
@media screen and(min-width:768px) and(max-width:1200px) {
    .mem-slide-list .item a .inner-text .title {
        font-size: 2.4rem;
        font-weight: 600
    }
}
.members-top-container {
    background: #222;
    padding-bottom: 10em;
    width: 100vw;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.mem-slide-large .swiper-button-prev {
    background-image: url('/assets/images/members/arrow-left.svg');
    background-size: 5rem 8.1rem;
    background-color: #222;
    border-radius: 0.4rem;
    top: 36%;
    left: 1.9rem;
    right: auto;
    z-index: 3000;
    width: 5rem;
    height: 8.1rem
}
.mem-slide-large .swiper-button-next {
    background-image: url('/assets/images/members/arrow-right.svg');
    background-size: 5rem 8.1rem;
    background-color: #222;
    border-radius: 0.4rem;
    top: 36%;
    right: 1.9rem;
    left: auto;
    z-index: 3000;
    width: 5rem;
    height: 8.1rem
}
.mem-container {
    border-bottom: 0.1rem solid #4a4a4a;
    padding-bottom: 3em;
    position: relative;
    overflow: hidden
}
.mem-container .nobd {
    border-bottom: 0;
    padding-bottom: 6em
}
.mem-business-area .mem-container {
    padding-bottom: 6em
}
.mem-finance-area .mem-title.mem-icon-blog {
    width: 30.6rem
}
.mem-finance-area .mem-sml-title {
    text-align: center
}
.mem-business-area .mem-title.mem-icon-blog {
    width: 43.4rem
}
.mem-slide {
    padding-top: 1rem;
    margin-bottom: 0.6rem
}
.mem-slide .mem-container {
    max-width: 104rem;
    width: 100%;
    margin: 0 auto
}
.mem-slide-medium {
    padding-top: 2rem
}
.mem-slide-medium .mem-container {
    padding-bottom: 2em;
    max-width: 104rem;
    width: 100%;
    margin: 0 auto
}
.inner-text {
    display: block;
    position: absolute;
    width: 100%;
    height: 60%;
    background: url('../images/members/front-shadow.png') no-repeat 0 100%;
    background-size: 100%;
    bottom: 0
}
.inner-text .title {
    font-size: 3.2rem;
    color: #fff;
    line-height: 1.5;
    padding: 2rem;
    display: block;
    position: absolute;
    bottom: 0
}
.mem-special-area .item a img {
    margin-bottom: 0
}
.mem-business-area .mem-default .item {
    float: left;
    margin-right: 2rem
}
.mem-business-area .mem-sml-title {
    text-align: center;
    display: block;
    text-overflow: none;
    line-height: 1.4;
    white-space: normal;
    overflow: hidden;
    height: auto;
    max-height: auto;
    margin-bottom: 0.6em
}
.mem-sml-title {
    font-size: 1.6rem;
    color: #fff
}
.mem-rank {
    display: block;
    width: auto;
    height: auto;
    padding: 0.6em;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.8rem;
    color: #fff
}
.mem-rank.mem-rank-one {
    background: #d4ab5a
}
.mem-rank.mem-rank-two {
    background: #adadad
}
.mem-rank.mem-rank-thr {
    background: #ae7040
}
.mem-rank.mem-rank-oth {
    background: #111
}
.mem-col-3 {
    max-width: 104em;
    width: 100%;
    margin: 0 auto;
    padding-top: 1rem
}
.mem-col-3 > .mem-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.mem-col-3 > .mem-container > .box-one {
    width: 33.3rem;
    margin-right: 2rem
}
.mem-col-3>.mem-container>.box-one:last-child {
    margin-right: 0
}
.mem-col-3 > .mem-container > .box-one > .mem-title {
    font-size: 2.6rem;
    width: auto;
    display: block;
    text-align: center;
    margin: 0 auto
}
.mem-col-3 > .mem-container > .box-one > .mem-title.mem-icon-pdf {
    width: auto
}
.mem-col-3 > .mem-container > .box-one > .mem-title.mem-icon-rensai {
    width: auto
}
.mem-col-3 .mem-round-btn > a {
    width: 18rem
}
.mem-col-2 {
    max-width: 104em;
    width: 100%;
    margin: 0 auto;
    padding-top: 1rem
}
.mem-col-2 .box-one {
    width: 49%
}
.mem-col-2 .box-one:last-child {
    margin-right: 0
}
.mem-col-2 .box-one .mem-icon-movie {
    width: 22rem
}
.mem-col-2 .box-one .mem-icon-pdf {
    width: 28rem
}
.mem-col-2 .box-one .mem-icon-pdf.magazines {
    width: 45.4rem
}
.mem-col-2 .box-one .mem-icon-book {
    width: 37.8rem
}
.mem-col-2 .box-one img {
    padding: 0
}
.mem-col-1 {
    max-width: 104em;
    width: 100%;
    margin: 0 auto;
    padding-top: 1rem
}
.mem-col-1 .box-one {
    width: 50%;
    margin: 0 auto
}
.mem-col-1 .box-one:last-child {
    margin-right: auto
}
.mem-col-1 .box-one img {
    padding: 0 2rem
}
.mem-content-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background: #4a4a4a;
    padding: 2.2rem
}
.mem-content-list .item {
    width: 10.5rem;
    display: block;
    margin-right: 1.4rem
}
.mem-content-list .item:last-child {
    margin-right: 0
}
.mem-content-list .item a {
    display: block;
    width: auto;
    height: auto;
    -webkit-transition: 0.3s img;
    transition: 0.3s img;
    transition-width: 100%
}
.mem-content-list .item a:hover {
    opacity: .7;
    -webkit-transition: 0.3s;
    transition: 0.3s
}
.mem-content-list.books .item {
    margin-right: 0.85em;
    margin-left: 0.85em
}
.mem-round-btn {
    display: block;
    width: 29em;
    margin: 2.5em auto 1em
}
.mem-round-btn a {
    display: block;
    width: 18em;
    height: auto;
    border-radius: 3em;
    background: #b9151a;
    text-align: center;
    padding: 1em 0;
    color: #fff;
    font-size: 1.6rem;
    margin: 2.5em auto 1em;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    border: 0.3rem solid #b9151a
}
.mem-round-btn a:hover {
    -webkit-transition: 0.1s;
    transition: 0.1s;
    color: #b9151a;
    background: #fff;
    border: 0.3rem solid #b9151a
}
.mem-btn {
    margin: 6em auto 0;
    width: 39em
}
.mem-btn a {
    display: block;
    width: 100%;
    border-radius: 3em;
    border: 0.3rem solid #ffefdc;
    font-weight: 700;
    background: #111;
    padding: 1.2em 0;
    color: #ffefdc;
    font-size: 1.6rem;
    text-align: center;
    -webkit-transition: 0.2s;
    transition: 0.2s
}
.mem-btn a:hover {
    background: #ffefdc;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    color: #111;
    font-weight: 700
}
.mem-border {
    display: none;
    border-bottom: 0;
    padding-bottom: 0
}
.link-wp {
    margin: 0;
    position: absolute;
    top: -7rem;
    right: 8rem
}
.link-wp .otherlink {
    text-align: right;
    color: #fff;
    display: block;
    background: url('../images/members/arrow-right.svg') no-repeat 100% 1.2rem;
    background-size: 1.8rem;
    padding: 1rem 2.2rem 1rem 0;
    font-size: 1.6rem;
    line-height: 1.4
}
.mem-slide-wide {
    width: 100%;
    margin: 0;
    background: #333;
    padding: 2rem 0
}
.mem-slide-wide .mem-container {
    border: 0;
    max-width: 120em;
    width: 100%;
    padding: 0;
    margin: 0 auto
}
.mem-slide-wide .item {
    position: relative;
    width: 22.4rem;
    height: auto;
    font-size: 1.2rem;
    margin-right: 2rem;
    display: block;
    float: left;
    border-bottom: 0
}
.mem-slide-wide .item:last-child {
    margin-right: 0
}
.mem-slide-wide .item a {
    width: inherit;
    height: auto
}
.mem-slide-wide .item a .mem-sml-title {
    font-size: 1.6rem;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    white-space: inherit;
    line-height: 1.4em;
    height: 4.3em;
    margin-bottom: 0.6em
}
.mem-slide-large {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    position: relative
}
.mem-slide-large .mem-shadows {
    z-index: 100
}
.mem-slide-large .mem-shadows img {
    display: block;
    width: 15rem;
    height: 44rem
}
.mem-slide-large .sdw-l {
    position: absolute;
    top: 0;
    left: 0
}
.mem-slide-large .sdw-r {
    position: absolute;
    top: 0;
    right: 0
}
@media screen and(max-width:767px) {
    .link-wp {
        margin: 0 2rem;
        position: absolute;
        top: -4rem;
        right: 0
    }
    .link-wp .otherlink {
        text-align: right;
        color: #fff;
        display: block;
        background: url('../images/members/arrow-right.svg') no-repeat 100% 1.1rem;
        background-size: 1.4rem;
        padding: 1rem 1.4rem 1rem 0;
        font-size: 1.2rem;
        line-height: 1.4
    }
    .members-top-container {
        background: #222;
        padding-bottom: 5em
    }
    .mem-col-2 .col-l,
    .mem-col-2 .col-r {
        float: none
    }
    .mem-col-1 .box-one {
        width: 100%
    }
    .mem-round-btn {
        display: block;
        width: 14em;
        margin: 1.6em auto 1em
    }
    .mem-round-btn a {
        display: block;
        width: 11em;
        padding: 0.8em 0;
        font-size: 1.2rem;
        margin: 0 auto;
        border: 0
    }
    .mem-round-btn a:hover {
        color: #fff;
        background: #b9151a;
        border: 0
    }
    .mem-btn {
        margin: 4em auto 0;
        width: 25em
    }
    .mem-btn a {
        display: block;
        width: 25rem;
        border-radius: 3em;
        border: 0.2rem solid #ffefdc;
        font-weight: 700;
        background: #111;
        padding: 1.2em 0;
        color: #ffefdc;
        font-size: 1.2rem;
        text-align: center;
        -webkit-transition: 0.1s;
        transition: 0.1s
    }
    .mem-btn a:hover {
        background: #111;
        border: 0.2rem solid #ffefdc;
        -webkit-transition: 0.1s;
        transition: 0.1s;
        color: #ffefdc;
        font-weight: 700
    }
    .mem-border {
        border-top: 0.1rem solid #4a4a4a;
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
        padding-bottom: 0.5em;
        display: block;
        margin: 0 2rem
    }
    .mem-sml-title {
        font-size: 1.6rem;
        color: #fff
    }
    .mem-slide-wide {
        width: 100%;
        margin: 0;
        background: #333;
        padding: 2rem 0
    }
    .mem-slide-wide .mem-container {
        width: auto;
        padding: 0 2rem
    }
    .mem-rank {
        padding: 0.3em;
        font-size: 1.2rem
    }
    .mem-col-2 {
        width: auto;
        margin: 0 auto;
        padding-top: 0.6rem
    }
    .mem-col-2 .box-one {
        width: auto;
        margin-right: 0
    }
    .mem-col-2 .box-one:last-child {
        margin-right: 0
    }
    .mem-col-2 .box-one .mem-icon-movie {
        width: 22rem
    }
    .mem-col-2 .box-one .mem-icon-pdf {
        width: 28rem
    }
    .mem-col-2 .box-one .mem-icon-pdf.magazines {
        width: auto
    }
    .mem-col-2 .box-one .mem-icon-book {
        width: auto
    }
    .mem-col-2 .box-one .mem-company-logo {
        padding: 0 2rem;
        display: block;
        width: 100%
    }
    .mem-col-3 {
        width: auto;
        max-width: auto;
        padding-top: 0.6rem
    }
    .mem-col-3 > .mem-container {
        padding: 0 2rem;
        display: block
    }
    .mem-col-3 > .mem-container > .box-one {
        width: 100%;
        margin-right: 0
    }
    .mem-col-3 > .mem-container > .box-one > a > .mem-company-logo {
        width: 100%
    }
    .mem-col-3 > .mem-container > .box-one > .mem-title {
        letter-spacing: 0.1rem;
        font-size: 1.4rem;
        padding: 1.5rem 0;
        text-align: left;
        display: block;
        margin: 0;
        width: auto
    }
    .mem-col-3 .mem-round-btn > a {
        width: 11em
    }
    .mem-content-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background: #4a4a4a;
        margin: 0 2rem;
        padding: 2.2rem 2.2rem 1.2rem
    }
    .mem-content-list .item {
        width: 50%;
        display: block;
        margin-right: 0;
        margin-bottom: 1.2rem
    }
    .mem-content-list .item:last-child {
        margin-right: 0
    }
    .mem-content-list .item a {
        display: block;
        width: auto;
        height: auto
    }
    .mem-content-list .item a img {
        width: 100%;
        padding: 0 0.6rem
    }
    .mem-content-list.books .item {
        margin-right: 0;
        margin-left: 0
    }
    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
        display: none
    }
    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        display: none
    }
    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        width: 0.8rem;
        height: 0.8rem;
        margin: 0.3rem 0.4rem;
        border: 0.15rem solid #ffefdc
    }
    .swiper-pagination-bullet-active {
        border: 0.15rem solid #ffefdc
    }
    .list-wp {
        width: auto;
        overflow: visible
    }
    .mem-title {
        letter-spacing: 0.1rem;
        font-size: 1.4rem;
        padding: 1.5rem 0;
        text-align: left;
        display: block;
        margin: 0 0 0 2rem;
        width: auto
    }
    .mem-title:before {
        content: "";
        width: 2.4rem;
        height: 2.4rem;
        margin-right: 0.4rem
    }
    .mem-title.-lrg {
        font-size: 1.2rem;
        padding: 1.4rem 0;
        margin-left: 0;
        text-align: center
    }
    .mem-title.mem-icon-blog:before,
    .mem-title.mem-icon-category:before,
    .mem-title.mem-icon-rensai:before {
        background: url('../images/members/icon-blog.svg') no-repeat 0 0.2rem;
        background-size: 2.4rem
    }
    .mem-title.mem-icon-movie:before {
        background: url('../images/members/icon-movie.svg') no-repeat 0 0.2rem;
        background-size: 2.4rem
    }
    .mem-title.mem-ranking {
        width: auto
    }
    .mem-title.mem-ranking:before {
        background: url('../images/members/icon-kanmuri.svg') no-repeat 0 0.2rem;
        background-size: 2.4rem
    }
    .mem-title.mem-process {
        width: auto
    }
    .mem-title.mem-process:before {
        background: url('../images/members/icon-process.svg') no-repeat 0 0.2rem;
        background-size: 2.4rem
    }
    .mem-title.mem-special {
        width: auto
    }
    .mem-title.mem-special:before {
        background: url('../images/members/icon-special.svg') no-repeat 0 0.2rem;
        background-size: 2.4rem
    }
    .mem-title.mem-icon-pdf {
        width: auto
    }
    .mem-title.mem-icon-pdf:before {
        background: url('../images/members/icon-pdf.svg') no-repeat 0 0.2rem;
        background-size: 2.4rem
    }
    .mem-title.mem-icon-book {
        width: auto
    }
    .mem-title.mem-icon-book:before {
        background: url('../images/members/icon-book.svg') no-repeat 0 0.2rem;
        background-size: 2.4rem
    }
    .mem-title.mem-icon-coin {
        width: auto
    }
    .mem-title.mem-icon-coin:before {
        background: url('../images/members/icon-coin.svg') no-repeat 0 0.2rem;
        background-size: 2.4rem
    }
    .mem-slide-large {
        max-width: auto;
        min-width: auto;
        width: 100%;
        margin: 0 auto;
        position: relative
    }
    .mem-slide-large .sdw-l {
        position: absolute;
        top: 0;
        left: 0
    }
    .mem-slide-large .sdw-r {
        position: absolute;
        top: 0;
        right: 0
    }
    .mem-slide-large .mem-shadows {
        z-index: 100;
        height: 100%
    }
    .mem-slide-large .mem-shadows img {
        display: block;
        max-width: 15rem;
        width: 4rem;
        height: 100%
    }
    .mem-container {
        border-bottom: 0;
        padding-bottom: 1rem
    }
    .mem-business-area .mem-container {
        padding-bottom: 2em
    }
    .mem-business-area .mem-title.mem-icon-blog {
        width: auto
    }
    .mem-finance-area .mem-title.mem-icon-blog {
        width: auto
    }
    .mem-finance-area .mem-sml-title {
        text-align: center
    }
    .mem-movie-area .mem-container {
        border-bottom: 0;
        padding-bottom: 2em
    }
}
@media screen and(min-width:768px) and(max-width:1200px) {
    .list-wp {
        width: 100%
    }
    .link-wp {
        right: 2rem
    }
    .swiper-button-next,
    .swiper-button-prev {
        display: none
    }
    .mem-col-2 .box-one {
        width: 50%;
        margin: 0 auto
    }
    .mem-col-2 .box-one:last-child {
        margin-right: auto
    }
    .mem-col-2 .col-l,
    .mem-col-2 .col-r {
        float: none
    }
    .mem-col-3 {
        max-width: auto
    }
    .mem-col-3 > .mem-container {
        padding: 0 2rem
    }
    .mem-col-3 > .mem-container > .box-one {
        width: 32%;
        margin-right: 2%
    }
    .mem-col-3 > .mem-container > .box-one > .mem-title {
        font-size: 2rem;
        width: auto;
        padding-left: 0
    }
    .mem-col-3 > .mem-container > .box-one > .mem-title.mem-icon-pdf {
        width: auto
    }
    .mem-col-3 > .mem-container > .box-one > .mem-title.mem-icon-rensai {
        width: auto
    }
    .mem-col-3>.mem-container>.box-one>.mem-title.mem-icon-blog:before,
    .mem-col-3>.mem-container>.box-one>.mem-title.mem-icon-rensai:before,
    .mem-col-3>.mem-container>.box-one>.mem-title.mem-icon-category:before {
        background: url('../images/members/icon-blog.svg') no-repeat 0 0.3rem;
        background-size: 4.4rem
    }
    .mem-col-3>.mem-container>.box-one>.mem-title.mem-icon-movie:before {
        background: url('../images/members/icon-movie.svg') no-repeat 0 0.5rem;
        background-size: 4.4rem
    }
    .mem-col-3 > .mem-container > .box-one > .mem-title.mem-ranking {
        width: auto
    }
    .mem-col-3>.mem-container>.box-one>.mem-title.mem-ranking:before {
        background: url('../images/members/icon-kanmuri.svg') no-repeat 0 0.5rem;
        background-size: 4.4rem
    }
    .mem-col-3 > .mem-container > .box-one > .mem-title.mem-process {
        width: auto
    }
    .mem-col-3>.mem-container>.box-one>.mem-title.mem-process:before {
        background: url('../images/members/icon-process.svg') no-repeat 0 0.5rem;
        background-size: 4.4rem
    }
    .mem-col-3 > .mem-container > .box-one > .mem-title.mem-special {
        width: auto
    }
    .mem-col-3>.mem-container>.box-one>.mem-title.mem-special:before {
        background: url('../images/members/icon-special.svg') no-repeat 0 0.5rem;
        background-size: 4.4rem
    }
    .mem-col-3 > .mem-container > .box-one > .mem-title.mem-icon-pdf {
        width: 22rem
    }
    .mem-col-3>.mem-container>.box-one>.mem-title.mem-icon-pdf:before {
        background: url('../images/members/icon-pdf.svg') no-repeat 0 0.5rem;
        background-size: 4.4rem
    }
    .mem-col-3 > .mem-container > .box-one > .mem-title.mem-icon-book {
        width: 22rem
    }
    .mem-col-3>.mem-container>.box-one>.mem-title.mem-icon-book:before {
        background: url('../images/members/icon-book.svg') no-repeat 0 0.5rem;
        background-size: 4.4rem
    }
    .mem-col-3 > .mem-container > .box-one > .mem-title.mem-icon-coin {
        width: 37.5rem
    }
    .mem-col-3>.mem-container>.box-one>.mem-title.mem-icon-coin:before {
        background: url('../images/members/icon-coin.svg') no-repeat 0 0.5rem;
        background-size: 4.4rem
    }
}
.message-box {
    display: block;
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 700;
    padding: 2rem;
    margin: 2rem 0;
    border-width: 0.1rem;
    border-style: solid
}
.message-box.-error {
    color: #b9151a;
    border-color: #b9151a
}
.message-box.-inline {
    display: inline-block
}
.profile-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.profile-box > .user-icon {
    margin-right: 1.5rem
}
.profile-box > .details {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}
.profile-box > .details > .name {
    margin-bottom: 0.5rem
}
.profile-box > .details > .name a {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5em
}
.user-icon .image {
    width: 6rem;
    height: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.user-icon .image.-dummy {
    font-size: 1.2rem;
    color: #777;
    background-color: #d9d9d9
}
.user-icon .image > img {
    width: 100%
}
.user-icon .image > i {
    font-size: 3rem;
    color: #bbb
}
.user-icon .changeBtn {
    font-size: 0.9rem;
    font-weight: 400;
    color: #fff;
    background: #111;
    width: 100%;
    padding: 0.3rem 0;
    margin: 0;
    cursor: pointer
}
@media(min-width:1100px) {
    .user-icon .changeBtn {
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s
    }
    .user-icon .changeBtn:hover {
        opacity: .8
    }
}
.user-icon .changeBtn > i {
    margin-right: 0.3rem
}
.user-rank {
    font-size: 0.9rem;
    letter-spacing: 0.05rem;
    color: #fff;
    display: inline-block;
    padding: 0.4rem 0.6rem;
    margin-bottom: 1rem
}
.user-rank.-premium {
    background-color: #d4ab5a
}
.user-rank.-standard {
    background-color: #adadad
}
.user-rank.-free {
    background-color: #ae7040
}
.profile-ratio {
    font-size: 1.2rem;
    color: #777;
    line-height: 1em;
    margin-bottom: 1rem
}
.profile-ratio > span {
    font-size: 1.4rem;
    color: #093
}
.profile-ratio > .ratio {
    font-weight: 700;
    margin: 0 0.3rem 0 0.5rem
}
.progress-bar-box {
    width: 100%;
    height: 0.4rem;
    background-color: #d9d9d9
}
.progress-bar-box > .bar {
    height: 100%;
    background-color: #093;
    -webkit-transition: width 0.8s ease-in-out;
    transition: width 0.8s ease-in-out
}
.progress-message {
    margin-top: 1rem
}
.progress-message > a {
    color: #0067c8;
    font-size: 1.2rem;
    line-height: 1.3em;
    display: inline-block
}
@media(min-width:1100px) {
    .progress-message>a:hover {
        color: #003982
    }
}
.chart-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2rem
}
.chart-box > .categories {
    width: calc(50% - 1rem);
    margin-left: 1rem
}
.chart-box > .categories > .item {
    font-size: 1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.chart-box>.categories>.item:not(:last-child) {
    margin-bottom: 1rem
}
.chart-box>.categories>.item:before {
    content: "";
    display: inline-block;
    width: 1.2rem;
    height: 0.9rem;
    margin-right: 0.5rem
}
.chart-box>.categories>.item.-color1:before {
    background: #ee6e85
}
.chart-box>.categories>.item.-color2:before {
    background: #f3a254
}
.chart-box>.categories>.item.-color3:before {
    background: #f8cd6b
}
.chart-box>.categories>.item.-color4:before {
    background: #6bbebf
}
.chart-box>.categories>.item.-color5:before {
    background: #52a2e5
}
.chart-box>.categories>.item.-color6:before {
    background: #8280ff
}
.chart-box>.categories>.item.-color7:before {
    background: #f66c6c
}
.chart-box>.categories>.item.-color8:before {
    background: #fb8f60
}
.chart-box>.categories>.item.-color9:before {
    background: #72c9a9
}
.chart-box>.categories>.item.-color10:before {
    background: #7d9df1
}
.chart-box>.categories>.item.-color11:before {
    background: #bc94ec
}
.upload-image {
    width: 60%;
    margin: 0 auto 2rem;
    position: relative
}
.upload-image > img {
    width: 100%
}
.upload-image > .deleteBtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.6rem;
    height: 2.6rem;
    background-color: #111;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}
@media(min-width:1100px) {
    .upload-image > .deleteBtn {
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s
    }
    .upload-image>.deleteBtn:hover {
        opacity: .8
    }
}
.upload-image > .deleteBtn > i {
    color: #fff;
    font-size: 1.6rem
}
.mypage-nav {
    background-color: #fff;
    border-bottom: 0.1rem solid #d9d9d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.mypage-nav > .item {
    font-size: 1.4rem;
    border-top: 0.1rem solid #d9d9d9;
    cursor: pointer;
    width: 100%
}
.mypage-nav > .item > a {
    width: 100%;
    height: 5.3rem;
    padding-left: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
@media(min-width:1100px) {
    .mypage-nav > .item > a {
        -webkit-transition: 0.3s;
        transition: 0.3s;
        -webkit-transition-property: color;
        transition-property: color
    }
    .mypage-nav>.item>a:hover {
        color: #777
    }
}
.mypage-nav > .item.-head {
    width: 50%
}
.mypage-nav>.item.-head:first-of-type {
    border-right: 0.1rem solid #d9d9d9
}
.mypage-nav > .item.-head > a {
    padding-left: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.mypage-nav > .item.-head > a > .count {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1em;
    text-align: center;
    width: 100%;
    margin-top: auto;
    margin-bottom: 0.6rem
}
.mypage-nav > .item.-head > a > .name {
    font-size: 1.1rem;
    line-height: 1em;
    text-align: center;
    width: 100%;
    margin-bottom: auto
}
.mypage-user-status {
    padding: 2rem;
    background-color: #fff
}
.card-list-campaign {
    background: #fff;
    margin-bottom: 1rem;
    padding: 3rem
}
.campaign-list > .list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.4rem;
    border-bottom: 0.1rem solid #ddd;
    margin-bottom: 2.4rem;
    padding-bottom: 2.4rem;
    line-height: 1.5
}
.campaign-list>.list-item:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}
.campaign-list > .list-item > .status {
    min-width: 6rem;
    margin-right: 2rem;
    display: inline-block
}
.campaign-list > .list-item > .status > .i-entry {
    background: #d9d9d9;
    color: #111;
    padding: 0.6rem 0.8rem;
    display: inline-block
}
.campaign-list > .list-item > .status > .i-appli {
    background: #db6e76;
    color: #fff;
    padding: 0.6rem 0.8rem
}
.campaign-list > .list-item .item-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}
.campaign-list > .list-item .item-box > .item-discount {
    width: 20%;
    padding-left: 20px;
    font-weight: 700
}
.campaign-list > .list-item .item-box > .item-name {
    width: 40%
}
.campaign-list > .list-item .item-box > .item-discount {
    width: 20%;
    padding-left: 20px;
    font-weight: 700
}
.campaign-list > .list-item .item-box > .datetime {
    width: 40%;
    text-align: right;
    display: inline-block;
    line-height: inherit
}
.campaign-list > .list-item .item-box > .datetime > span {
    display: inline-block
}
@media(max-width:767px) {
    .campaign-list > .list-item > .item-box {
        display: block
    }
    .campaign-list > .list-item > .item-box > .item-name {
        margin-bottom: 1rem
    }
    .campaign-list > .list-item > .item-box > .item-discount {
        width: auto;
        padding-left: 0;
        margin-bottom: 1rem
    }
    .campaign-list > .list-item > .item-box > .datetime {
        font-size: 1.2rem
    }
    .campaign-list > .list-item > .item-box > .item-name,
    .campaign-list > .list-item > .item-box > .datetime {
        width: 100%;
        text-align: left;
        display: block
    }
    .campaign-list > .list-item > .item-box > .item-name > .item-name,
    .campaign-list > .list-item > .item-box > .datetime > .item-name {
        margin-bottom: 1rem
    }
    .campaign-list > .list-item > .item-box > .item-name > .datetime,
    .campaign-list > .list-item > .item-box > .datetime > .datetime {
        font-size: 1.2rem
    }
    .campaign-list > .list-item > .item-box > .item-name > .item-name,
    .campaign-list>.list-item>.item-box>.datetime>.item-name,
    .campaign-list>.list-item>.item-box>.item-name>.datetime,
    .campaign-list > .list-item > .item-box > .datetime > .datetime {
        width: 100%;
        text-align: left;
        display: block
    }
}
.mypage-single-box {
    background-color: #fff;
    border-bottom: 0.1rem solid #d9d9d9;
    width: 100%;
    padding: 2rem 2rem 4rem;
    font-size: 1.6rem;
    line-height: 2.4rem
}
@media(min-width:768px) {
    .mypage-single-box {
        padding: 3rem 8rem
    }
}
@media(min-width:1100px) {
    .mypage-single-box {
        width: 48rem;
        display: table;
        margin: 3rem auto 0;
        font-size: 1.4rem;
        line-height: 2.1rem
    }
}
.mypage-single-box > .title {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 3rem
}
@media(min-width:1100px) {
    .mypage-single-box > .title {
        font-size: 2.2rem;
        text-align: center
    }
}
.mypage-single-box > .text {
    font-size: 1.4rem;
    line-height: 1.5em;
    margin-bottom: 2rem
}
.mypage-single-box > .text.-small {
    font-size: 1.2rem
}
.mypage-single-box > .text.-center {
    text-align: center
}
.mypage-single-box > .text.-head {
    font-size: 1.6rem;
    margin-bottom: 3rem
}
@media(min-width:768px) {
    .mypage-single-box > .text.-head {
        text-align: center
    }
}
.mypage-single-box > .text.-bottom {
    margin-top: 2rem;
    margin-bottom: 0
}
.mypage-single-box > .inner > .text {
    font-size: 1.4rem;
    line-height: 1.5em;
    margin-bottom: 1rem
}
.mypage-single-box > .inner > .text.-small {
    font-size: 1rem;
    margin-bottom: 0.5rem
}
.mypage-single-box > .text > a {
    color: #0067c8
}
@media(min-width:1100px) {
    .mypage-single-box>.text>a:hover {
        color: #003982
    }
}
.credit-card-edit-box .item {
    margin-top: 2rem;
    font-size: 1.6rem;
    position: relative
}
.credit-card-edit-box .item .heading {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 1rem
}
.credit-card-edit-box .item .expiration {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.credit-card-edit-box .item .expiration .month {
    width: 8rem
}
.credit-card-edit-box .item .expiration .slash {
    margin: 0 1rem
}
.credit-card-edit-box .item .expiration .year {
    width: 11rem
}
.credit-card-edit-box .item .expiration .select>option:first-child {
    display: none
}
.credit-card-edit-box .btn-group {
    margin-top: 3rem
}
.card-logo {
    height: 2.2rem;
    position: absolute;
    top: 0;
    right: 0
}
.card-logo.-visa {
    height: 1.4rem
}
.mypage-follow .auther-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    padding: 1rem
}
@media(max-width:767px) {
    .mypage-follow .auther-area {
        padding: 1rem 0;
        margin: 0 1rem;
        border-bottom: 0.1rem solid #d9d9d9
    }
}
.mypage-follow .auther-area .auther-area-icon {
    display: block;
    width: 3.4rem;
    height: 3.4rem;
    margin: 0.8rem 0.8rem 0.8rem 1rem
}
.mypage-follow .auther-area .auther-area-icon > img {
    border-radius: 1.7rem;
    display: block
}
@media(min-width:768px) {
    .mypage-follow .auther-area .auther-area-icon {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem
    }
}
.mypage-follow .auther-area .auther-area-name > .auther-area-media-name {
    display: block;
    color: #888;
    font-size: 1.2rem;
    font-weight: 400
}
.mypage-follow .auther-area.-follow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    padding: 1.4rem 1.4rem 4rem;
    min-height: 16rem
}
@media(max-width:991px) {
    .mypage-follow .auther-area.-follow {
        padding: 1.4rem 1.4rem 5rem
    }
}
@media(max-width:767px) {
    .mypage-follow .auther-area.-follow {
        padding: 1.4rem 0.4rem;
        margin: 0 1rem;
        min-height: auto;
        border-bottom: 0
    }
}
.mypage-follow .auther-area.-follow > .auther-area-icon {
    display: block;
    min-width: 8rem;
    width: 8rem;
    height: 8rem;
    margin-right: 1.4rem
}
@media(max-width:991px) {
    .mypage-follow .auther-area.-follow > .auther-area-icon {
        min-width: 6em;
        width: 6rem;
        height: 6rem;
        margin-right: 1.4rem
    }
}
@media(max-width:767px) {
    .mypage-follow .auther-area.-follow > .auther-area-icon {
        min-width: 3.6rem;
        width: 3.6rem;
        height: 3.6rem;
        margin-right: 0.8rem
    }
}
.mypage-follow .auther-area.-follow > .auther-area-icon > img {
    border-radius: 4rem;
    display: block
}
@media(max-width:991px) {
    .mypage-follow .auther-area.-follow > .auther-area-icon > img {
        border-radius: 6rem
    }
}
@media(max-width:767px) {
    .mypage-follow .auther-area.-follow > .auther-area-name {
        padding-right: 10rem
    }
}
.mypage-follow .auther-area.-follow > .auther-area-media-name {
    display: block;
    color: #777;
    font-size: 1.2rem;
    font-weight: 400;
    margin-top: 0.3rem;
    margin-bottom: 1rem
}
@media(max-width:767px) {
    .mypage-follow .card-list-normal .card-box.first .inner {
        display: block
    }
    .mypage-follow .card-list-normal .card-box.first .inner .body {
        padding: 0
    }
    .mypage-follow .card-list-normal .card-box.first .inner .thumbnail {
        display: block;
        margin-bottom: 1rem;
        width: 100%
    }
    .mypage-follow .card-list-normal .card-box.first .inner .thumbnail:before {
        padding-top: 0
    }
    .mypage-follow .card-list-normal .card-box.first .inner .thumbnail img {
        position: static
    }
    .mypage-follow .card-list-normal .card-box.first .auther-area {
        border-bottom: 0;
        padding: 1rem 0 0
    }
}
.mypage-block {
    width: 100%;
    display: block
}
@media(min-width:768px) {
    .mypage-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}
.mypage-block > .aside {
    margin-top: 0;
    margin-left: 0;
    margin-right: 2.4rem
}
.mailmagazine-box {
    padding: 1.5rem 1rem;
    border: 0.1rem solid #d9d9d9
}
.mailmagazine-box:not(:last-child) {
    margin-bottom: 1.5rem
}
.mailmagazine-box > .form-box > .checkbox {
    margin-bottom: 1rem
}
.mailmagazine-box > .form-box > .checkbox > label > .text {
    font-weight: 700
}
.mailmagazine-box > .summary {
    font-size: 1.3rem;
    line-height: 1.5em;
    padding-left: 2.4rem
}
.mypage-label-box {
    margin-bottom: 2rem;
    padding: 0 2rem
}
@media(min-width:1100px) {
    .mypage-label-box {
        margin-bottom: 3rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}
@media(min-width:1100px) {
    .mypage-label-box.-current {
        margin-bottom: 3rem;
        padding: 1.5rem;
        background: #f2f2f2
    }
}
.mypage-label-box.-current > .content {
    font-size: 1.4rem;
    color: #777;
    overflow-wrap: break-word
}
@media(min-width:1100px) {
    .mypage-label-box.-current > .content {
        color: #111;
        overflow: hidden
    }
}
@media(min-width:1100px) {
    .mypage-label-box.-future {
        margin-bottom: 3rem;
        padding: 1.5rem
    }
}
.mypage-label-box.-future > .content {
    font-size: 1.6rem;
    overflow-wrap: break-word
}
@media(min-width:1100px) {
    .mypage-label-box.-future > .content {
        overflow: hidden
    }
}
.mypage-label-box > .itemLabel {
    color: #777;
    font-size: 1.1rem;
    margin: 0 0 1rem
}
@media(min-width:1100px) {
    .mypage-label-box > .itemLabel {
        font-size: 1.3rem;
        line-height: 1.6rem;
        text-align: right;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 10rem;
        flex: 0 0 14rem;
        margin: 0 3rem 0 0
    }
    .mypage-label-box > .itemLabel.-grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}
.mypage-label-box>.itemLabel.-required:after {
    content: "必須";
    font-size: 1rem;
    padding-left: 0.3em;
    color: #bc000e
}
.mypage-label-box > .content {
    font-size: 1.6rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 28rem;
    flex: 1 0 28rem
}
.form-box-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.form-box-group > div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%
}
.mypage-account-box:not(:first-child) {
    margin-top: 1.5rem
}
@media(min-width:1100px) {
    .mypage-account-box:not(:first-child) {
        margin-top: 5rem
    }
}
.mypage-box {
    background-color: #fff;
    border-bottom: 0.1rem solid #d9d9d9;
    margin: 0 auto 20px;
    padding: 2rem 0
}
@media(min-width:1100px) {
    .mypage-box {
        padding: 4rem 2rem
    }
}
@media(min-width:1100px) {
    .mypage-box .inner {
        padding: 0;
    }
}
.mypage-box .inner p {
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.5em;
    margin: auto auto 1rem;
    padding: 2rem;
    padding: 2rem
}
@media(min-width:768px) {
    .mypage-box .inner p {
        font-size: 1.3rem;
        margin-bottom: 2rem;
        width: 95%
    }
}
.mypage-box .inner p.-no-margin {
    margin-bottom: 0
}
.mypage-box .inner .text {
    font-size: 1.4rem;
    line-height: 1.5em
}
.mypage-box .inner .text:not(:last-child) {
    margin-bottom: 2rem
}
.mypage-box .inner .text.-head {
    font-size: 1.6rem;
    margin-bottom: 3rem;
    text-align: center
}
.mypage-box .inner .text.-no-margin {
    margin-bottom: 0
}
.mypage-box .inner .notes {
    margin-left: 2rem
}
.mypage-box .inner .cfcancel {
    margin-bottom: 2rem;
    font-size: 1.6rem
}
.mypage-box .inner .notes > li {
    font-size: 1.4rem;
    line-height: 1.5em;
    text-indent: -1.3em
}
.mypage-box .inner .notes>li:not(:last-child) {
    margin-bottom: 1rem
}
.mypage-box .inner .notes>li:before {
    content: "必須";
    padding-right: 0.3em
}
.mypage-box .inner .btn-group {
    margin: 3rem 1.5rem 0
}
@media(min-width:1100px) {
    .mypage-box .inner .btn-group {
        margin: 3rem -0.5rem 0
    }
}
.mypage-box .inner .btn-group.-reverse {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}
@media(min-width:1100px) {
    .mypage-box .inner .btn-group.-reverse {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}
.mypage-box .inner > .btnList > .btn-group {
    margin-top: 0;
    margin-bottom: 0.8rem
}
.mypage-box .inner>.btnList>.btn-group:last-of-type {
    margin-bottom: 0
}
.mypage-box .inner .btn:not(:last-child) {
    margin-bottom: 1rem
}
@media(min-width:1100px) {
    .mypage-box .inner .btn:not(:last-child) {
        margin-bottom: 0
    }
}
@media(min-width:1100px) {
    .mypage-box .error-message {
        text-align: left
    }
}
.mypage-item-list > .item {
    padding: 0 0 2rem;
    margin: 0 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.mypage-item-list>.item.credit:after {
    content: "";
    display: inline-block;
    background: url('../icons/icon_payment_credit.svg') no-repeat;
    background-size: contain;
    width: 4.5rem;
    height: 4.5rem
}
@media(min-width:1100px) {
    .mypage-item-list>.item.credit:after {
        margin-right: 1.5rem
    }
}
.mypage-item-list>.item.iap:after {
    content: "";
    display: inline-block;
    background: url('../icons/icon_payment_iap.svg') no-repeat;
    background-size: contain;
    width: 4.5rem;
    height: 4.5rem
}
@media(min-width:1100px) {
    .mypage-item-list>.item.iap:after {
        margin-right: 1.5rem
    }
}
.mypage-item-list>.item.androidIap:after {
    content: "";
    display: inline-block;
    background: url('../icons/icon_googleplay_iap.svg') no-repeat;
    background-size: contain;
    width: 4.5rem;
    height: 4.5rem
}
@media(min-width:1100px) {
    .mypage-item-list>.item.androidIap:after {
        margin-right: 1.5rem
    }
}
.mypage-item-list>.item:last-child {
    padding-bottom: 0
}
@media(min-width:1100px) {
    .mypage-item-list>.item:last-child {
        padding-bottom: 2rem
    }
}
@media(min-width:1100px) {
    .mypage-item-list > .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 1.6rem 0;
        margin: 0
    }
}
@media(min-width:1100px) {
    .mypage-item-list>.item:nth-of-type(2n + 1) {
        background-color: #f2f2f2
    }
}
.mypage-item-list > .item > .change {
    color: #0067c8;
    font-size: 1.2rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    cursor: pointer
}
@media(min-width:1100px) {
    .mypage-item-list>.item>.change:hover {
        color: #003982
    }
}
@media(min-width:1100px) {
    .mypage-item-list > .item > .change {
        margin-right: 1.6rem
    }
}
.mypage-item-box {
    font-size: 1.4rem;
    width: 100%
}
@media(min-width:1100px) {
    .mypage-item-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}
.mypage-item-box > .itemLabel {
    color: #777;
    font-size: 1.2rem;
    margin: 0 0 1rem
}
@media(min-width:1100px) {
    .mypage-item-box > .itemLabel {
        text-align: right;
        width: 22rem;
        font-size: 1.2rem;
        padding: 0 3rem 0 0;
        margin-bottom: 0
    }
}
.mypage-item-box > .itemLabel > .change {
    color: #0067c8;
    font-size: 1.2rem;
    margin-left: 1rem;
    cursor: pointer
}
@media(min-width:1100px) {
    .mypage-item-box>.itemLabel>.change:hover {
        color: #003982
    }
}
@media(min-width:1100px) {
    .mypage-item-box > .itemLabel > .change {
        display: none
    }
}
.mypage-item-box > .content {
    font-size: 1.6rem;
    word-wrap: break-word;
    white-space: normal
}
@media(min-width:1100px) {
    .mypage-item-box > .content {
        width: calc(100% - 16rem)
    }
}
.mypage-item-box > .content > .price {
    margin-left: 1.5rem
}
.mypage-inner {
    padding: 0 2rem
}
@media(min-width:1100px) {
    .mypage-inner {
        padding: 0
    }
}
.mypage-bottom-link {
    color: #0067c8;
    font-size: 1.4rem;
    line-height: 1em;
    text-align: center;
    margin: 2rem 0
}
@media(min-width:1100px) {
    .mypage-bottom-link:hover {
        color: #003982
    }
}
.members-lp-plan-box {
    background-color: #fff;
    border-bottom: 0.1rem solid #d9d9d9;
    padding: 2rem 1rem;
    margin-top: 2rem
}
@media(min-width:1100px) {
    .members-lp-plan-box {
        padding: 3rem;
        margin-top: 3rem
    }
}
@media(min-width:768px) {
    .members-lp-plan-box .-mobile {
        display: none
    }
}
.members-lp-plan-box .-desktop {
    display: none
}
@media(min-width:768px) {
    .members-lp-plan-box .-desktop {
        display: block
    }
}
.members-lp-plan-box:first-of-type {
    margin-top: 0
}
@media(max-width:767px) {
    .members-lp-plan-box > .title {
        padding: 1.6rem
    }
}
.members-lp-plan-box > .title > .price {
    font-weight: 400;
    margin-left: 1rem
}
.members-lp-plan-box > .title > .price > span {
    color: #fff
}
@media(min-width:768px) {
    .members-lp-plan-box > .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}
@media(min-width:768px) {
    .members-lp-plan-box > .inner > .content {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 58rem;
        flex: 0 1 58rem
    }
}
.members-lp-plan-box > .inner > .content > .description > a {
    display: block;
    text-align: right
}
.members-lp-plan-box > .inner .privilegeList {
    padding: 0.5rem 1rem 1rem;
    background-color: #f2f2f2
}
@media(min-width:768px) {
    .members-lp-plan-box > .inner .privilegeList {
        padding: 0.5rem 2rem 2rem
    }
}
.members-lp-plan-box > .inner .privilegeList > .item {
    font-size: 1.4rem;
    line-height: 1.3em;
    margin-top: 1rem
}
@media(min-width:1100px) {
    .members-lp-plan-box > .inner .privilegeList > .item {
        font-size: 1.6rem;
        margin-top: 1.5rem
    }
}
.members-lp-plan-box > .inner .privilegeList > .item > i {
    color: #093;
    margin-right: 0.5rem
}
.members-lp-plan-box > .inner > .articleList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 0.5rem
}
@media(min-width:768px) {
    .members-lp-plan-box > .inner > .articleList {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 54rem;
        flex: 0 1 54rem;
        margin-top: -1rem;
        margin-left: 2rem
    }
}
.members-lp-plan-box > .inner > .articleList > .item {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(50% - 0.5rem);
    flex-basis: calc(50% - 0.5rem);
    margin-top: 1rem;
    position: relative
}
@media(min-width:768px) {
    .members-lp-plan-box > .inner > .articleList > .item {
        -ms-flex-preferred-size: calc(100% / 3 - 0.75rem);
        flex-basis: calc(100% / 3 - 0.75rem)
    }
}
.members-lp-plan-box > .inner > .articleList > .item.-comingsoon {
    position: relative
}
.members-lp-plan-box>.inner>.articleList>.item.-comingsoon:after {
    font-size: 1.4rem;
    color: #fff;
    background-color: rgba(17, 17, 17, .55);
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0
}
@media(min-width:1100px) {
    .members-lp-plan-box > .inner > .articleList > .item > a {
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .members-lp-plan-box>.inner>.articleList>.item>a:hover {
        opacity: .8
    }
}
.members-lp-plan-box > .inner > .articleList > .item .members {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    width: 30%
}
.members-lp-plan-box > .btn-group {
    margin-top: 2rem
}
.plan-group {
    padding: 0 1rem;
    margin-bottom: 1.5rem
}
@media(min-width:1100px) {
    .plan-group {
        padding: 0;
        margin-bottom: 0
    }
}
.plan-group .members-lp-plan-box {
    margin-top: 2rem
}
@media(min-width:1100px) {
    .plan-group .members-lp-plan-box {
        margin-top: 3rem
    }
}
.plan-group.-mypage {
    margin-top: -2rem
}
@media(min-width:1100px) {
    .plan-group.-mypage {
        margin-top: -3rem;
        margin-bottom: 3rem
    }
}
.plan-group.-mypage .members-lp-plan-box > .inner > .articleList > .item {
    -ms-flex-preferred-size: calc(50% - 0.5rem);
    flex-basis: calc(50% - 0.5rem)
}
.plan-group > .flash-message {
    text-align: left;
    padding: 0.8rem;
    margin-top: 1.5rem;
    margin-bottom: -0.5rem;
    color: #fff;
    background-color: #bc000e
}
@media(min-width:1100px) {
    .plan-group > .flash-message {
        text-align: center;
        margin-top: 3rem;
        margin-bottom: 0
    }
}
.plan-group > .flash-message > .message {
    line-height: 1.3em
}
.mypage-wrap {
    width: 100%;
    margin: 0 auto
}
.mypage-wrap .text {
    padding: initial
}
.mypage-seminar-wrapper {
    padding: 2rem
}
.page-description {
    font-size: 1.4rem;
    line-height: 1.5em;
    margin-bottom: 3.2rem
}
@media(min-width:736px) {
    .page-description {
        font-size: 1.6rem
    }
}
.read-more-btn {
    font-size: 1.1rem;
    line-height: 1em;
    width: 100%;
    padding: 1.4rem 0;
    margin-top: 0.5rem;
    border: none;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    background: #fff;
    color: #0052b2;
    text-decoration: underline;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease
}
.read-more-app-btn {
    font-size: 1.4rem;
    line-height: 1em;
    width: 100%;
    padding: 1.4rem 0;
    margin-top: 0.5rem;
    border: none;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 0.1rem solid #0067c8;
    background-color: #0067c8;
    background: #0067c8;
    color: #fff;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease
}
#read-more-wrap {
    position: relative
}
#read-more-wrap #read-more-article p:nth-of-type(3)~* {
    display: none
}
#read-more-wrap #read-more-article p:nth-of-type(n + 3) {
    line-height: 0
}
#read-more-wrap #read-more-article p:nth-of-type(3) {
    display: none
}
#read-more-wrap .read-more-trigger~#article-read-more-share-bottom {
    opacity: 0
}
#read-more-wrap .read-more-trigger:checked~div #read-more-area {
    display: none
}
#read-more-wrap .read-more-trigger:checked~#read-more-article p:nth-of-type(3)~* {
    display: block
}
#read-more-wrap .read-more-trigger:checked~#read-more-article p:nth-of-type(n + 3) {
    line-height: normal
}
#read-more-wrap .read-more-trigger:checked~#read-more-article p:nth-of-type(3) {
    display: block
}
#read-more-wrap .read-more-trigger:checked~#article-read-more-share-bottom {
    opacity: 1
}
#read-more-wrap .read-more-trigger {
    display: none
}
.share-button-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.share-button-list > .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 4rem;
    flex: 0 0 4rem;
    height: 4rem;
    margin: 0 0.5rem;
    border-radius: 50%;
    color: #fff;
    font-size: 2rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
@media(min-width:768px) {
    .share-button-list > .item._bg-ln {
        display: none
    }
}
.share-button-list>.item>i:before {
    vertical-align: top
}
.auth-content-box {
    width: 100%;
    color: #fff;
    background: none
}
.auth-content-box.wide {
    position: relative;
    display: inline-block;
    overflow: hidden
}
.auth-content-box.wide > .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}
.auth-content-box.wide > .inner > .maintitle {
    font-size: 3.4rem;
    font-weight: 700;
    line-height: 1.4;
    padding-top: 14rem;
    margin-bottom: 1rem;
    text-align: center
}
@media(min-width:768px) {
    .auth-content-box.wide > .inner > .maintitle {
        font-size: 4.5rem;
        padding-top: 17rem
    }
}
@media(min-width:1100px) {
    .auth-content-box.wide > .inner > .maintitle {
        padding-top: 14rem
    }
}
.auth-content-box.wide > .inner > .maintitle > br {
    display: block
}
@media(min-width:768px) {
    .auth-content-box.wide > .inner > .maintitle > br {
        display: none
    }
}
.auth-content-box.wide > .inner > .title {
    background: #6e1b1e;
    font-size: 1.2rem;
    padding: 1.2rem
}
@media(min-width:1100px) {
    .auth-content-box.wide > .inner > .title {
        font-size: 1.6rem
    }
}
@media(min-width:768px) {
    .auth-content-box.wide > .inner > .title {
        font-size: 1.6rem
    }
}
.auth-content-box.wide > .inner > .title br {
    display: block
}
@media(min-width:768px) {
    .auth-content-box.wide > .inner > .title br {
        display: none
    }
}
@media(min-width:1100px) {
    .auth-content-box.wide > .inner > .title br {
        display: block
    }
}
@media(min-width:768px) {
    .auth-content-box.wide.no-cce {
        background: url('/assets/images/signup_pic_tb.png') no-repeat 50% 0;
        background-size: cover;
        min-height: 32rem
    }
    .auth-content-box.wide.no-cce > .img {
        display: none
    }
}
@media(min-width:1100px) {
    .auth-content-box.wide.no-cce {
        background: url('/assets/images/signup_pic_pc.png') no-repeat;
        background-size: 48rem 68.1rem;
        min-height: 68rem
    }
    .auth-content-box.wide.no-cce > .img {
        display: none
    }
}
.auth-content-box > .inner {
    padding: 3rem 2rem
}
@media(min-width:768px) {
    .auth-content-box > .inner {
        padding: 3rem 8rem
    }
}
@media(min-width:1100px) {
    .auth-content-box > .inner {
        padding: 3rem 5rem
    }
}
.auth-content-box > .inner > .title {
    font-size: 1.6rem;
    line-height: 1.5em;
    text-align: center;
    margin-bottom: 2rem
}
@media(min-width:1100px) {
    .auth-content-box > .inner > .title {
        font-size: 2rem
    }
}
.auth-content-box > .inner > .title > .highlight {
    font-size: 1.2em;
    font-weight: 700
}
.auth-content-box > .inner > .image {
    width: 100%
}
.auth-content-box > .inner > .prosList > .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2.5rem
}
.auth-content-box > .inner > .prosList > .item > i {
    font-size: 3rem;
    margin-right: 1.5rem
}
@media(min-width:1100px) {
    .auth-content-box > .inner > .prosList > .item > i {
        font-size: 2.7rem
    }
}
.auth-content-box > .inner > .prosList > .item > .pros > .heading {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1em;
    margin-bottom: 0.5rem
}
@media(min-width:1100px) {
    .auth-content-box > .inner > .prosList > .item > .pros > .heading {
        font-size: 1.6rem
    }
}
.auth-content-box > .inner > .prosList > .item > .pros > .text {
    font-size: 1.2rem;
    line-height: 1.5em
}
@media(min-width:1100px) {
    .auth-content-box > .inner > .prosList > .item > .pros > .text {
        font-size: 1.3rem
    }
}
.small-link {
    color: #777;
    font-size: 1.2rem;
    margin: 1.5rem 1rem 1.5rem 0;
    text-align: right;
    cursor: pointer
}
@media(min-width:1100px) {
    .small-link {
        margin-right: 0
    }
    .small-link:hover {
        opacity: .8
    }
}
.small-link.-free {
    display: block
}
@media(min-width:1100px) {
    .small-link.-free {
        margin: 1.5rem 0 3rem
    }
}
.swiper-pagination-bullet {
    width: 1.3rem;
    height: 1.3rem;
    margin: 0.5rem 0.7rem;
    background: #222;
    border: 0.2rem solid #ffefdc;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    border-radius: 3rem;
    opacity: 1
}
.swiper-pagination-bullet-active {
    background: #ffefdc;
    border: 0.2rem solid #ffefdc
}
.swiper-pagination {
    position: static;
    text-align: center;
    -webkit-transition: 0.3s opacity;
    transition: 0.3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    margin: 1.2rem 0 0.4rem
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-custom .swiper-pagination-bullet,
.swiper-pagination-fraction .swiper-pagination-bullet {
    margin: 0.5rem 0.7rem
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url('/assets/images/members/arrow-left.svg');
    background-size: 5rem;
    top: 33%;
    left: 3rem;
    right: auto
}
.mem-rensai-area .swiper-button-prev,
.mem-rensai-area .swiper-button-next {
    top: 26%
}
.mem_normal_special_area .swiper-button-prev,
.mem_normal_special_area .swiper-button-next {
    top: 26%
}
.mem_normal_category_area .swiper-button-prev,
.mem_normal_category_area .swiper-button-next {
    top: 26%
}
.mem-special-area .swiper-button-prev,
.mem-special-area .swiper-button-next {
    top: 32%
}
.swiper-button-next {
    background-image: url('/assets/images/members/arrow-right.svg');
    background-size: 5rem;
    top: 33%;
    right: 3rem;
    left: auto
}
.swiper-button-next.swiper-button-disabled {
    opacity: 0
}
.swiper-button-next:focus {
    outline: none
}
.swiper-container-rtl .swiper-button-prev {
    background-image: url('/assets/images/members/arrow-right.svg');
    background-size: 5rem;
    top: 33%;
    right: 3rem;
    left: auto
}
.swiper-button-prev.swiper-button-disabled {
    opacity: 0
}
.swiper-button-prev:focus {
    outline: none
}
.tag-list {
    padding: 0 1rem
}
.tag-list > .tag {
    display: inline-block;
    padding: 0.5rem 1rem;
    margin: 0 1rem 1rem 0;
    font-size: 1.2rem;
    background-color: #f2f2f2;
    border-radius: 0.2rem;
    -webkit-transition: color 0.3s;
    transition: color 0.3s
}
.tag-list.search-tag > .tag {
    background-color: #fff
}
@media(min-width:1100px) {
    .tag-list>.tag:hover {
        color: #0067c8
    }
}
@media(min-width:768px) {
    .tag-list {
        padding: 0
    }
}
.tag-list.-lighten > .tag {
    background-color: #fff
}
.terms-box {
    background-color: #fff;
    border-bottom: 0.1rem solid #d9d9d9;
    padding: 2rem 1rem
}
@media(min-width:768px) {
    .terms-box {
        padding: 2rem
    }
}
@media(min-width:1100px) {
    .terms-box {
        padding: 2rem 6.5rem;
        margin-bottom: 1.6rem
    }
}
.terms-box a {
    color: #0067c8
}
@media(min-width:1100px) {
    .terms-box a:hover {
        color: #003982
    }
}
.terms-box > .title {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 2rem;
    margin-top: 5rem
}
.terms-box > .title.-head {
    margin-top: 0
}
.terms-box > .text {
    font-size: 1.4rem;
    line-height: 1.7em;
    margin-bottom: 1rem
}
.terms-box > .date {
    font-size: 1.4rem;
    margin-top: 6rem
}
.terms-box .list {
    font-size: 1.4rem;
    line-height: 1.7em
}
.terms-box .list > .item {
    margin-bottom: 1rem
}
.terms-box .list.-lv1 > .item {
    list-style-type: decimal;
    margin-left: 1.5em
}
.terms-box .list.-lv2 {
    margin-top: 1rem
}
.terms-box > dl {
    border-bottom: 0.1rem solid #d9d9d9;
    margin-bottom: 2.4rem
}
@media(min-width:736px) {
    .terms-box > dl {
        margin-bottom: 3.2rem
    }
}
.terms-box>dl:last-of-type {
    margin-bottom: 0
}
.terms-box > dl > dt {
    font-size: 1.4rem;
    line-height: 1.6em;
    font-weight: 700;
    border-top: 0.1rem solid #d9d9d9;
    border-left: 0.1rem solid #d9d9d9;
    border-right: 0.1rem solid #d9d9d9;
    background-color: #f2f2f2;
    padding: 0.7rem 1rem
}
.terms-box > dl > dd {
    font-size: 1.4rem;
    line-height: 1.6em;
    border-top: 0.1rem solid #d9d9d9;
    border-left: 0.1rem solid #d9d9d9;
    border-right: 0.1rem solid #d9d9d9;
    padding: 1rem
}
.text-links {
    background-color: #fff;
    padding: 1rem 0
}
@media(min-width:736px) {
    .text-links {
        width: 100%;
        margin: 0.8rem auto;
        background-color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 1rem 0
    }
}
@media(min-width:1100px) {
    .text-links {
        margin: 1.6rem auto
    }
}
.text-links > * {
    font-size: 1.2rem;
    margin: 0 1.2rem
}
.text-links a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.text-links a:link {
    color: inherit
}
.text-links a:visited {
    color: #777
}
@media(min-width:1100px) {
    .text-links a:hover {
        color: #777
    }
}
.text-links i {
    color: #0067c8;
    font-size: 1.3rem;
    margin-right: 0.5rem
}
@media(min-width:736px) and(min-width:768px) {
    .text-links {
        width: calc(100% - 3.2rem);
        max-width: 96rem
    }
}
@media(min-width:736px) and(min-width:1100px) {
    .text-links {
        max-width: 120rem
    }
}
.title-box {
    margin: 0.8rem 0
}
.title-box > .inner {
    display: block;
    padding: 0
}
.title-box > .inner > .body {
    padding: 1rem
}
.title-box .thumbnail:before {
    content: "";
    display: block;
    padding-top: 28.57142857142857%
}
.title-box .thumbnail > img {
    position: absolute;
    top: 0;
    left: 0
}
.title-box .thumbnail > img.members {
    top: 0.5rem;
    left: 0.5rem;
    width: 29%
}
@media(min-width:1100px) {
    .title-box .thumbnail > img.members {
        top: 1rem;
        left: 1rem
    }
}
.title-box .title {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.5em;
    height: auto;
    max-height: initial
}
.title-box > .inner > .body > .heading {
    display: block;
    margin-bottom: 1rem
}
.title-box > .inner > .body > .heading > .sponsor {
    display: inline-block;
    width: 15rem
}
.title-box > .inner > .body > .heading > .sponsor img {
    width: 100%
}
.title-box > .inner > .body > .description {
    color: #777;
    font-size: 1.3rem;
    line-height: 1.5em;
    height: auto
}
@media(min-width:768px) {
    .title-box {
        margin: 1.6rem 0
    }
    .title-box .title {
        font-weight: 700;
        font-size: 2.4rem;
        line-height: 1.5em;
        height: auto;
        max-height: initial
    }
    .title-box > .inner > .body {
        padding: 2rem 2rem 1rem
    }
    .title-box > .inner > .body > .heading {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .title-box > .inner > .body > .heading > .sponsor {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 18rem;
        flex: 0 0 18rem;
        margin-left: 1rem
    }
    .title-box > .inner > .body > .description {
        font-size: 1.5rem;
        line-height: 1.5em;
        height: auto
    }
}
@media(min-width:768px) {
    .title-box.-main {
        margin-top: 0
    }
}
.trailer-box {
    background-color: #f2f2f2;
    padding: 3rem 2rem 5rem;
    margin: 0 auto 3.2rem;
    position: relative
}
.trailer-box > .special-menu {
    margin-bottom: 2rem;
    text-align: right
}
.trailer-box > .special-menu > a {
    font-size: 1.2rem;
    color: #0067c8
}
@media(min-width:1100px) {
    .trailer-box {
        width: 60rem
    }
}
.trailer-box > .title {
    font-size: 1.6rem;
    line-height: 1.3em;
    text-align: center;
    margin-bottom: 3rem
}
@media(min-width:1100px) {
    .trailer-box > .title {
        font-size: 2rem
    }
}
.trailer-box > .title > a {
    color: #111
}
.trailer-box .free {
    color: #fff;
    background-color: #0067c8;
    font-size: 1.2rem;
    line-height: 1em;
    width: 3.2rem;
    height: 1.8rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 0.5rem
}
.trailer-box.open {
    padding: 3rem 2rem 7rem
}
.trailer-box.open .js-trailer-toggle {
    background: none;
    height: auto
}
.trailer-box.open > .js-trailer-toggle > .btn {
    background: url('/assets/images/trailer-arrow-up.svg') no-repeat 1rem 50%;
    background-size: 1.1rem auto;
    width: 8rem
}
.trailer-box.close > .js-trailer-toggle > .btn {
    background: url('/assets/images/trailer-arrow-down.svg') no-repeat 1rem 50%;
    background-size: 1.1rem auto;
    width: 7.6rem
}
.trailer-box .js-trailer-toggle {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(242,242,242,0)),color-stop(1%,rgba(242,242,242,0)),to(#f2f2f2)) 0 -5rem;
    background: linear-gradient(to bottom,rgba(242,242,242,0) 0,rgba(242,242,242,0) 1%,#f2f2f2 100%) 0 -5rem;
    bottom: 0;
    height: 10rem;
    left: 0;
    position: absolute;
    width: 100%
}
.trailer-box .js-trailer-toggle > .btn {
    border: 0.1rem solid #707070;
    border-radius: 0.4rem;
    bottom: 2rem;
    color: #707070;
    cursor: pointer;
    display: block;
    font-size: 1.4rem;
    left: 0;
    margin: 0 auto;
    padding: 0.7rem 0.7rem 0.7rem 2.6rem;
    position: absolute;
    right: 0
}
.trailer-box .js-trailer-toggle > .btn.dispNon {
    display: none
}
.trailer-box .js-trailer-togglea:hover {
    opacity: .75
}
.trailer-list {
    counter-reset: index -1
}
.trailer-list.-normal {
    counter-reset: index
}
.trailer-list.-unordered>.item:before {
    content: none
}
.trailer-list > .item {
    color: #a0a0a0;
    font-size: 1.4rem;
    line-height: 1.3em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.trailer-list>.item:not(:last-child) {
    margin-bottom: 1.5rem
}
.trailer-list>.item:before {
    color: #777;
    font-size: 1.2rem;
    line-height: 1em;
    border-bottom: 0.1rem solid #777;
    padding-bottom: 0.3rem;
    margin-top: 0.1rem;
    margin-right: 1.5rem;
    content: counters(index, '.', decimal-leading-zero);
    counter-increment: index
}
@media(min-width:1100px) {
    .trailer-list>.item:before {
        margin-right: 2rem
    }
}
.trailer-list > .item.dispNon {
    display: none
}
.trailer-list > .item > a {
    color: #0067c8;
    line-height: 1.3em
}
@media(min-width:1100px) {
    .trailer-list > .item > a {
        opacity: 1;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .trailer-list>.item>a:hover {
        opacity: .8
    }
}
.trailer-list > .item.-current > a {
    color: #111
}
.trailer-list > .item .free {
    color: #fff;
    background-color: #0067c8;
    font-size: 1.2rem;
    line-height: 1em;
    width: 3.2rem;
    height: 1.8rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 0.5rem
}
.-nr-red {
    color: #e60012
}
.-nr-bold {
    font-weight: 700
}
.show_pc {
    display: none
}
@media(min-width:768px) {
    .show_pc {
        display: block
    }
}
.show_sp {
    display: block
}
@media(min-width:768px) {
    .show_sp {
        display: none
    }
}
@media(max-width:767px) {
    .net-ranking-body .l-main,
    .net-ranking-body .l-aside {
        margin: 0 1rem 2rem;
        width: initial
    }
}
.net-ranking-body .l-main .main-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}
@media(min-width:768px) {
    .net-ranking-body .l-main .main-box {
        display: block;
        -webkit-box-orient: initial;
        -webkit-box-direction: initial;
        -ms-flex-direction: initial;
        flex-direction: initial
    }
}
@media(min-width:768px) {
    .net-ranking-body .l-aside {
        display: block
    }
}
.net-ranking-body .l-wrap .l-main .ads-sp {
    display: block
}
@media(min-width:768px) {
    .net-ranking-body .l-wrap .l-main .ads-sp {
        display: none
    }
}
.net-ranking-body .l-wrap .l-main .ads-sp a img {
    width: 100%
}
.net-ranking-body .third .chart {
    height: 100%
}
@media(min-width:1100px) {
    .net-ranking-body .third .chart {
        margin: 0 auto 6rem;
        max-width: 40rem;
        width: calc(100% - 4rem)
    }
}
.net-ranking-body .third .chart canvas {
    margin: 0 auto
}
.-comm.net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers {
    color: #4bb134
}
.-comm.net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .recommend .title {
    background-color: #4bb134
}
.-comm.net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .recommend .star span {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#4bb134),color-stop(50%,#fff));
    background: linear-gradient(to right,#4bb134 50%,#fff 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    white-space: nowrap
}
.-comm.net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .number .title {
    background-color: #4bb134
}
.-comm.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .point {
    border: 0.1rem solid #4bb134
}
.-comm.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .point .main-title h4 {
    background-color: #4bb134;
    font-weight: 700
}
.-comm.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .point .contents .contents-list .title {
    color: #4bb134
}
.-comm.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .fee-table > div table thead tr td,
.-comm.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .fee-table > div table tbody tr td {
    line-height: 1.5em;
    font-size: 1.2rem
}
.-comm.net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-detail p {
    border: 0.1rem solid #4bb134;
    color: #4bb134
}
.-comm.net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-detail p:hover {
    background-color: #4bb134;
    color: #fff
}
.-comm.net-ranking-body .l-wrap .l-main .net-ranking section .sub {
    background-color: #c5f6ba
}
.-comm.net-ranking-body .l-wrap .l-main .net-ranking section .sub h3 {
    font-weight: 700
}
.-comm.net-ranking-body .l-wrap .l-main .net-ranking section .sub .voice-box .voice-list .title .name .star p {
    color: #4bb134
}
.-comm.net-ranking-body .l-wrap .l-main .net-ranking section .sub .voice-box .voice-list .title .name .name-list p {
    color: #4bb134
}
.-comm.net-ranking-body .l-wrap .l-main .qa .qa-box .qa-list .qa-list-question .icon p {
    background-color: #4bb134
}
.-fx.net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers {
    color: #eb6100;
    display: block
}
.-fx.net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .recommend {
    margin: 0 auto
}
.-fx.net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .recommend .title {
    background-color: #eb6100
}
.-fx.net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .recommend .star span {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#eb6100),color-stop(50%,#fff));
    background: linear-gradient(to right,#eb6100 50%,#fff 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    white-space: nowrap
}
.-fx.net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .number {
    display: none
}
.-fx.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .point {
    border: 0.1rem solid #eb6100
}
.-fx.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .point .main-title h4 {
    background-color: #eb6100;
    font-weight: 700
}
.-fx.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .point .contents .contents-list .title {
    color: #eb6100
}
.-fx.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .fee-table > div table thead tr td,
.-fx.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .fee-table > div table tbody tr td {
    line-height: 1.5em
}
.-fx.net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-detail p {
    border: 0.1rem solid #eb6100;
    color: #eb6100
}
.-fx.net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-detail p:hover {
    background-color: #eb6100;
    color: #fff
}
.-fx.net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .info {
    display: none
}
.-fx.net-ranking-body .l-wrap .l-main .net-ranking section .sub {
    background-color: #eb6100
}
.-fx.net-ranking-body .l-wrap .l-main .net-ranking section .sub h3 {
    color: #fff;
    font-weight: 700
}
.-fx.net-ranking-body .l-wrap .l-main .net-ranking section .sub .voice-box .voice-list .title .name .star p {
    color: #eb6100
}
.-fx.net-ranking-body .l-wrap .l-main .qa .qa-box .qa-list .qa-list-question .icon p {
    background-color: #eb6100
}
.net-ranking-body .intro {
    display: block;
    width: 100%
}
.net-ranking-body .intro .intro-box {
    background-color: #222;
    display: block;
    padding: 1rem;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.net-ranking-body .intro .intro-box .image {
    margin: 1rem 1rem 2rem;
    text-align: center
}
.net-ranking-body .intro .intro-box .image img {
    width: 60%
}
.net-ranking-body .intro .intro-box .description {
    color: #fff;
    margin-bottom: 1rem
}
.net-ranking-body .intro .intro-box .description p {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5em
}
.net-ranking-body .intro .ads {
    display: none;
    margin: 1rem;
    text-align: center
}
.net-ranking-body .intro .ads img {
    width: 100%
}
@media(min-width:768px) {
    .net-ranking-body .intro {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 3rem auto;
        width: calc(100% - 3.2rem);
        max-width: 96rem
    }
    .net-ranking-body .intro .intro-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: calc(100% - 30rem - 2.4rem)
    }
    .net-ranking-body .intro .intro-box .image {
        margin-bottom: auto;
        margin-top: auto;
        width: 30%
    }
    .net-ranking-body .intro .intro-box .image img {
        width: 100%
    }
    .net-ranking-body .intro .intro-box .description {
        margin: auto;
        width: 70%
    }
    .net-ranking-body .intro .intro-box .description p {
        font-size: 1.3rem;
        line-height: 1.6em
    }
    .net-ranking-body .intro .ads {
        display: block;
        margin: 0 0 0 2.6rem;
    }
}
@media(min-width:1100px) {
    .net-ranking-body .intro {
        max-width: 120rem
    }
    .net-ranking-body .intro .intro-box .description p {
        font-size: 1.6rem;
        line-height: 1.8em
    }
}
.-ipo.net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers {
    color: #d7005b
}
.-ipo.net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .recommend .title {
    background-color: #d7005b
}
.-ipo.net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .recommend .star span {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#d7005b),color-stop(50%,#fff));
    background: linear-gradient(to right,#d7005b 50%,#fff 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    white-space: nowrap
}
.-ipo.net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .number .title {
    background-color: #d7005b
}
.-ipo.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .point {
    border: 0.1rem solid #d7005b
}
.-ipo.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .point .main-title h4 {
    background-color: #d7005b;
    font-weight: 700
}
.-ipo.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .point .contents .contents-list .title {
    color: #d7005b
}
.-ipo.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .fee-table > div table thead tr td,
.-ipo.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .fee-table > div table tbody tr td {
    line-height: 1.5em
}
.-ipo.net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-detail p {
    border: 0.1rem solid #d7005b;
    color: #d7005b
}
.-ipo.net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-detail p:hover {
    background-color: #d7005b;
    color: #fff
}
.-ipo.net-ranking-body .l-wrap .l-main .net-ranking section .sub {
    background-color: #eba8c1
}
.-ipo.net-ranking-body .l-wrap .l-main .net-ranking section .sub h3 {
    color: #fff;
    font-weight: 700
}
.-ipo.net-ranking-body .l-wrap .l-main .net-ranking section .sub .voice-box .voice-list .title .name .star p {
    color: #d7005b
}
.-ipo.net-ranking-body .l-wrap .l-main .net-ranking section .sub .voice-box .voice-list .title .name .name-list p {
    color: #d7005b
}
.-ipo.net-ranking-body .l-wrap .l-main .qa .qa-box .qa-list .qa-list-question .icon p {
    background-color: #d7005b
}
.net-ranking-body .l-wrap .l-main .net-ranking section {
    background-color: #fff;
    margin-bottom: 2rem
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .first {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .first .image {
    left: 1rem;
    position: absolute;
    top: -0.5rem;
    width: 5rem;
    z-index: 200
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .first .image img {
    width: 100%
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .first .title {
    background-color: #222;
    margin-bottom: auto;
    margin-top: auto;
    padding: 0.5rem 0.5rem 0.5rem 7rem;
    position: relative;
    width: 75%
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .first .title:after {
    border-right: 2rem solid #fff;
    border-top: 3.7rem solid transparent;
    content: "";
    position: absolute;
    right: 0;
    top: 0
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .first .title h2 {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5em
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .first .title-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: auto;
    margin-top: auto;
    padding: 0;
    position: relative;
    width: 25%
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .first .title-logo img {
    height: 3.7rem
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .second {
    display: block;
    margin-top: 3rem;
    padding: 0 1.6rem
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers {
    color: #00a99d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .recommend .star,
.net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .number p {
    font-size: 2rem;
    margin-top: 0.5rem
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .recommend,
.net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .number {
    width: 50%
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .recommend .title,
.net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .number .title {
    background-color: #00a99d;
    border-radius: 3rem;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0 1.5rem;
    padding: 0.6rem 1rem
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .recommend .star span {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#00a99d),color-stop(50%,#fff));
    background: linear-gradient(to right,#00a99d 50%,#fff 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    white-space: nowrap
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .number p {
    font-weight: 700
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .number p span {
    font-size: 2.4rem
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .second .ads {
    margin-top: 1.5rem
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .second .ads img {
    width: 100%
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .third {
    padding: 1.6rem 1.6rem 0;
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .point {
    border: 0.1rem solid #00a99d;
    margin-top: 4rem;
    padding: 1.6rem 1.6rem 1rem;
    position: relative
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .point .main-title {
    position: absolute;
    top: -1.6rem
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .point .main-title h4 {
    background-color: #00a99d;
    border-radius: 3rem;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.5em;
    padding: 0.5rem 1rem
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .point .contents .contents-list {
    margin-top: 0.5rem
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .point .contents .contents-list .title {
    color: #00a99d;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.5em
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .point .contents .contents-list .description {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5em
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .fee-table {
    margin-top: 1rem
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .fee-table h3 {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5em
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .fee-table > div table {
    text-align: center;
    width: 100%
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .fee-table > div table thead tr {
    background-color: #222
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .fee-table > div table thead tr td {
    color: #fff;
    font-size: 1rem;
    padding: 0.8rem
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .fee-table > div table tbody tr {
    background-color: #f2f2f2
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .fee-table > div table tbody tr th,
.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .fee-table > div table tbody tr td {
    padding: 0.8rem
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .campaign {
    display: none
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .campaign .campaign-left {
    background-color: #e60012;
    color: #fff;
    padding: 2.5rem 1rem 1rem;
    width: 20%
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .campaign .campaign-left p {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5em;
    text-align: center
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .campaign .campaign-right {
    border: 0.1rem solid #e60012;
    color: #e60012;
    background-color: #ffe5e8;
    padding: 1rem 0.5rem;
    width: 80%
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .campaign .campaign-right p {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.5em
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .third .campaign .campaign-right p span {
    color: #222;
    font-size: 1rem;
    font-weight: 400
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth {
    margin: 1rem 1.6rem 1.6rem;
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box {
    display: block
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-animation {
    background-color: #e60012;
    border: 0.1rem solid #e60012;
    margin-top: 1rem;
    -webkit-transition: 0.3s all;
    transition: 0.3s all
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-animation:hover {
    background-color: #fff
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-animation:hover a .description p {
    color: #e60012
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-animation a > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-animation a > div .arrow {
    position: relative;
    width: 25%
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-animation a > div .arrow img {
    -webkit-animation: arrow 1.5s infinite;
    animation: arrow 1.5s infinite;
    height: 5.2rem;
    position: absolute
}
@-webkit-keyframes arrow {
    0% {
        right: 2rem;
        opacity: 0
    }
    50% {
        right: 0.5rem;
        opacity: 1
    }
    100% {
        right: -0.4rem;
        opacity: 0
    }
}
@keyframes arrow {
    0% {
        right: 2rem;
        opacity: 0
    }
    50% {
        right: 0.5rem;
        opacity: 1
    }
    100% {
        right: -0.4rem;
        opacity: 0
    }
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-animation a > div .description {
    padding: 0.5rem;
    width: 75%
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-animation a > div .description p {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.5em;
    -webkit-transition: 0.3s all;
    transition: 0.3s all
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-animation a > div .description p span {
    font-size: 1.2rem
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-detail {
    margin-top: 1rem
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-detail p {
    border: 0.1rem solid #00a99d;
    color: #00a99d;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.5em;
    padding: 0.5rem;
    text-align: center;
    -webkit-transition: 0.3s all;
    transition: 0.3s all
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-detail p:hover {
    background-color: #00a99d;
    color: #fff
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .info {
    margin-top: 1rem
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .info p {
    border: 0.1rem solid #222;
    border-radius: 0.5rem;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5em;
    padding: 0.5rem;
    position: relative;
    text-align: center
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .info p:before {
    border-bottom: 1rem solid #222;
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    content: "";
    left: 47%;
    position: absolute;
    top: -1rem
}
.net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .info p span {
    color: #e60012;
    font-size: 2rem;
    font-weight: 700
}
.net-ranking-body .l-wrap .l-main .net-ranking section .sub {
    background-color: #d1e8e6;
    padding: 1.6rem
}
.net-ranking-body .l-wrap .l-main .net-ranking section .sub h3 {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5em
}
.net-ranking-body .l-wrap .l-main .net-ranking section .sub .voice-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1rem;
    overflow: auto;
    white-space: nowrap
}
.net-ranking-body .l-wrap .l-main .net-ranking section .sub .voice-box .voice-list {
    background-color: #fff;
    padding: 1rem
}
.net-ranking-body .l-wrap .l-main .net-ranking section .sub .voice-box .voice-list:not(:first-child) {
    margin-left: 1rem
}
.net-ranking-body .l-wrap .l-main .net-ranking section .sub .voice-box .voice-list .title {
    color: #00a99d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.5rem
}
.net-ranking-body .l-wrap .l-main .net-ranking section .sub .voice-box .voice-list .title .icon {
    height: 4.5rem;
    width: 4.5rem
}
.net-ranking-body .l-wrap .l-main .net-ranking section .sub .voice-box .voice-list .title .icon img {
    height: 100%
}
.net-ranking-body .l-wrap .l-main .net-ranking section .sub .voice-box .voice-list .title .name {
    margin-bottom: auto;
    margin-left: 1rem;
    margin-top: auto
}
.net-ranking-body .l-wrap .l-main .net-ranking section .sub .voice-box .voice-list .title .name .name-list p {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5em
}
.net-ranking-body .l-wrap .l-main .net-ranking section .sub .voice-box .voice-list .title .name .star p {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5em
}
.net-ranking-body .l-wrap .l-main .net-ranking section .sub .voice-box .voice-list .description {
    margin-top: 1rem;
    white-space: normal;
    width: 20rem
}
.net-ranking-body .l-wrap .l-main .net-ranking section .sub .voice-box .voice-list .description p {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5em
}
@media(min-width:768px) {
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .first .title:after {
        border-top: 4rem solid transparent
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .first .title h2 {
        font-size: 2rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .first .title .title-logo img {
        height: 4rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .recommend .star,
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .number .title {
        font-size: 2.4rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .recommend .title,
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .number .title {
        font-size: 1.6rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .third .campaign .campaign-left p {
        font-size: 1.2rem;
        margin-top: -0.5rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .third .campaign .campaign-right {
        padding: 1rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-animation a > div .arrow img {
        -webkit-animation: arrow-tb 1.5s infinite;
        animation: arrow-tb 1.5s infinite;
        height: 5.9rem
    }
    @-webkit-keyframes arrow-tb {
        0% {
            right: 3rem;
            opacity: 0
        }
        50% {
            right: 1rem;
            opacity: 1
        }
        100% {
            right: 0;
            opacity: 0
        }
    }
    @keyframes arrow-tb {
        0% {
            right: 3rem;
            opacity: 0
        }
        50% {
            right: 1rem;
            opacity: 1
        }
        100% {
            right: 0;
            opacity: 0
        }
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-animation a > div .description p {
        font-size: 1.6rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-animation a > div .description p span {
        font-size: 1.4rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .sub .voice-box .voice-list .description {
        width: 25rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .sub .voice-box .voice-list .description p {
        font-size: 1.4rem
    }
}
@media(min-width:1100px) {
    .net-ranking-body .l-wrap .l-main .net-ranking section {
        margin-bottom: 3rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .first .image {
        width: 7rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .first .title {
        padding: 1rem 1rem 1rem 10rem;
        width: 80%
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .first .title:after {
        border-top: 5.6rem solid transparent
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .first .title h2 {
        font-size: 2.4rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .first .title-logo {
        margin-right: auto;
        margin-left: auto;
        width: initial
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .first .title-logo img {
        height: 5.6rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .second {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 2rem;
        padding: 1.6rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers {
        width: 35%
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .recommend .star,
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .number p {
        margin-top: 1rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .recommend .title,
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .number .title {
        margin: 0 0.5rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .number p {
        font-size: 2.4rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .second .numbers .number p span {
        font-size: 3.2rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .second .ads {
        margin-left: 1rem;
        margin-top: 0;
        text-align: center;
        width: 65%
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .third {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .third .chart,
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .third .point,
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .third .fee-table,
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .third .campaign {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(50% - 0.8rem);
        flex-basis: calc(50% - 0.8rem)
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .third .point,
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .third .campaign {
        margin-left: 1.6rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .third .point {
        margin-top: 0;
        padding: 2rem;
        max-width: 50%
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .third .point .main-title h4 {
        font-size: 1.6rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .third .point .contents .contents-list {
        margin-top: 1rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .third .point .contents .contents-list .title {
        font-size: 1.6rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .third .point .contents .contents-list .description {
        font-size: 1.4rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .third .fee-table {
        margin-top: -3rem;
        display: inline-table;
        width: 49%
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .third .fee-table > div table thead tr td {
        font-size: 1.4rem;
        font-weight: 700;
        width: 20%
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .third .fee-table > div table tbody tr th {
        font-size: 1.4rem;
        padding: 1.6rem 0.8rem;
        width: 20%
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .third .fee-table > div table tbody tr td {
        font-size: 1.4rem;
        width: 20%
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .third .campaign {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 1rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .third .campaign .campaign-left p {
        font-size: 1.4rem;
        margin-top: 0
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .third .campaign .campaign-right p {
        font-size: 1.4rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .third .campaign .campaign-right p span {
        font-size: 1.2rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-animation {
        margin-left: 1rem;
        width: 70%
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-animation a > div .arrow img {
        -webkit-animation: arrow-pc 1.5s infinite;
        animation: arrow-pc 1.5s infinite;
        height: 8.5rem
    }
    @-webkit-keyframes arrow-pc {
        0% {
            right: 5rem;
            opacity: 0
        }
        50% {
            right: 2rem;
            opacity: 1
        }
        100% {
            right: 0;
            opacity: 0
        }
    }
    @keyframes arrow-pc {
        0% {
            right: 5rem;
            opacity: 0
        }
        50% {
            right: 2rem;
            opacity: 1
        }
        100% {
            right: 0;
            opacity: 0
        }
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-animation a > div .description p {
        font-size: 2.4rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-animation a > div .description p span {
        font-size: 1.6rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-detail {
        width: 30%
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-detail p {
        font-size: 2.4rem;
        height: 100%;
        padding: 2.5rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .info p {
        font-size: 2.4rem;
        padding: 1rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .info p span {
        font-size: 3.2rem
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .sub .voice-box {
        overflow: initial;
        white-space: initial
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .sub .voice-box .voice-list {
        padding: 1.5rem;
        width: 100%
    }
    .net-ranking-body .l-wrap .l-main .net-ranking section .sub .voice-box .voice-list .description {
        width: 100%
    }
}
@media(max-width:363px) {
    .net-ranking-body .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-animation a > div .arrow img {
        -webkit-animation: arrow-custom 1.5s infinite;
        animation: arrow-custom 1.5s infinite;
        height: 7.3rem
    }
    @-webkit-keyframes arrow-custom {
        0% {
            right: 1rem;
            opacity: 0
        }
        50% {
            right: 0;
            opacity: 1
        }
        100% {
            right: -1rem;
            opacity: 0
        }
    }
    @keyframes arrow-custom {
        0% {
            right: 1rem;
            opacity: 0
        }
        50% {
            right: 0;
            opacity: 1
        }
        100% {
            right: -1rem;
            opacity: 0
        }
    }
}
.net-ranking-body.-nisa .l-wrap .l-main .net-ranking section .main .second .numbers {
    color: #2f4fc0
}
.net-ranking-body.-nisa .l-wrap .l-main .net-ranking section .main .second .numbers .recommend .title,
.net-ranking-body.-nisa .l-wrap .l-main .net-ranking section .main .second .numbers .number .title {
    background-color: #2f4fc0
}
.net-ranking-body.-nisa .l-wrap .l-main .net-ranking section .main .second .numbers .recommend .star span {
    background: -webkit-gradient(linear,left top,right top,color-stop(50%,#2f4fc0),color-stop(50%,#fff));
    background: linear-gradient(to right,#2f4fc0 50%,#fff 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    white-space: nowrap
}
.net-ranking-body.-nisa .l-wrap .l-main .net-ranking section .main .third .fee-table > div table thead tr td {
    line-height: 1.5em
}
.net-ranking-body.-nisa .l-wrap .l-main .net-ranking section .main .third .fee-table > div table tbody tr td {
    line-height: 1.5em
}
.net-ranking-body.-nisa .l-wrap .l-main .net-ranking section .main .third .point {
    border: 0.1rem solid #2f4fc0
}
.net-ranking-body.-nisa .l-wrap .l-main .net-ranking section .main .third .point .main-title h4 {
    background-color: #2f4fc0
}
.net-ranking-body.-nisa .l-wrap .l-main .net-ranking section .main .third .point .contents .contents-list .title {
    color: #2f4fc0
}
.net-ranking-body.-nisa .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-detail p {
    border: 0.1rem solid #2f4fc0;
    color: #2f4fc0
}
.net-ranking-body.-nisa .l-wrap .l-main .net-ranking section .main .fourth .link-box .button-detail p:hover {
    background-color: #2f4fc0;
    color: #fff
}
.net-ranking-body.-nisa .l-wrap .l-main .net-ranking section .sub {
    background-color: #2f4fc0
}
.net-ranking-body.-nisa .l-wrap .l-main .net-ranking section .sub h3 {
    color: #fff
}
.net-ranking-body.-nisa .l-wrap .l-main .net-ranking section .sub .voice-box .voice-list .title {
    color: #2f4fc0
}
.net-ranking-body .l-wrap .l-main .qa {
    margin-top: 2rem
}
.net-ranking-body .l-wrap .l-main .qa h2 {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5em
}
.net-ranking-body .l-wrap .l-main .qa .qa-box {
    margin-top: 1rem
}
.net-ranking-body .l-wrap .l-main .qa .qa-box .qa-list:not(:first-child) {
    margin-top: 2rem
}
.net-ranking-body .l-wrap .l-main .qa .qa-box .qa-list .qa-list-question,
.net-ranking-body .l-wrap .l-main .qa .qa-box .qa-list .qa-list-answer {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1rem;
    padding: 1rem
}
.net-ranking-body .l-wrap .l-main .qa .qa-box .qa-list .qa-list-question .icon,
.net-ranking-body .l-wrap .l-main .qa .qa-box .qa-list .qa-list-answer .icon {
    color: #fff;
    padding: 0.5rem;
    text-align: center;
    width: 20%
}
.net-ranking-body .l-wrap .l-main .qa .qa-box .qa-list .qa-list-question .icon p,
.net-ranking-body .l-wrap .l-main .qa .qa-box .qa-list .qa-list-answer .icon p {
    border-radius: 100%;
    font-size: 2.4rem;
    font-weight: 700;
    height: 4rem;
    line-height: 1.5em;
    padding-top: 0.2rem;
    width: 4rem
}
.net-ranking-body .l-wrap .l-main .qa .qa-box .qa-list .qa-list-question .description,
.net-ranking-body .l-wrap .l-main .qa .qa-box .qa-list .qa-list-answer .description {
    margin: auto;
    width: 80%
}
.net-ranking-body .l-wrap .l-main .qa .qa-box .qa-list .qa-list-question .description p,
.net-ranking-body .l-wrap .l-main .qa .qa-box .qa-list .qa-list-answer .description p {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5em
}
.net-ranking-body .l-wrap .l-main .qa .qa-box .qa-list .qa-list-question .icon p {
    background-color: #00a99d
}
.net-ranking-body .l-wrap .l-main .qa .qa-box .qa-list .qa-list-answer .icon p {
    background-color: #e60012
}
@media(min-width:768px) {
    .net-ranking-body .l-wrap .l-main .qa .qa-box .qa-list .qa-list-question .icon,
    .net-ranking-body .l-wrap .l-main .qa .qa-box .qa-list .qa-list-answer .icon {
        width: 10%
    }
    .net-ranking-body .l-wrap .l-main .qa .qa-box .qa-list .qa-list-question .description p,
    .net-ranking-body .l-wrap .l-main .qa .qa-box .qa-list .qa-list-answer .description p {
        font-size: 1.4rem
    }
}
@media(min-width:1100px) {
    .net-ranking-body .l-wrap .l-main .qa .qa-box .qa-list .qa-list-question .icon,
    .net-ranking-body .l-wrap .l-main .qa .qa-box .qa-list .qa-list-answer .icon {
        width: 2%
    }
    .net-ranking-body .l-wrap .l-main .qa .qa-box .qa-list .qa-list-question .description p,
    .net-ranking-body .l-wrap .l-main .qa .qa-box .qa-list .qa-list-answer .description p {
        font-size: 1.6rem
    }
}
.net-ranking-body.-nisa .l-wrap .l-main .qa .qa-box .qa-list .qa-list-question .icon p {
    background-color: #2f4fc0
}
.net-ranking-body .l-wrap .l-main .recommended-table {
    margin-top: 2rem;
    margin-bottom: 2rem
}
.net-ranking-body .l-wrap .l-main .recommended-table h2 {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5em
}
.net-ranking-body .l-wrap .l-main .recommended-table > div {
    overflow: auto;
    white-space: nowrap
}
.net-ranking-body .l-wrap .l-main .recommended-table > div > table {
    margin-top: 1rem;
    white-space: normal;
    width: 120rem
}
.net-ranking-body .l-wrap .l-main .recommended-table > div > table thead {
    background-color: #222;
    color: #fff
}
.net-ranking-body .l-wrap .l-main .recommended-table>div>table thead tr:first-child td:first-child {
    width: 15%
}
.net-ranking-body .l-wrap .l-main .recommended-table>div>table thead tr:first-child td:nth-child(3) {
    width: 25%
}
.net-ranking-body .l-wrap .l-main .recommended-table>div>table thead tr:first-child td:nth-child(4) {
    width: 20%
}
.net-ranking-body .l-wrap .l-main .recommended-table>div>table thead tr:first-child td:last-child {
    width: 15%
}
.net-ranking-body .l-wrap .l-main .recommended-table > div > table thead tr td {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.5em;
    padding: 0.5rem 1rem;
    text-align: center
}
.net-ranking-body .l-wrap .l-main .recommended-table > div > table tbody tr {
    background-color: #fff
}
.net-ranking-body .l-wrap .l-main .recommended-table > div > table tbody tr td {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5em;
    padding: 1rem;
    text-align: center
}
.net-ranking-body .l-wrap .l-main .recommended-table>div>table tbody tr td:last-child {
    font-weight: 700
}
.net-ranking-body .l-wrap .l-main .recommended-table > div > table tbody tr td img {
    margin-bottom: 1rem;
    max-width: 10rem;
    width: 10rem
}
.net-ranking-body .l-wrap .l-main .recommended-table > div > table tbody tr td .recommended-table-button .button {
    margin-bottom: 1rem
}
.net-ranking-body .l-wrap .l-main .recommended-table > div > table tbody tr td .button {
    background-color: #e60012;
    border: 0.1rem solid #e60012;
    border-radius: 0.5rem;
    color: #fff;
    cursor: pointer;
    margin-bottom: -1rem;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    width: 15rem
}
.net-ranking-body .l-wrap .l-main .recommended-table>div>table tbody tr td .button:hover {
    background-color: #fff;
    color: #e60012
}
.net-ranking-body .l-wrap .l-main .recommended-table > div > table tbody tr td .button p {
    font-weight: 700;
    padding: 1.2rem 1.6rem
}
.net-ranking-body .l-wrap .l-main .recommended-table>div>table tbody tr td .button p:after {
    content: ">";
    font-weight: 700;
    padding-left: 0.5rem
}
@media(min-width:768px) {
    .net-ranking-body .l-wrap .l-main .recommended-table > div > table thead tr td {
        font-size: 1.4rem
    }
    .net-ranking-body .l-wrap .l-main .recommended-table > div > table tbody tr td {
        font-size: 1.4rem
    }
}
@media(min-width:1100px) {
    .net-ranking-body .l-wrap .l-main .recommended-table > div {
        overflow: initial;
        white-space: initial
    }
    .net-ranking-body .l-wrap .l-main .recommended-table > div > table {
        width: 100%
    }
}
.net-ranking-body .top img {
    margin: 0 auto;
    max-width: 120rem;
    width: 100%
}
.seminar-contents-title {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5em
}
@media screen and(max-width:768px) {
    .-st-btn {
        margin: 0 auto;
        width: 100%
    }
    .-st-btn button {
        width: 60%
    }
}
.hooper-slide {
    border-radius: 0.4rem;
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}
.hooper-progress {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background-color: #efefef
}
.hooper-progress-inner {
    height: 100%;
    background-color: #4285f4;
    -webkit-transition: 0.3s;
    transition: 0.3s
}
.hooper-pagination {
    position: absolute;
    bottom: 0;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 10px
}
.hooper-pagination.is-vertical {
    bottom: auto;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.hooper-pagination.is-vertical .hooper-indicators {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.hooper-pagination.is-vertical .hooper-indicator {
    width: 6px
}
.hooper-indicators {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}
.hooper-indicator:hover,
.hooper-indicator.is-active {
    background-color: #4285f4
}
.hooper-indicator {
    margin: 0 2px;
    width: 12px;
    height: 4px;
    border-radius: 4px;
    border: none;
    padding: 0;
    background-color: #fff;
    cursor: pointer
}
.hooper-next,
.hooper-prev {
    background-color: #777;
    border: none;
    border-radius: 100%;
    padding: 1em;
    position: absolute;
    top: 47%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    cursor: pointer
}
@media(min-width:768px) {
    .hooper-next,
    .hooper-prev {
        background-color: #f8f8f8;
        border-radius: 0.4rem;
        height: 12rem
    }
}
.hooper-next:hover,
.hooper-prev:hover {
    background-color: #777
}
.hooper-next:hover svg,
.hooper-prev:hover svg {
    fill: #fff
}
.hooper-next.is-disabled,
.hooper-prev.is-disabled {
    opacity: .3;
    cursor: not-allowed
}
.hooper-next svg,
.hooper-prev svg {
    fill: #fff
}
@media(min-width:768px) {
    .hooper-next svg,
    .hooper-prev svg {
        fill: #111
    }
}
.hooper-next {
    right: -5%
}
.hooper-prev {
    left: -5%
}
.hooper-navigation.is-vertical .hooper-next {
    top: auto;
    bottom: 0;
    -webkit-transform: initial;
    transform: initial
}
.hooper-navigation.is-vertical .hooper-prev {
    top: 0;
    bottom: auto;
    right: 0;
    left: auto;
    -webkit-transform: initial;
    transform: initial
}
.hooper-navigation.is-rtl .hooper-prev {
    left: auto;
    right: 0
}
.hooper-navigation.is-rtl .hooper-next {
    right: auto;
    left: 0
}
.hooper {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%
}
.hooper * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.hooper.is-vertical .hooper-track {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 200px
}
.hooper.is-rtl {
    direction: rtl
}
.hooper-list {
    overflow: hidden;
    width: 100%;
    height: 100%
}
.hooper-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0
}
.hooper-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}
@media screen and(max-width:768px) {
    .hooper-list {
        overflow: auto
    }
}
.advisor-container {
    padding-bottom: 2rem
}
.advisor-detail-title-wrapper {
    padding-top: 2rem;
    width: 100%
}
.advisor-detail-title-image {
    position: relative;
    width: 100%
}
.advisor-detail-title-image a {
    width: 100%
}
.advisor-detail-title-image a > img {
    height: 30rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}
.advisor-detail-title-image a .advisor-detail-author-image img {
    border-radius: 100%;
    width: 100%
}
.advisor-detail-title-description {
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.7)),color-stop(30%,rgba(0,0,0,.4)),color-stop(50%,rgba(0,0,0,.01)),to(transparent));
    bottom: 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5em;
    position: absolute;
    width: 100%
}
.top-title-name {
    margin: 0 auto;
    padding: 6rem 1rem 1rem 15%;
    width: 100%
}
.top-title-description {
    font-size: 1.6rem
}
.top-title-description:before {
    content: "|";
    font-size: 2.4rem;
    padding-right: 1rem;
    padding-left: 1rem
}
.advisor-detail-subtitle-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}
.advisor-detail-author-image {
    border: 0.6rem solid #fff;
    border-radius: 100%;
    height: 12rem;
    left: 2rem;
    position: absolute;
    top: 4rem;
    width: 12rem
}
.advisor-detail-author-image img {
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    width: 100%
}
.advisor-detail-tag-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 15rem;
    margin-right: 10rem;
    margin-top: 2rem;
    width: 100%
}
.advisor-detail-tag {
    background-color: #f8f8f8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 2rem;
    padding: 1.6rem 2.4rem;
    width: 100%
}
.advisor-detail-tag .title p,
.advisor-detail-tag .subtitle p {
    font-size: 1.4rem;
    line-height: 1.5em
}
.advisor-detail-tag .title {
    width: 25%
}
.advisor-detail-tag .title p {
    font-weight: 700
}
.advisor-detail-tag .subtitle {
    width: 75%;
    margin-left: 1rem
}
.advisor-detail-author-message-box {
    margin: 5rem auto;
    text-align: center
}
.advisor-detail-author-message {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5em
}
.advisor-detail-profile-wrapper {
    background-color: #f8f8f8;
    margin-bottom: 5rem;
    padding: 2rem
}
.advisor-detail-profile-box {
    width: 100%
}
.advisor-detail-profile-box .seminar-summary-table-box {
    border-collapse: initial
}
.advisor-detail-profile-box h2 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5em;
    margin-bottom: 2rem;
    margin-top: inherit
}
.advisor-detail-profile-box p {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 1.6rem;
    margin-top: inherit
}
.advisor-detail-career-wrapper {
    background-color: #f8f8f8;
    margin-bottom: 5rem;
    width: 100%
}
.advisor-detail-career-box {
    padding: 0 2rem 2rem;
    width: 100%
}
.advisor-detail-table-box {
    border-collapse: separate;
    font-size: 1.4rem;
    line-height: 1.5em;
    width: 100%
}
.advisor-detail-table-tr {
    vertical-align: top
}
.advisor-detail-table-td {
    width: 20%
}
.td-title {
    font-size: 1.6rem;
    font-weight: 700
}
.td-subtitle {
    margin-bottom: 1rem
}
.advisor-detail-table-td-d {
    padding-bottom: 2rem;
    border-bottom: 0.1rem solid #e0e0e0
}
.advisor-detail-table-td,
.advisor-detail-table-td-d {
    padding-top: 2rem
}
@media screen and(max-width:768px) {
    .advisor-detail-title-wrapper {
        padding-top: 0
    }
    .advisor-detail-title-image {
        background-color: #111
    }
    .advisor-detail-title-image .adti-img {
        height: 30rem
    }
    .advisor-detail-title-image a img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        opacity: .6;
        width: initial
    }
    .advisor-detail-tag-box {
        display: block;
        margin-left: 0;
        width: 100%
    }
    .advisor-detail-tag {
        border-radius: 0.4rem;
        font-size: 1.2rem;
        margin-bottom: 1rem;
        margin-right: 0
    }
    .advisor-detail-title-description {
        background: initial;
        line-height: 1em
    }
    .advisor-detail-tag-title {
        width: 20%
    }
    .top-title-name {
        padding: 1rem;
        text-align: left
    }
    .top-title-description {
        font-size: 1.2rem;
        font-weight: 400;
        line-height: 1.8rem
    }
    .top-title-description:before {
        content: "\A";
        white-space: pre
    }
    .advisor-detail-author-image {
        border: none;
        padding: 1rem 1rem 1rem 2rem;
        position: initial;
        width: 40%
    }
    .advisor-detail-title-image a .advisor-detail-author-image img {
        border: 0.1rem solid #fff;
        height: 8rem;
        opacity: 1;
        width: 8rem
    }
    .advisor-detail-author-message {
        font-size: 1.8rem
    }
    .wrapper.advisor-detail-profile-wrapper {
        margin-top: 1.6rem
    }
    .advisor-detail-profile-box h2 {
        font-size: 1.6rem
    }
    .advisor-detail-profile-box p {
        font-size: 1.2rem
    }
    .advisor-detail-subtitle-wrapper {
        margin: 0 auto;
        width: 90%
    }
    .advisor-detail-author-message-box {
        width: 90%
    }
    .div-wrapper {
        margin: 0 auto;
        width: 90%
    }
    .div-wrapper .wrapper .seminar-title-area {
        margin-bottom: 3rem
    }
    .div-wrapper .seminar-summary-table-box {
        table-layout: fixed
    }
}
.wrapper.seminar-recommend-wrapper {
    margin-bottom: 10rem
}
.seminar-entry-subtitle-box {
    width: 100%;
    margin: 0 0 6rem;
}
.seminar-entry-subtitle {
    width: 100%
}
.seminar-entry-subtitle h3 {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.5em;
    text-align: center
}
.seminar-column-list.-seminar-custom {
    width: calc(33% - 2rem)
}
.seminar-column-box.-seminar-custom-box {
    width: 100%
}
.seminar-column-item.-sci-completed p {
    font-weight: 700
}
.seminar-goto-top-box {
    width: 100%;
    border-top: 0.1rem solid #e0e0e0
}
.seminar-goto-top {
    margin: 6rem auto;
    text-align: center;
    width: 100%
}
.seminar-goto-top a {
    color: #111;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5em;
    text-decoration: none
}
@media screen and(max-width:768px) {
    .seminar-entry-subtitle h3 {
        font-size: 1.4rem
    }
    .seminar-recommend-wrapper {
        margin-bottom: 5rem
    }
    .seminar-column-item.-sci-completed p {
        font-size: 1.4rem
    }
}
.seminar-entry-title-box {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5em;
    margin: 6rem 0;
    text-align: center;
    width: 100%
}
.seminar-entry-title h2 {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5em
}
.se-seminar-box {
    margin: 0;
    padding: 0;
    width: 100%
}
.se-seminar-box-contents {
    background-color: #f8f8f8;
    margin: 0;
    padding: 2.4rem;
    width: 100%
}
.se-seminar-box-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}
.se-sb-d-image {
    height: 20rem;
    width: 60rem
}
.se-sb-d-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.se-sb-d-title {
    padding-left: 1.6rem;
    width: 100%
}
.se-sb-d-title h1 {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5em;
    margin-bottom: 2rem
}
.se-sb-d-title p {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5em;
    margin: 2rem initial initial;
}
.se-sb-d-title .seminar-title-sponser-list {
    background-color: inherit;
    padding: 0
}
.se-seminar-box-table {
    background-color: #fff;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5em;
    margin-top: 2rem;
    padding: 2.4rem;
    width: 100%
}
.tbl-r01 {
    border-collapse: separate;
    border-spacing: 2rem;
    line-height: 1.5em;
    table-layout: fixed;
    text-align: left;
    width: 100%
}
.tbl-r01 thead th {
    font-size: 1.4rem;
    font-weight: 400
}
.tbl-r01 tbody {
    vertical-align: top
}
.tbl-r01 tbody td {
    font-weight: 700;
    padding-right: 1rem
}
.-table-width-01 {
    width: 40%
}
.-table-width-02 {
    width: 30%
}
.se-seminar-box-radio {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.5em;
    margin: 3rem 0;
    text-align: center;
    width: 100%
}
.se-seminar-box-radio input {
    margin-right: 1rem
}
.se-seminar-box-button {
    margin-bottom: 6rem;
    width: 100%
}
.se-seminar-box-button .seminar-button-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 50%
}
.se-seminar-box-button .seminar-button-box .-back-to-prev {
    background-color: #fff;
    border: 0.3rem solid #e60000;
    color: #e60000
}
.se-seminar-box-button .seminar-button-box .-back-to-prev:hover {
    background-color: #e60000;
    color: #fff
}
@media(max-width:576px) {
    .seminar-entry-title-box {
        font-size: 1.8rem;
        margin: 3rem 0
    }
    .seminar-entry-title h2 {
        font-size: 1.8rem
    }
    .se-seminar-box-detail {
        display: block
    }
    .se-sb-d-image {
        margin-bottom: 1rem;
        width: 100%
    }
    .se-sb-d-title {
        padding-left: initial;
        width: 100%
    }
    .se-sb-d-title h2 {
        font-size: 1.6rem;
        line-height: 1.5em
    }
    .se-sb-d-title p {
        margin-top: 1rem
    }
    .se-seminar-box-table {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.2rem;
        padding: 0
    }
    .tbl-r01 {
        line-height: 1.8em;
        width: 100%
    }
    .tbl-r01 tr {
        display: block;
        float: left
    }
    .tbl-r01 tr td,
    .tbl-r01 tr th {
        border-left: none;
        display: block;
        height: 120px;
        margin-bottom: 1rem
    }
    .tbl-r01 tr th {
        font-size: 1.2rem
    }
    .tbl-r01 tr td {
        font-size: 1.2rem
    }
    .tbl-r01 thead {
        display: block;
        float: left;
        width: 30%
    }
    .tbl-r01 thead tr {
        width: 100%
    }
    .tbl-r01 tbody {
        display: block;
        float: left;
        width: 70%
    }
    .tbl-r01 tbody tr {
        width: 100%
    }
    .tbl-r01 tr td+td {
        border-left: none
    }
    .-table-width-01,
    .-table-width-02 {
        width: initial
    }
    .se-seminar-box-button .seminar-button-box {
        width: 100%
    }
    .se-fb-title-box p {
        font-size: 1.2rem
    }
    .tbl-r01 tr td.-table-custom,
    .tbl-r01 tr th.-table-custom {
        padding-bottom: initial
    }
    .se-seminar-box-contents {
        padding: 1.5rem
    }
}
.seminar-container {
    margin: 0;
    padding: 0 0 2rem;
    width: 100%;
    line-height: 1.5em
}
.seminar-container .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 2rem auto;
    width: 100%
}
.seminar-container .wrapper.-ssw {
    margin-top: 0
}
.seminar-container .wrapper.seminar-summary-wrapper {
    margin-bottom: 0
}
@media screen and(min-width:768px) {
    .seminar-container .wrapper {
        max-width: 96rem;
        width: calc(100% - 3.2rem)
    }
}
.seminar-button {
    background-color: #e60000;
    border: 0.3rem solid #e60000;
    border-radius: 3rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 700;
    margin: 1rem;
    padding: 1.4rem 8.4rem;
    text-align: center;
    text-decoration: none;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}
.seminar-button:hover {
    background-color: #fff;
    border: 0.3rem solid #e60000;
    color: #e60000
}
.seminar-button:disabled {
    background-color: #d9d9d9;
    border: 0.3rem solid #d9d9d9;
    color: #fff;
    cursor: default
}
.seminar-button:disabled:hover {
    background-color: #d9d9d9;
    border-color: #d9d9d9
}
.seminar-application-btn {
    width: 100%
}
.seminar-button-box {
    padding: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%
}
.seminar-button-box .seminar-button {
    padding: 1rem;
    width: 80%
}
.-display-block {
    display: block
}
.-width-35 {
    width: 35%
}
.seminar-title-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 2rem
}
.seminar-title-image {
    width: 100%
}
.seminar-title-image img {
    height: 28rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}
.sti-01 {
    display: block
}
.seminar-title {
    margin: 1rem 0
}
.seminar-title-h2 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.6em;
    margin: 1rem 0
}
.seminar-title-sponser-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}
.seminar-title-sponser-list {
    background-color: #f4f4f4;
    border-radius: 0.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 1rem;
    padding: 1.6rem
}
.seminar-title-sponser-list .stsl-sponsor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.4rem;
    font-weight: 700
}
.seminar-title-sponser-list .stsl-sponsor .stsl-sponsor-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.seminar-title-sponser-list .stsl-sponsor .stsl-sponsor-name:not(:last-child):after {
    content: ",";
    margin-right: 0.6rem
}
.seminar-title-sponser-list p {
    font-size: 1.4rem;
    line-height: 1.5em;
    margin: 0;
    text-align: center
}
.seminar-schedule-wrapper {
    margin-bottom: 2rem;
    padding-top: 3rem
}
.seminar-title-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 5rem;
    width: 100%
}
.seminar-title-area .cap {
    display: block;
    font-size: 6rem;
    font-family: DIN Condensed, Oswald, sans-serif;
    font-weight: 700;
    margin-top: 5rem;
    position: relative
}
.seminar-title-area .cap:before {
    background-color: #e38c17;
    content: "";
    display: inline-block;
    height: 0.6rem;
    left: 0;
    position: absolute;
    top: 3.8rem;
    width: 100%
}
.seminar-title-area .title {
    border-left: 0.4rem solid #111;
    display: block;
    font-size: 1.8rem;
    font-weight: 700;
    height: 4.8rem;
    margin-top: 2.4rem;
    margin-left: 4.2rem;
    padding-top: 1.2rem;
    padding-left: 4.2rem
}
.seminar-advisor-wrapper .hooper .seminar-advisor-list-image img {
    border-radius: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}
.seminar-joiner-profile {
    border-radius: 0.4rem;
    height: 29rem;
    margin: 1rem;
    overflow: hidden;
    padding: 1rem 2rem;
    -webkit-transition: 0.3s all;
    transition: 0.3s all
}
.seminar-joiner-profile:hover {
    background-color: #f8f8f8
}
.seminar-advisor-list-image {
    height: 12rem;
    margin: 2rem auto;
    width: 12rem
}
.seminar-advisor-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 90%
}
.seminar-advisor-list {
    cursor: pointer;
    font-size: 1.4rem;
    padding: 1rem;
    text-align: center;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(33.333333333333336% - 0.2rem);
    flex-basis: calc(33.333333333333336% - 0.2rem)
}
.seminar-advisor-list:hover {
    background-color: #f8f8f8
}
.seminar-advisor-list img {
    border-radius: 100%;
    display: block;
    margin: 0 auto
}
.seminar-advisor-list-contents {
    color: #777;
    font-size: 1.4rem;
    height: 9rem;
    line-height: 1.5em;
    margin-top: 1rem;
    margin-bottom: 1rem;
    overflow: hidden;
    text-align: center;
    width: 100%
}
.seminar-advisor-name {
    color: #111;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 1rem
}
.seminar-advisor-box .seminar-column-button-prev,
.seminar-advisor-box .seminar-column-button-next {
    margin-top: 6rem
}
.seminar-summary-wrapper {
    background-color: #f8f8f8;
    border-radius: 0.4rem 0.4rem 0 0;
    margin-bottom: 0;
    padding: 1rem 2rem
}
.seminar-relation-archives {
    padding-bottom: 6rem
}
.seminar-column-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 90%
}
.seminar-column-list {
    cursor: pointer;
    margin: 0 1rem;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(33.333333333333336% - 1.6rem);
    flex-basis: calc(33.333333333333336% - 1.6rem)
}
.seminar-column-list a {
    color: inherit;
    text-decoration: none
}
.seminar-card-list {
    border-radius: 0.4rem;
    height: 25rem;
    margin: 1rem;
    padding: 1rem 2rem;
    -webkit-transition: 0.3s all;
    transition: 0.3s all
}
.seminar-card-list:hover {
    background-color: #f8f8f8
}
.seminar-column-image {
    width: 100%
}
.seminar-column-image img {
    overflow: hidden;
    width: 100%
}
.seminar-column-button-prev,
.seminar-column-button-next {
    color: #c3c3c3;
    cursor: pointer;
    height: 53.5%;
    position: absolute;
    top: 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s
}
.seminar-column-button-prev:hover,
.seminar-column-button-next:hover {
    background-color: #777;
    color: #fff
}
.seminar-column-button-prev {
    background-color: #f8f8f8;
    border: none;
    left: -6%;
    opacity: .8
}
.seminar-column-button-prev:before {
    content: "<";
    font-size: 2rem;
    line-height: 1.5em
}
.seminar-column-button-next {
    background-color: #f8f8f8;
    border: none;
    opacity: .8;
    right: -6%
}
.seminar-column-button-next:before {
    content: ">";
    font-size: 2rem;
    line-height: 1.5em
}
.seminar-column-item {
    margin: 1rem 0
}
.seminar-column-item p {
    font-size: 1.4rem;
    line-height: 1.5em;
    margin: 0
}
.-ssw {
    background-color: #f8f8f8;
    border-radius: 0 0 0.4rem 0.4rem;
    margin-top: 0
}
.-ssw .seminar-button {
    margin: 0 auto;
    width: 65%
}
@media screen and(max-width:768px) {
    .seminar-container {
        margin: 0 auto;
        width: 90%
    }
    .seminar-title-area {
        margin: 1rem 0
    }
    .seminar-title-area .cap {
        font-size: 3rem;
        margin-top: 2.2rem
    }
    .seminar-title-area .cap:before {
        height: 0.3rem;
        top: 2.2rem
    }
    .seminar-title-area .title {
        font-size: 1.2rem;
        height: 2.2rem;
        margin-top: 1.3rem;
        margin-left: 1.8rem;
        padding-top: 0.5rem;
        padding-left: 1.8rem
    }
    .seminar-title-h2 {
        font-size: 1.6rem
    }
    .seminar-title-sponser-box {
        display: block
    }
    .seminar-title-sponser-list {
        margin-bottom: 1rem;
        margin-right: 0;
        padding: 0.8rem
    }
    .seminar-title-sponser-list .stsl-sponsor,
    .seminar-title-sponser-list p {
        font-size: 1.2rem
    }
    .seminar-schedule-wrapper {
        padding-top: 3rem
    }
    .table-main-title {
        font-size: 1.6rem;
        padding: 1.5rem
    }
    .table-main-subtitle.-subtitle-01,
    .table-main-subtitle.-subtitle-02,
    .table-main-subtitle.-subtitle-03,
    .table-main-subtitle.-subtitle-04 {
        width: initial
    }
    .seminar-advisor-box {
        width: 100%
    }
    .seminar-advisor-list {
        background-color: #f8f8f8;
        margin-right: 1rem;
        padding: 1.5rem;
        -ms-flex-preferred-size: calc(50% - 1.6rem);
        flex-basis: calc(50% - 1.6rem)
    }
    .seminar-advisor-list-contents {
        font-size: 1.2rem;
        height: 10rem;
        text-align: left
    }
    .seminar-column-button-prev,
    .seminar-column-button-next {
        display: none
    }
    .seminar-column-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin-bottom: 2rem;
        width: 100%
    }
    .seminar-column-list {
        margin: 0 1rem 0 0;
        -ms-flex-preferred-size: calc(50% - 1.6rem);
        flex-basis: calc(50% - 1.6rem)
    }
    .seminar-column-item {
        height: 9rem;
        overflow: hidden
    }
    .seminar-column-item p {
        font-size: 1.2rem
    }
    .seminar-relation-archives {
        padding-bottom: 2rem
    }
    .seminar-advisor-list-image {
        height: 10rem;
        width: 10rem
    }
    .seminar-card-list {
        background-color: #f8f8f8;
        height: 20rem
    }
    .seminar-joiner-profile {
        background-color: #f8f8f8
    }
    .seminar-advisor-name {
        font-size: 1.4rem
    }
    .seminar-title-image img {
        height: initial;
        -o-object-fit: initial;
        object-fit: initial;
        width: 100%
    }
}
.seminar-table-box {
    border: 0.1rem solid #ddd;
    display: block;
    margin-bottom: 1.6rem;
    width: 100%
}
.st-title-box {
    background-color: #f4f4f4;
    border-bottom: 0.1rem solid #ddd;
    padding: 2.5rem
}
.st-title h2 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5em;
    margin: 0
}
.st-description-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5em
}
.st-description-item {
    padding: 2.5rem
}
.st-description-item.-d1 {
    width: 30%
}
.st-description-item.-d2 {
    border-left: 0.1rem solid #ddd;
    width: 22%
}
.st-description-item.-d3 {
    border-left: 0.1rem solid #ddd;
    width: 12%
}
.st-description-item.-d4 {
    border-left: 0.1rem solid #ddd;
    width: 12%
}
.st-description-item.-d5 {
    border-left: 0.1rem solid #ddd;
    width: 24%
}
.st-desciption-item-t h3 {
    font-weight: 700;
    line-height: 1.5em;
    margin: 0
}
.st-desciption-item-d {
    margin-top: 1rem
}
.st-desciption-item-d p {
    line-height: 1.5em;
    margin: 0
}
.st-desciption-item-button {
    text-align: center
}
.st-desciption-item-button p {
    color: #e60000;
    font-weight: 700;
    line-height: 1.5em;
    margin: 0
}
@media screen and(max-width:768px) {
    .st-title-box {
        padding: 1.5rem
    }
    .st-title h2 {
        font-size: 1.6rem
    }
    .st-description-box {
        display: block
    }
    .st-description-item {
        border-bottom: 0.1rem solid #ddd;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 1.5rem
    }
    .st-description-item.-d1,
    .st-description-item.-d2,
    .st-description-item.-d3,
    .st-description-item.-d4,
    .st-description-item.-d5 {
        border-left: none;
        width: 100%
    }
    .st-description-item.-d5 {
        border-bottom: none
    }
    .st-desciption-item-t {
        width: 35%
    }
    .st-desciption-item-d {
        width: 65%;
        margin-top: 0
    }
    .st-desciption-item-button {
        width: 100%
    }
    .seminar-button-box {
        width: 80%
    }
    .-ssw .seminar-button-box {
        width: 70%
    }
}
.seminar-container .wrapper .mypage-wrap .btn-group .btn {
    background-color: #e60000;
    border: 0.3rem solid #e60000;
    border-radius: 3rem;
    font-size: 1.6rem;
    font-weight: 700
}
.seminar-container .wrapper .mypage-wrap .btn-group .btn:hover {
    background-color: #fff;
    border: 0.3rem solid #e60000;
    color: #e60000
}
.seminar-container .wrapper .mypage-wrap .btn-group .btn:disabled {
    background-color: #d9d9d9;
    border: 0.3rem solid #d9d9d9;
    color: #fff;
    cursor: default
}
.seminar-container .wrapper .mypage-wrap .btn-group .btn:disabled:hover {
    background-color: #d9d9d9;
    border-color: #d9d9d9
}
.seminar-container .wrapper .mypage-wrap .btn-group .btn.-secondary {
    background-color: #fff;
    border: 0.3rem solid #e60000;
    color: #e60000
}
.seminar-container .wrapper .mypage-wrap .btn-group .btn.-secondary:hover {
    background-color: #e60000;
    color: #fff
}
.seminar-area .container .seminar-list-empty {
    margin: 15rem 0 10rem
}
@media(min-width:1100px) {
    .seminar-area .container .seminar-list-empty {
        margin: 20rem 0 10rem
    }
}
.seminar-area .container .seminar-list-empty h3 {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.5em;
    text-align: center
}
@media(min-width:1100px) {
    .seminar-area .container .seminar-list-empty h3 {
        font-size: 2rem
    }
}
body .content-box.column-area,
body .content-box.value-area,
body .content-box.seminar-area,
body .content-box.company-area {
    display: block;
    margin-top: -19rem;
    padding-top: 19rem;
    padding-bottom: 4rem
}
@media(min-width:768px) {
    body .content-box.column-area,
    body .content-box.value-area,
    body .content-box.seminar-area,
    body .content-box.company-area {
        margin-top: -15rem;
        padding-top: 15rem
    }
}
@media(min-width:1100px) {
    body .content-box.column-area,
    body .content-box.value-area,
    body .content-box.seminar-area,
    body .content-box.company-area {
        margin-top: -4rem;
        padding-top: 4rem
    }
}
.header-wrap .header-image-sp {
    display: block
}
@media(min-width:1100px) {
    .header-wrap .header-image-sp {
        display: none
    }
}
@media(min-width:1100px) {
    .header-wrap .header-mid-image {
        margin-top: 9.6rem
    }
}
@media(min-width:1100px) {
    .seminar-area.content-box .container {
        padding-bottom: 4rem
    }
}
@media(max-width:767px) {
    .seminar-list > .seminar-item > .box {
        border-radius: 0 0 0.6rem 0.6rem;
        display: block;
        height: unset;
        padding: 2rem
    }
    .seminar-list > .seminar-item > .box > .btn {
        display: none
    }
    .seminar-list > .seminar-item > .box > .title {
        font-size: 1.6rem;
        height: unset;
        margin: 1rem 0
    }
}
.seminar-tab-box {
    border-bottom: 0.3rem solid #777;
    margin: 2rem 0;
    width: 100%
}
.seminar-tab-list {
    width: 100%
}
.seminar-tablinks {
    background-color: initial;
    border-bottom: 0.3rem solid #777;
    bottom: -0.3rem;
    color: #777;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.5em;
    padding: 1rem 2rem;
    position: relative
}
.seminar-tablinks.active {
    border-bottom: 0.3rem solid #0067c8;
    color: #0067c8
}
.seminar-tablinks:hover {
    border-bottom: 0.3rem solid #111;
    color: #111
}
@media screen and(max-width:768px) {
    .seminar-tab-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .seminar-tab-list .seminar-tablinks {
        width: 100%
    }
}
.seminar-summary-table-box {
    width: 100%;
    table-layout: fixed
}
.seminar-summary-table-box > tbody {
    width: 100%
}
.seminar-summary-table-box > tbody > tr {
    border-bottom: 0.1rem solid #ddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-bottom: 2rem;
    padding-bottom: 2rem
}
.seminar-summary-table-box > tbody > tr td {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5em;
    text-align: left;
    width: 100%;
    word-break: break-all
}
.seminar-summary-table-box>tbody>tr td:first-child {
    font-weight: 700;
    margin: 2rem 0;
    text-align: center
}
.seminar-summary-table-box > tbody > tr td h2 {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.6em
}
.seminar-summary-table-box > tbody > tr td h3 {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5em
}
.seminar-summary-table-box > tbody > tr td p {
    line-height: 1.5em
}
.seminar-summary-table-box > tbody > tr td a {
    text-decoration: underline
}
.seminar-summary-table-box > tbody > tr td blockquote {
    border-left: 0.6rem solid #777;
    margin: 1.6rem 0;
    padding-left: 1rem
}
.seminar-summary-table-box > tbody > tr td blockquote p {
    color: #777;
    font-style: oblique
}
.seminar-summary-table-box > tbody > tr td hr {
    margin: 2.1rem 0
}
.seminar-summary-table-box > tbody > tr td ul {
    margin-left: 1.6rem
}
.seminar-summary-table-box > tbody > tr td ul li {
    list-style: square
}
.seminar-summary-table-box > tbody > tr td ol {
    margin-left: 1.6rem
}
.seminar-summary-table-box > tbody > tr td ol li {
    list-style: decimal
}
.seminar-summary-table-box > tbody > tr td .media {
    margin: 1.6rem 0
}
.seminar-summary-table-box > tbody > tr td .media img {
    width: 100%
}
.seminar-summary-table-box > tbody > tr td .media .caption {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5em;
    text-align: center
}
.seminar-summary-table-box > tbody > tr td .tableWrap {
    margin: 1.6rem 0
}
.seminar-summary-table-box > tbody > tr td .tableWrap > table {
    background: #fff;
    width: 100%
}
.seminar-summary-table-box > tbody > tr td .tableWrap > table > thead {
    background: #111;
    color: #fff;
    width: 100%
}
.seminar-summary-table-box > tbody > tr td .tableWrap > table > thead > tr {
    padding: 1.6rem;
    width: 100%
}
.seminar-summary-table-box > tbody > tr td .tableWrap > table > thead > tr > th {
    margin: 0 auto;
    padding: 1.6rem 0;
    text-align: center;
    width: 100%
}
.seminar-summary-table-box > tbody > tr td .tableWrap > table > tbody {
    width: 100%
}
.seminar-summary-table-box > tbody > tr td .tableWrap > table > tbody > tr {
    padding: 1.6rem;
    width: 100%
}
.seminar-summary-table-box > tbody > tr td .tableWrap > table > tbody > tr > td {
    margin: 0;
    padding: 1rem;
    text-align: left;
    width: 100%
}
@media(min-width:768px) {
    .seminar-summary-table-box {
        padding: 2rem 2rem 0;
    }
    .seminar-summary-table-box>tbody tr td:first-child {
        margin: 0;
        padding-right: 2rem;
        text-align: left;
        width: 30%
    }
    .seminar-summary-table-box>tbody tr td:nth-child(2) {
        width: 70%
    }
    .seminar-summary-table-box > tbody tr td .media {
        text-align: center
    }
    .seminar-summary-table-box > tbody tr td .media img {
        width: 80%
    }
}
@media(min-width:1100px) {
    .seminar-summary-table-box > tbody tr td {
        font-size: 1.6rem
    }
    .seminar-summary-table-box > tbody tr td h2 {
        font-size: 2.4rem
    }
    .seminar-summary-table-box > tbody tr td h3 {
        font-size: 1.8rem
    }
    .seminar-summary-table-box > tbody tr td .media img {
        width: 60%
    }
}
.table-responsive {
    background-color: #fff;
    margin-top: 2rem;
    padding: 2rem
}
.table-responsive > table {
    border-collapse: collapse;
    font-size: 1.4rem;
    line-height: 1.5em;
    text-align: left;
    width: 100%
}
.table-responsive > table > tr {
    padding-bottom: 1rem
}
.table-responsive > table > tr th {
    font-weight: 400;
    vertical-align: top;
    width: 25%
}
.table-responsive > table > tr td {
    font-weight: 700;
    padding-bottom: 1.4rem
}
@media(min-width:768px) {
    .table-responsive {
        padding: 4rem
    }
    .table-responsive > table {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 1.6rem
    }
    .table-responsive > table > tr {
        margin-right: 2rem;
        display: block
    }
    .table-responsive>table>tr:nth-child(1) {
        width: 40%
    }
    .table-responsive>table>tr:nth-child(2) {
        width: 30%
    }
    .table-responsive>table>tr:nth-child(3),
    .table-responsive>table>tr:nth-child(4) {
        width: 15%
    }
    .table-responsive > table > tr > th {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1.6rem;
        width: 100%
    }
    .table-responsive > table > tr > tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }
}
#cobalt {
    font-family: Noto Sans Japanese, sans-serif;
    background-color: #fff
}
#cobalt p {
    line-height: 1.5em
}
#cobalt .wrap {
    background-color: #fff;
    height: 45px;
    position: fixed;
    width: 100%;
    z-index: 10000
}
@media(min-width:768px) {
    #cobalt .wrap {
        height: 58.5px
    }
}
#cobalt .wrap #header2 {
    display: block;
    height: 100%
}
@media(min-width:768px) {
    #cobalt .wrap #header2 {
        padding: 0 1rem
    }
}
#cobalt .wrap #header2 .common-header {
    padding: 0.5rem
}
#cobalt .header-section > .inner {
    height: 45px
}
@media(min-width:768px) {
    #cobalt .header-section > .inner {
        height: 4.5rem
    }
}
#cobalt .header-section > .inner > .brandLogo {
    left: 50%
}
#cobalt .l-container {
    position: fixed;
    z-index: 1000
}
#cobalt .section-hero {
    min-height: auto;
    margin-top: 4.5rem
}
@media(min-width:768px) {
    #cobalt .section-hero {
        min-height: 650px
    }
}
#cobalt .section-hero .element-slide {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}
#cobalt .section-hero .element-slide .slide-item {
    height: 40rem;
    position: absolute;
    text-align: left
}
@media(min-width:768px) {
    #cobalt .section-hero .element-slide .slide-item {
        height: 50rem
    }
}
#cobalt .section-hero .element-slide .slide-item img {
    height: 40rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: right;
    object-position: right
}
@media(min-width:768px) {
    #cobalt .section-hero .element-slide .slide-item img {
        height: auto;
        width: 100vw
    }
}
#cobalt .section-hero .zuuonline-limited-box {
    margin: 2rem 1rem
}
@media(min-width:768px) {
    #cobalt .section-hero .zuuonline-limited-box {
        margin: 0
    }
}
#cobalt .section-hero .zuuonline-limited-box img {
    width: 100%
}
@media(min-width:768px) {
    #cobalt .section-hero .box-gray .link-button .btn_area .btn {
        left: 25%
    }
}
@media(min-width:768px) {
    #cobalt .section-hero .box-gray .link-button .btn_area .btn a {
        font-size: 1.4rem
    }
}
#cobalt .vegas-wrapper .box-gray .new_answer {
    top: 8rem
}
#cobalt .vegas-wrapper .box-gray .new_answer span img {
    padding-right: 2rem
}
@media(min-width:1100px) {
    #cobalt .vegas-wrapper .box-gray .new_answer span img {
        padding-right: 0
    }
}
#cobalt .vegas-wrapper .box-gray .new_answer span img:last-child {
    margin-top: 2rem
}
#cobalt #container .inner .btn_area p {
    font-size: 2.4rem
}
#cobalt #container .inner .btn_area .btn {
    margin: 0 0 1rem
}
#cobalt #container .inner .btn_area .btn span.slanting em {
    font-size: 1.2rem
}
#cobalt #container .zuuonline-limited-02-box {
    margin: 2rem 0;
    width: 100%
}
#cobalt #container .zuuonline-limited-02-box img {
    width: 100%
}
@media(min-width:768px) {
    #cobalt #container section#limited {
        margin-top: 4rem
    }
}
#cobalt #container section.service .box_cnt h3.img_txt p {
    line-height: 2em
}
#cobalt #container section.service .box_cnt .box_logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
#cobalt #container section.service .box_cnt .box_logo .caption {
    position: absolute
}
#cobalt #container section.service .box_cnt .attention p {
    line-height: 1.5em
}
#cobalt #container section.service .box_cnt .attention ol {
    font-size: 1rem;
    margin-top: 1rem
}
#cobalt #container section.service .box_cnt .inner .txt_area p {
    line-height: 1.5em
}
#cobalt .detail2001a .boxtxt,
#cobalt .modal-cont .boxtxt {
    padding: 1rem;
    font-size: 1.2rem
}
#cobalt .detail2001a .clm-left {
    font-size: 1rem
}
@media(min-width:768px) {
    #cobalt .detail2001a .clm-left {
        font-size: 1.4rem
    }
}
@media(min-width:768px) {
    #cobalt .detail2001a .clm-right .title {
        font-size: 1.4rem
    }
}
@media(min-width:768px) {
    #cobalt .detail2001a .clm-right .lead {
        font-size: 1.2rem
    }
}
#cobalt .detail2001a .title,
#cobalt .detail2001a .lead,
#cobalt .detail2001a .notes {
    line-height: 1.5em
}
#cobalt .footer-nav {
    text-align: left
}
#cobalt .footer-nav a {
    color: #000;
    text-decoration: none
}
#cobalt .footer-section {
    padding-bottom: 12.8rem
}
#cobalt .footer-section .social-buttons .button .link {
    text-decoration: none
}
#cobalt .footer {
    padding-bottom: 15rem
}
#cobalt .footer-btn .btn_area .btn {
    margin: 0
}
@media(min-width:768px) {
    #cobalt .footer-btn .btn_area .btn {
        left: 28%
    }
}
#cobalt .mypage-wrap .heading-text {
    display: none
}
.slider .slick-dots li button:before {
    content: '窶｢';
    font-size: 5rem
}
.slide-animation {
    -webkit-animation: fading 4s infinite;
    animation: fading 4s infinite
}
@-webkit-keyframes fading {
    0% {
        opacity: 0
    }
    10% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes fading {
    0% {
        opacity: 0
    }
    10% {
        opacity: 1
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
#saisonplatinum {
    background-color: #fff
}
#saisonplatinum p {
    font-weight: 400;
    line-height: 1.5em
}
#saisonplatinum dd {
    line-height: 1.5em
}
#saisonplatinum .header_pc,
#saisonplatinum .header_sp {
    background-color: #111
}
#saisonplatinum .header_pc .header_inner .logo {
    height: 100%
}
#saisonplatinum .header_pc .header_inner .logo h1 svg {
    padding-bottom: 0.5rem;
    width: 100%
}
#saisonplatinum .header_pc .header_inner .btn {
    padding: 0.5rem
}
#saisonplatinum .header_sp .header_inner .logo {
    height: 100%
}
#saisonplatinum .header_sp .header_inner .logo h1 {
    margin: 0
}
#saisonplatinum .header_sp .header_inner .btn {
    padding: 0.5rem
}
#saisonplatinum .a {
    fill: #fff
}
#saisonplatinum .logo_amex .a {
    fill: #006fcf
}
#saisonplatinum header .btn {
    background-color: #8e8255;
    color: #fff
}
#saisonplatinum .section--hero {
    padding-top: 45px
}
@media(min-width:768px) {
    #saisonplatinum .section--hero {
        padding-top: 0
    }
}
#saisonplatinum section.business .intro {
    font-weight: 700;
    line-height: 2em
}
#saisonplatinum section.business .ttl img {
    margin: 0 auto
}
#saisonplatinum section.support {
    padding-bottom: 0
}
@media(min-width:768px) {
    #saisonplatinum section.support {
        padding-bottom: 60px
    }
}
@media(min-width:1100px) {
    #saisonplatinum section.support {
        min-height: 3500px
    }
}
@media(min-width:768px) {
    #saisonplatinum section.support .support_box h3 {
        margin-top: 1rem
    }
}
@media(min-width:768px) {
    #saisonplatinum section.support .support_box .support_top {
        margin: 1.6rem 0
    }
}
@media(min-width:768px) {
    #saisonplatinum section.support .support_box .support_top img {
        width: 93%
    }
}
#saisonplatinum section.support .support_box .support_03 .box .box_text {
    margin-top: 1rem
}
@media(min-width:768px) {
    #saisonplatinum section.support .support_box .support_04 .box .box_img img {
        margin: 0 auto
    }
}
@media(min-width:768px) {
    #saisonplatinum section.support .support_box .support_04 .box .box_text {
        margin: auto 0
    }
}
#saisonplatinum section.support .support_box .support_04 .box .box_text .sub_ttl {
    margin-bottom: 1rem
}
@media(min-width:1100px) {
    #saisonplatinum section.support .support_box .support_04 .box .box_text .sub_ttl {
        margin-top: 1rem
    }
}
@media(min-width:768px) {
    #saisonplatinum section.support .support_box .support_04 .box .box_text .sub_ttl img {
        margin: 0 auto
    }
}
@media(min-width:768px) {
    #saisonplatinum section.support .ttl img {
        margin: 0 auto
    }
}
#saisonplatinum section.campaign .tax_point .tax_point_img_pc {
    display: none
}
@media(min-width:768px) {
    #saisonplatinum section.campaign .tax_point .tax_point_img_pc {
        display: block
    }
}
#saisonplatinum section.campaign .tax_point .tax_point_img_sp {
    display: block
}
@media(min-width:768px) {
    #saisonplatinum section.campaign .tax_point .tax_point_img_sp {
        display: none
    }
}
#saisonplatinum section.subscription .btn_area .btn_01 a .btn_01_img_pc {
    display: none
}
@media(min-width:768px) {
    #saisonplatinum section.subscription .btn_area .btn_01 a .btn_01_img_pc {
        display: block
    }
}
#saisonplatinum section.subscription .btn_area .btn_01 a .btn_01_img_sp {
    display: block
}
@media(min-width:768px) {
    #saisonplatinum section.subscription .btn_area .btn_01 a .btn_01_img_sp {
        display: none
    }
}
@media(min-width:768px) {
    #saisonplatinum section.subscription .catch img {
        margin: 0 auto
    }
}
@media(min-width:768px) {
    #saisonplatinum section.zuuonline_limited_box img.show_pc {
        height: auto;
        margin-bottom: 1rem;
        width: 100vw
    }
}
#saisonplatinum .header-section > .inner {
    height: 45px
}
@media(min-width:768px) {
    #saisonplatinum .header-section > .inner {
        height: 4.5rem
    }
}
#saisonplatinum .header-section > .inner > .brandLogo {
    left: 50%
}
#saisonplatinum .section--hero.border {
    padding: 0
}
#saisonplatinum .section--hero .section--content p {
    line-height: 1.5em
}
@media(min-width:768px) {
    #saisonplatinum .section--hero .section--content .wh {
        margin: 0 auto;
        width: 80%
    }
}
#saisonplatinum .section--hero .section--content .zuuonline_limited_img {
    margin-top: 1rem
}
@media(min-width:768px) {
    #saisonplatinum .section--hero .section--content .zuuonline_limited_img {
        margin: 1rem auto
    }
}
@media(min-width:768px) {
    #saisonplatinum .section--hero .section--form .btn a {
        padding-top: 0.5rem
    }
}
#saisonplatinum .section--hero .section--form .btn a:after {
    top: 40%
}
@media(min-width:768px) {
    #saisonplatinum .section--hero .sh-content .cp_area {
        margin: auto 0
    }
}
#saisonplatinum .kakaku_banner .inner .kakaku_banner_img_pc {
    display: none
}
@media(min-width:768px) {
    #saisonplatinum .kakaku_banner .inner .kakaku_banner_img_pc {
        display: block
    }
}
#saisonplatinum .kakaku_banner .inner .kakaku_banner_img_sp {
    display: block
}
@media(min-width:768px) {
    #saisonplatinum .kakaku_banner .inner .kakaku_banner_img_sp {
        display: none
    }
}
@media(min-width:1100px) {
    #saisonplatinum .card_text3 dt {
        border-top: 1px solid #ccc
    }
}
#saisonplatinum .card_text3 .img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0
}
#saisonplatinum .card_text3 .txt {
    width: 100%
}
@media(min-width:1100px) {
    #saisonplatinum .card_text3 .txt {
        width: calc(100% - 7em - 20px)
    }
}
@media(min-width:1100px) {
    #saisonplatinum .campaign_box2001 .campaign .c_btn {
        width: unset
    }
}
#saisonplatinum .campaign_box2001 .notes {
    padding-top: 1rem
}
@media(min-width:768px) {
    #saisonplatinum .detail2001a .clm-left {
        line-height: 1.5em
    }
}
@media(min-width:768px) {
    #saisonplatinum .comments ul li {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5em
    }
}
#saisonplatinum .footer-nav > .item {
    font-size: 10px;
    line-height: 1.5em;
    padding: 10px 15px
}
@media(min-width:768px) {
    #saisonplatinum .footer-nav > .item {
        font-size: 1.1rem;
        padding: 0.5rem 1rem
    }
}
#saisonplatinum .mypage-wrap .heading-text {
    display: none
}
#saisonplatinum .show_pc {
    display: none
}
@media(min-width:768px) {
    #saisonplatinum .show_pc {
        display: block
    }
}
#saisonplatinum .show_sp {
    display: block
}
@media(min-width:768px) {
    #saisonplatinum .show_sp {
        display: none
    }
}
#openhouse .teacher-content .col-content .teacher-content_title .title,
#sdo54 .teacher-content .col-content .teacher-content_title .title,
#openhouse .teacher-content .col-content .teacher-content_title .title-name,
#sdo54 .teacher-content .col-content .teacher-content_title .title-name {
    line-height: 1.5em
}
#openhouse .theme-content_box .col-md-4,
#sdo54 .theme-content_box .col-md-4 {
    margin: 0
}
#openhouse .osusume-list .flex .col-pic,
#sdo54 .osusume-list .flex .col-pic {
    margin-bottom: 3rem
}
@media(min-width:768px) {
    #openhouse .osusume-list .flex .col-pic,
    #sdo54 .osusume-list .flex .col-pic {
        margin: auto
    }
}
#openhouse .osusume-list .flex .col-content .title strong,
#sdo54 .osusume-list .flex .col-content .title strong {
    font-size: 1.6rem;
    line-height: 1.5em;
    margin: 1.6rem 0 1rem
}
#openhouse .mypage-box,
#sdo54 .mypage-box {
    background-color: transparent
}
@media(min-width:1100px) {
    #openhouse .mypage-box .inner,
    #sdo54 .mypage-box .inner {
        padding: 0
    }
}
#openhouse .mypage-box .inner p,
#sdo54 .mypage-box .inner p {
    padding: 0
}
#openhouse .mypage-box .inner .text,
#sdo54 .mypage-box .inner .text {
    color: #fff
}
#openhouse .form-box > .select,
#sdo54 .form-box > .select {
    background-color: #fff
}
@media(min-width:768px) {
    #openhouse .container,
    #sdo54 .container {
        padding: 2rem
    }
}
#openhouse .teacher-content .col-pic,
#sdo54 .teacher-content .col-pic {
    background: unset;
    height: 30rem;
    width: 100%
}
@media(min-width:768px) {
    #openhouse .teacher-content .col-pic,
    #sdo54 .teacher-content .col-pic {
        height: 100%;
        margin: auto
    }
}
@media(min-width:1100px) {
    #openhouse .teacher-content .col-pic,
    #sdo54 .teacher-content .col-pic {
        height: 40rem;
        width: 30%
    }
}
#openhouse .teacher-content .col-pic img,
#sdo54 .teacher-content .col-pic img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}
@media(min-width:1100px) {
    #openhouse .teacher-content .col-content,
    #sdo54 .teacher-content .col-content {
        width: 70%
    }
}
@media(min-width:768px) {
    #openhouse .teacher-content .col-content .teacher-content_title .title-name .sml,
    #sdo54 .teacher-content .col-content .teacher-content_title .title-name .sml {
        font-size: 1.4rem
    }
}
@media(min-width:768px) {
    #openhouse .theme-content_detail,
    #sdo54 .theme-content_detail {
        margin-left: 1.6rem
    }
}
@media(min-width:768px) {
    #openhouse .osusume-list .flex,
    #sdo54 .osusume-list .flex {
        margin: 4rem 3rem
    }
}
@media(min-width:768px) {
    #openhouse .sponsor-area,
    #sdo54 .sponsor-area {
        height: 60rem;
        min-height: 60rem
    }
}
@media(min-width:768px) {
    #openhouse .voice-area,
    #sdo54 .voice-area {
        padding: 0
    }
}
@media(min-width:1100px) {
    #openhouse .voice-area,
    #sdo54 .voice-area {
        padding: 10rem 0
    }
}
@media(min-width:1100px) {
    #openhouse .theme-content_box,
    #sdo54 .theme-content_box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}
#openhouse .theme-content_box .col-md-4,
#sdo54 .theme-content_box .col-md-4 {
    width: 100%
}
@media(min-width:768px) {
    #openhouse .theme-content_box .col-md-4,
    #sdo54 .theme-content_box .col-md-4 {
        width: 40%
    }
}
#openhouse .theme-content_box .theme-content_detail,
#sdo54 .theme-content_box .theme-content_detail {
    width: 100%
}
@media(min-width:768px) {
    #openhouse .theme-content_box .theme-content_detail,
    #sdo54 .theme-content_box .theme-content_detail {
        width: calc(60% - 1.6rem)
    }
}
#openhouse h3.title,
#sdo54 h3.title {
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5em;
    margin-bottom: 4rem;
    padding: 0 2rem;
    text-align: center
}
@media(min-width:768px) {
    #openhouse h3.title,
    #sdo54 h3.title {
        font-size: 2.4rem
    }
}
#sdo54 .hero_image {
    background: none;
    padding-top: 0
}
#sdo54 .hero_image .container {
    padding: 0
}
@media(min-width:1100px) {
    #sdo54 .hero_image .container {
        height: 100%;
        width: 100%
    }
}
#sdo54 .hero_image .container .hero_box {
    height: 100%;
    margin: 0;
    width: 100%
}
#sdo54 .hero_image .container .hero_box .hero_main_title img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}
#sdo54 .text-box .title {
    text-align: left
}
#sdo54 .text-box .title.-yellow {
    color: #fde4b9
}
@media(min-width:768px) {
    #sdo54 .intro-house {
        padding-top: 0
    }
}
#sdo54 .intro-house .big-title .title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5em;
    padding: 0 2rem
}
@media(min-width:768px) {
    #sdo54 .intro-house .big-title .title {
        text-align: center
    }
}
#sdo54 .property-container {
    display: block;
    padding: 0 2rem
}
#sdo54 .property-list {
    display: block
}
@media(min-width:1100px) {
    #sdo54 .property-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}
#sdo54 .property-box {
    display: block
}
@media(min-width:1100px) {
    #sdo54 .property-box {
        width: calc(33.3% - 1.6rem)
    }
}
#sdo54 .property-box:not(:first-child) {
    padding-top: 2rem
}
@media(min-width:1100px) {
    #sdo54 .property-box:not(:first-child) {
        padding-top: 0;
        margin-left: 1.6rem
    }
}
#sdo54 .property-box .p-img {
    height: 20rem;
    margin: 0 auto;
    width: 20rem
}
#sdo54 .property-box .p-img img {
    border-radius: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}
#sdo54 .property-box .p-content {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    margin-top: 2rem;
    text-align: center
}
#sdo54 .property-box .p-button {
    margin: 2rem 0;
    text-align: center
}
#sdo54 .property-box .p-button a {
    background-color: #966c3b;
    border: 0.1rem solid #966c3b;
    color: #fff;
    display: block;
    padding: 2rem 0;
    text-decoration: none;
    width: 100%
}
#sdo54 .property-box .p-button a:hover {
    background-color: #fff;
    color: #966c3b
}
#sdo54 .big-title .title {
    line-height: 1.5em
}
#sdo54 .intro-seminar .title-img {
    padding: 0 2rem;
    text-align: center
}
#sdo54 .intro-seminar .text-box .title {
    padding: 0 2rem;
    text-align: center
}
#sdo54 .intro-seminar .text-box .title span {
    font-size: 2.4rem
}
@media(min-width:768px) {
    #sdo54 .intro-seminar .text-box .title span {
        font-size: 3.2rem
    }
}
#sdo54 .intro-seminar .text-box .span {
    color: #fff;
    display: block;
    font-size: 1.2rem;
    line-height: 1.5em;
    padding: 0 2rem 2rem
}
@media(min-width:1100px) {
    #sdo54 .intro-seminar .text-box .span {
        font-size: 1.6rem;
        padding: 3rem 0 4rem;
        text-align: center
    }
}
#sdo54 .intro-seminar .img-list ul {
    display: block;
    padding-bottom: 2rem
}
@media(min-width:1100px) {
    #sdo54 .intro-seminar .img-list ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 4rem
    }
}
#sdo54 .intro-seminar .img-list ul .img-box {
    margin: 2rem 0
}
@media(min-width:1100px) {
    #sdo54 .intro-seminar .img-list ul .img-box {
        width: calc(33.3% - 1.6rem)
    }
    #sdo54 .intro-seminar .img-list ul .img-box:not(:first-child) {
        margin-left: 1.6rem
    }
}
#sdo54 .intro-seminar .img-list ul .img-box img {
    height: 100%;
    width: 100%
}
#sdo54 .intro-seminar .img-list ul .img-box p {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.5em;
    margin-top: 1rem;
    text-align: center
}
@media(min-width:1100px) {
    #sdo54 .intro-seminar .img-list ul .img-box p {
        font-size: 1.6rem;
        margin: 0 auto;
        width: 50%
    }
}
#sdo54 .intro-seminar .btn-box {
    margin: 2rem;
    text-align: center
}
#sdo54 .intro-seminar .btn-box a {
    background-color: #966c3b;
    border: 0.1rem solid #966c3b;
    color: #fff;
    display: block;
    padding: 2rem 0;
    text-decoration: none;
    width: 100%
}
#sdo54 .intro-seminar .btn-box a:hover {
    background-color: #fff;
    color: #966c3b
}
#sdo54 .teacher-content .col-pic {
    background: none;
    width: auto;
    min-width: auto
}
#sdo54 .teacher-content .col-pic.pic01 img {
    -o-object-position: 0 10%;
    object-position: 0 10%
}
#sdo54 .teacher-content .col-pic.pic02 img {
    -o-object-position: 0 10%;
    object-position: 0 10%
}
#sdo54 .teacher-content .col-pic.pic03 img {
    -o-object-position: 0 20%;
    object-position: 0 20%
}
#sdo54 .teacher-content .col-pic.pic04 img {
    -o-object-position: 0 20%;
    object-position: 0 20%
}
#sdo54 .teacher-content .col-pic.pic05 img {
    -o-object-position: 0 10%;
    object-position: 0 10%
}
#sdo54 .teacher-content .col-pic.pic06 img {
    -o-object-position: 0 10%;
    object-position: 0 10%
}
#sdo54 .teacher-content .col-pic.pic07 img {
    -o-object-position: 0 15%;
    object-position: 0 15%
}
#sdo54 .seminar-content .seminar-content-list .seminar-content-box {
    color: #fff;
    font-size: 1.8rem;
    margin: 2rem 0;
    text-align: center
}
@media(min-width:768px) {
    #sdo54 .seminar-content .seminar-content-list .seminar-content-box {
        margin: 4rem 0
    }
}
#sdo54 .seminar-content .seminar-content-list .seminar-content-box .h4 {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5em;
    padding: 1rem 0;
    position: relative;
    width: 100%
}
@media(min-width:768px) {
    #sdo54 .seminar-content .seminar-content-list .seminar-content-box .h4 {
        font-size: 2.4rem;
        padding: 2rem 0
    }
}
#sdo54 .seminar-content .seminar-content-list .seminar-content-box .h4:before {
    background-image: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(25%,#966c3b),color-stop(75%,#966c3b),to(transparent));
    background-image: linear-gradient(to right,transparent,#966c3b 25%,#966c3b 75%,transparent);
    background-position: center;
    background-repeat: no-repeat;
    bottom: 0;
    content: '';
    height: 0.1rem;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}
#sdo54 .recommend h3.title {
    padding: 0;
    text-align: left
}
@media(min-width:768px) {
    #sdo54 .recommend h3.title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}
@media(min-width:768px) {
    #sdo54 .osusume-list .flex .col-content .title strong {
        font-size: 2.4rem;
        margin-left: 6rem
    }
}
@media(min-width:768px) {
    #sdo54 .osusume-list .flex {
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
        margin: 4rem 8rem
    }
}
@media(min-width:768px) {
    #sdo54 .voice-area {
        background-size: cover
    }
}
#sdo54 .voice-area .voice-box {
    border: 0.1rem solid #fde4b9;
    margin-bottom: 2rem;
    padding: 1rem 2rem
}
#sdo54 .event-area dl.qa dd span {
    color: #fde4b9
}
@media(min-width:768px) {
    #sdo54 .hero {
        padding-bottom: 0
    }
}
#sdo54 .-none-sp {
    display: none
}
@media(min-width:1100px) {
    #sdo54 .-none-sp {
        display: block
    }
}
#sdo54 .-none-pc {
    display: block
}
@media(min-width:1100px) {
    #sdo54 .-none-pc {
        display: none
    }
}
._hidden {
    display: none !important
}
@media(max-width:735px) {
    ._hidden-ls {
        display: none !important
    }
}
@media(max-width:767px) {
    ._hidden-tl {
        display: none !important
    }
}
@media(max-width:1099px) {
    ._hidden-dt {
        display: none !important
    }
}
@media(min-width:736px) {
    ._show-ls {
        display: none !important
    }
}
@media(min-width:768px) {
    ._show-tl {
        display: none !important
    }
}
@media(min-width:1100px) {
    ._show-dt {
        display: none !important
    }
}
._screenreader {
    position: absolute;
    width: 0.1rem;
    height: 0.1rem;
    padding: 0;
    margin: -0.1rem;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}
._mt-7 {
    margin-top: 0.7rem !important
}
._mt-8 {
    margin-top: 0.8rem !important
}
._mt-16 {
    margin-top: 1.6rem !important
}
._mt-24 {
    margin-top: 2.4rem !important
}
._mt-32 {
    margin-top: 3.2rem !important
}
._mt-48 {
    margin-top: 4.8rem !important
}
._mb-7 {
    margin-bottom: 0.7rem !important
}
._mb-8 {
    margin-bottom: 0.8rem !important
}
._mb-16 {
    margin-bottom: 1.6rem !important
}
._mb-24 {
    margin-bottom: 2.4rem !important
}
._mb-32 {
    margin-bottom: 3.2rem !important
}
._mb-48 {
    margin-bottom: 4.8rem !important
}
._mb-aside {
    margin-bottom: 0.8rem !important
}
@media(min-width:1100px) {
    ._mb-aside {
        margin-bottom: 1.6rem !important
    }
}
._pt-32 {
    padding-top: 3.2rem
}
._align-center {
    text-align: center
}
._align-center > * {
    margin: 0 auto
}
._align-center-ls {
    text-align: left
}
@media(min-width:736px) {
    ._align-center-ls {
        text-align: center
    }
}
._align-right {
    text-align: right
}
._align-left {
    text-align: left;
    margin: 0 auto
}
._bg-fb {
    background-color: #3b5998
}
@media(min-width:1100px) {
    ._bg-fb {
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s
    }
    ._bg-fb:hover {
        opacity: .8
    }
}
._bg-tw {
    background-color: #1da1f2
}
@media(min-width:1100px) {
    ._bg-tw {
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s
    }
    ._bg-tw:hover {
        opacity: .8
    }
}
._bg-hb {
    background-color: #00a4de
}
@media(min-width:1100px) {
    ._bg-hb {
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s
    }
    ._bg-hb:hover {
        opacity: .8
    }
}
._bg-ln {
    background-color: #00b900
}
@media(min-width:1100px) {
    ._bg-ln {
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s
    }
    ._bg-ln:hover {
        opacity: .8
    }
}
._bg-lg {
    background: #d9d9d9
}
._color-brand_primary {
    color: #db0000
}
._color-darkgray {
    color: #4a4a4a
}
._color-fb {
    color: #3b5998
}
._color-tw {
    color: #1da1f2
}
._color-hb {
    color: #00a4de
}
._color-ln {
    color: #00b900
}
._justifyContent-sb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
._centeredTextBlock {
    display: block;
    width: 100%;
    text-align: center
}
._float-r {
    float: none;
    margin-left: 0
}
@media(min-width:736px) {
    ._float-r {
        float: right;
        margin-left: 2.4rem
    }
}
._float-l {
    float: none;
    margin-right: 0
}
@media(min-width:736px) {
    ._float-l {
        float: left;
        margin-right: 2.4rem
    }
}