/*フォントオーサムをcssで読み込み*/
@import url("https://use.fontawesome.com/releases/v5.14.0/css/all.css");
@import url("https://fonts.googleapis.com/css2?family=Damion&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");

/*========== 基本設定 ==========*/
.rise {
    --txt-font-01: "Damion", cursive;
    --txt-font-02: "Noto Sans JP", sans-serif;
    --txt-color-00: #fff;
    --txt-color-01: #606060;
    --txt-color-02: #16d5b8;
    --txt-color-03: #b7d2bc;
    --txt-color-04: #7d7d7d;
    --txt-color-05: #d0f37b;
    --txt-color-06: #0be7e3;
    --txt-color-07: #e5e5e5;
    --txt-color-08: rgb(90, 186, 117);
    --txt-color-09: rgb(90, 184, 186);
    --txt-color-10: rgb(199, 55, 82);
    --back-color-00: #fff;
    --back-color-01: #effdf5;
    --back-color-02: #16d5b8;
    --back-color-03: -webkit-linear-gradient(40deg, #19d6b2 0%, #19d6b2 10%, #57e5ec 70%, #57e5ec 100%);
    --back-color-04: -webkit-linear-gradient(40deg, rgb(22 227 162 / 30%) 0%, rgb(22 227 162 / 20%) 10%, rgb(23 217 229 / 20%) 70%, rgb(23 217 229 / 20%) 100%);
    --back-color-05: rgb(206 255 0 / 64%);
    --back-color-06: -webkit-linear-gradient(40deg, rgb(79 211 255 / 10%) 0%, rgb(16 154 255 / 10%) 10%, rgb(141 227 148 / 10%) 70%, rgb(25 255 0 / 10%) 100%);
    --back-color-07: #f7f7f7;
    --back-color-08: -webkit-linear-gradient(40deg, rgb(183 183 183 / 10%) 0%, rgb(215 215 215 / 10%) 10%, rgb(90 186 117 / 10%) 70%, rgb(90 186 117 / 10%) 100%);
    --back-color-09: -webkit-linear-gradient(40deg, rgb(183 183 183 / 10%) 0%, rgb(215 215 215 / 10%) 10%, rgb(90 184 186 / 10%) 70%, rgba(90 184 186 / 10%) 100%);
    --back-color-10: -webkit-linear-gradient(40deg, rgb(183 183 183 / 10%) 0%, rgb(215 215 215 / 10%) 10%, rgb(199 55 82 / 10%) 70%, rgba(199 55 82 / 10%) 100%);
    --back-color-12: #ffc775;
    --boder-color-00: rgb(1, 1, 1);
    --boder-color-01: #efefef;
}

html {
    font-family: "Noto Sans JP", sans-serif;
    color: #606060;
    letter-spacing: 1px;
}

:before,
:after {
    pointer-events: none;
}

.main>* {
    position: relative;
}

.up-ofi {
    height: 100%;
}

.js-toggle {
    cursor: pointer;
}

.js-toggle+* {
    display: none;
}

[data-element-id] .js-toggle+* {
    display: block;
}

/*ABテスト初期設定*/
.abtest-parent>div>div {
    opacity: 0;
}

.abtest-parent>div>div:nth-of-type(n+2) {
    display: none;
}

.abtest-parent>div>div:first-of-type:last-of-type {
    opacity: 1;
}

[data-element-id] .abtest-parent>div>div,
.abtest-parent>div>div[data-ab-test-contents] {
    opacity: 1;
}

[data-element-id] .abtest-parent>div>div:nth-of-type(n+2),
.abtest-parent>div>div[data-ab-test-contents]:nth-of-type(n+2) {
    display: block;
}

/*画像をinner外に配置*/
.rise-left-img-50\% {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: calc(50% - 50vw);
}

.rise-right-img-50\% {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: calc(50% - 50vw);
}

@media (max-width: 599px) {
    .rise-left-img-50\% {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        margin-left: auto;
    }

    .rise-right-img-50\% {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        margin-right: auto;
    }
}

/*テキスト線*/
.rise-line-01 .line {
    display: inline-block;
    position: relative;
    z-index: 0;
}

.rise-line-01 .line:after {
    content: "";
    width: 0;
    height: 50%;
    background: var(--back-color-05);
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.rise-line-01.mv .line:after {
    width: 100%;
}

/*hoverで画像ズーム*/
.rise-hover-img-01>* {
    display: block;
    overflow: hidden;
}

.rise-hover-img-01 img {
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.rise-hover-img-01:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.rise-hover-img-01:hover a {
    opacity: 1;
}

/*fead*/
.fead-mv.mv {
    -webkit-transition: 2s ease-out;
    transition: 2s ease-out;
}

.fead-right.mv,
.fead-left.mv {
    -webkit-transition: 2s;
    transition: 2s;
}

.fead-text-01,
.fead-text-02 {
    overflow: hidden;
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
    position: relative;
}

[data-element-id] .fead-text-01,
.fead-text-02 {
    opacity: 1;
}

.fead-text-01.mv,
.fead-text-02.mv {
    opacity: 1;
}

.fead-text-01:after,
.fead-text-02:after {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--back-color-03);
    -webkit-transition: 1s;
    transition: 1s;
    position: absolute;
    top: 0;
    left: 0;
}

[data-element-id] .fead-text-01:after,
[data-element-id] .fead-text-02:after {
    width: 0;
}

.fead-text-02:after {
    background: var(--back-color-00);
}

.fead-text-01.mv:after,
.fead-text-02.mv:after {
    width: 0;
}

.fead-text-01>*,
.fead-text-02>* {
    opacity: 0;
}

[data-element-id] .fead-text-01>*,
[data-element-id] .fead-text-02>* {
    opacity: 1;
}

.fead-text-01.mv>*,
.fead-text-02.mv>* {
    opacity: 1;
}

.fead-order>.mv {
    -webkit-transition: 2s;
    transition: 2s;
}

[data-element-id] .fead-order>* {
    opacity: 1;
    -webkit-transform: inherit;
    transform: inherit;
}

.fead-down {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

[data-element-id] .fead-down {
    -webkit-transform: inherit;
    transform: inherit;
}

.fead-down.mv {
    -webkit-transition: 0.6s ease-out;
    transition: 0.6s ease-out;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.fead-down+.fead-down.mv {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

@media (max-width: 599px) {
    .fead-right\@sp {
        opacity: 0;
        -webkit-transform: translateX(-20%);
        transform: translateX(-20%);
    }

    .fead-right\@sp.mv {
        opacity: 1;
        -webkit-transition: 1s;
        transition: 1s;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .fead-order-right\@sp>* {
        opacity: 0;
        -webkit-transform: translateX(-20%);
        transform: translateX(-20%);
    }

    .fead-order-right\@sp>*.mv {
        opacity: 1;
        -webkit-transition: 2s;
        transition: 2s;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

/*map*/
.map-01 {
    padding-top: 60%;
}

@media (max-width: 1024px) {
    .map-01 {
        padding-top: 40%;
    }
}

@media (max-width: 599px) {
    .map-01 {
        padding-top: 70%;
    }
}

/*inner用*/
.up-maxw-1100 {
    max-width: 1100px;
}

.up-maxw-1200 {
    max-width: 1200px;
}

.up-maxw-1300 {
    max-width: 1300px;
}

.up-maxw-1400 {
    max-width: 1400px;
}

.up-maxw-1500 {
    max-width: 1500px;
}

/*コンテンツ余白*/
[class*="section-m"],
[class*="section-p"] {
    --section-xlarge: 120px;
    --section-large: 100px;
    --section-medium: 80px;
    --section-small: 60px;
    --section-xsmall: 40px;
}

.section-my-xlarge {
    margin-top: var(--section-xlarge);
    margin-bottom: var(--section-xlarge);
}

.section-mt-xlarge {
    margin-top: var(--section-xlarge);
}

.section-mb-xlarge {
    margin-bottom: var(--section-xlarge);
}

.section-my-large {
    margin-top: var(--section-large);
    margin-bottom: var(--section-large);
}

.section-mt-large {
    margin-top: var(--section-large);
}

.section-mb-large {
    margin-bottom: var(--section-large);
}

.section-my-medium {
    margin-top: var(--section-medium);
    margin-bottom: var(--section-medium);
}

.section-mt-medium {
    margin-top: var(--section-medium);
}

.section-mb-medium {
    margin-bottom: var(--section-medium);
}

.section-my-small {
    margin-top: var(--section-small);
    margin-bottom: var(--section-small);
}

.section-mt-small {
    margin-top: var(--section-small);
}

.section-mb-small {
    margin-bottom: var(--section-small);
}

.section-my-xsmall {
    margin-top: var(--section-xsmall);
    margin-bottom: var(--section-xsmall);
}

.section-mt-xsmall {
    margin-top: var(--section-xsmall);
}

.section-mb-xsmall {
    margin-bottom: var(--section-xsmall);
}

@media (max-width: 1024px) {
    .section-my-xlarge {
        margin-top: calc(var(--section-xlarge) * 0.8);
        margin-bottom: calc(var(--section-xlarge) * 0.8);
    }

    .section-mt-xlarge {
        margin-top: calc(var(--section-xlarge) * 0.8);
    }

    .section-mb-xlarge {
        margin-bottom: calc(var(--section-xlarge) * 0.8);
    }

    .section-my-large {
        margin-top: calc(var(--section-large) * 0.8);
        margin-bottom: calc(var(--section-large) * 0.8);
    }

    .section-mt-large {
        margin-top: calc(var(--section-large) * 0.8);
    }

    .section-mb-large {
        margin-bottom: calc(var(--section-large) * 0.8);
    }

    .section-my-medium {
        margin-top: calc(var(--section-medium) * 0.8);
        margin-bottom: calc(var(--section-medium) * 0.8);
    }

    .section-mt-medium {
        margin-top: calc(var(--section-medium) * 0.8);
    }

    .section-mb-medium {
        margin-bottom: calc(var(--section-medium) * 0.8);
    }

    .section-my-small {
        margin-top: calc(var(--section-small) * 0.8);
        margin-bottom: calc(var(--section-small) * 0.8);
    }

    .section-mt-small {
        margin-top: calc(var(--section-small) * 0.8);
    }

    .section-mb-small {
        margin-bottom: calc(var(--section-small) * 0.8);
    }

    .section-my-xsmall {
        margin-top: calc(var(--section-xsmall) * 0.8);
        margin-bottom: calc(var(--section-xsmall) * 0.8);
    }

    .section-mt-xsmall {
        margin-top: calc(var(--section-xsmall) * 0.8);
    }

    .section-mb-xsmall {
        margin-bottom: calc(var(--section-xsmall) * 0.8);
    }
}

@media (max-width: 599px) {
    .section-my-xlarge {
        margin-top: calc(var(--section-xlarge) * 0.6);
        margin-bottom: calc(var(--section-xlarge) * 0.6);
    }

    .section-mt-xlarge {
        margin-top: calc(var(--section-xlarge) * 0.6);
    }

    .section-mb-xlarge {
        margin-bottom: calc(var(--section-xlarge) * 0.6);
    }

    .section-my-large {
        margin-top: calc(var(--section-large) * 0.6);
        margin-bottom: calc(var(--section-large) * 0.6);
    }

    .section-mt-large {
        margin-top: calc(var(--section-large) * 0.6);
    }

    .section-mb-large {
        margin-bottom: calc(var(--section-large) * 0.6);
    }

    .section-my-medium {
        margin-top: calc(var(--section-medium) * 0.6);
        margin-bottom: calc(var(--section-medium) * 0.6);
    }

    .section-mt-medium {
        margin-top: calc(var(--section-medium) * 0.6);
    }

    .section-mb-medium {
        margin-bottom: calc(var(--section-medium) * 0.6);
    }

    .section-my-small {
        margin-top: calc(var(--section-small) * 0.6);
        margin-bottom: calc(var(--section-small) * 0.6);
    }

    .section-mt-small {
        margin-top: calc(var(--section-small) * 0.6);
    }

    .section-mb-small {
        margin-bottom: calc(var(--section-small) * 0.6);
    }

    .section-my-xsmall {
        margin-top: calc(var(--section-xsmall) * 0.6);
        margin-bottom: calc(var(--section-xsmall) * 0.6);
    }

    .section-mt-xsmall {
        margin-top: calc(var(--section-xsmall) * 0.6);
    }

    .section-mb-xsmall {
        margin-bottom: calc(var(--section-xsmall) * 0.6);
    }
}

.section-py-xlarge {
    padding-top: var(--section-xlarge);
    padding-bottom: var(--section-xlarge);
}

.section-pt-xlarge {
    padding-top: var(--section-xlarge);
}

.section-pb-xlarge {
    padding-bottom: var(--section-xlarge);
}

.section-py-large {
    padding-top: var(--section-large);
    padding-bottom: var(--section-large);
}

.section-pt-large {
    padding-top: var(--section-large);
}

.section-pb-large {
    padding-bottom: var(--section-large);
}

.section-py-medium {
    padding-top: var(--section-medium);
    padding-bottom: var(--section-medium);
}

.section-pt-medium {
    padding-top: var(--section-medium);
}

.section-pb-medium {
    padding-bottom: var(--section-medium);
}

.section-py-small {
    padding-top: var(--section-small);
    padding-bottom: var(--section-small);
}

.section-pt-small {
    padding-top: var(--section-small);
}

.section-pb-small {
    padding-bottom: var(--section-small);
}

.section-py-xsmall {
    padding-top: var(--section-xsmall);
    padding-bottom: var(--section-xsmall);
}

.section-pt-xsmall {
    padding-top: var(--section-xsmall);
}

.section-pb-xsmall {
    padding-bottom: var(--section-xsmall);
}

@media (max-width: 1024px) {
    .section-py-xlarge {
        padding-top: calc(var(--section-xlarge) * 0.8);
        padding-bottom: calc(var(--section-xlarge) * 0.8);
    }

    .section-pt-xlarge {
        padding-top: calc(var(--section-xlarge) * 0.8);
    }

    .section-pb-xlarge {
        padding-bottom: calc(var(--section-xlarge) * 0.8);
    }

    .section-py-large {
        padding-top: calc(var(--section-large) * 0.8);
        padding-bottom: calc(var(--section-large) * 0.8);
    }

    .section-pt-large {
        padding-top: calc(var(--section-large) * 0.8);
    }

    .section-pb-large {
        padding-bottom: calc(var(--section-large) * 0.8);
    }

    .section-py-medium {
        padding-top: calc(var(--section-medium) * 0.8);
        padding-bottom: calc(var(--section-medium) * 0.8);
    }

    .section-pt-medium {
        padding-top: calc(var(--section-medium) * 0.8);
    }

    .section-pb-medium {
        padding-bottom: calc(var(--section-medium) * 0.8);
    }

    .section-py-small {
        padding-top: calc(var(--section-small) * 0.8);
        padding-bottom: calc(var(--section-small) * 0.8);
    }

    .section-pt-small {
        padding-top: calc(var(--section-small) * 0.8);
    }

    .section-pb-small {
        padding-bottom: calc(var(--section-small) * 0.8);
    }

    .section-py-xsmall {
        padding-top: calc(var(--section-xsmall) * 0.8);
        padding-bottom: calc(var(--section-xsmall) * 0.8);
    }

    .section-pt-xsmall {
        padding-top: calc(var(--section-xsmall) * 0.8);
    }

    .section-pb-xsmall {
        padding-bottom: calc(var(--section-xsmall) * 0.8);
    }
}

@media (max-width: 599px) {
    .section-py-xlarge {
        padding-top: calc(var(--section-xlarge) * 0.6);
        padding-bottom: calc(var(--section-xlarge) * 0.6);
    }

    .section-pt-xlarge {
        padding-top: calc(var(--section-xlarge) * 0.6);
    }

    .section-pb-xlarge {
        padding-bottom: calc(var(--section-xlarge) * 0.6);
    }

    .section-py-large {
        padding-top: calc(var(--section-large) * 0.6);
        padding-bottom: calc(var(--section-large) * 0.6);
    }

    .section-pt-large {
        padding-top: calc(var(--section-large) * 0.6);
    }

    .section-pb-large {
        padding-bottom: calc(var(--section-large) * 0.6);
    }

    .section-py-medium {
        padding-top: calc(var(--section-medium) * 0.6);
        padding-bottom: calc(var(--section-medium) * 0.6);
    }

    .section-pt-medium {
        padding-top: calc(var(--section-medium) * 0.6);
    }

    .section-pb-medium {
        padding-bottom: calc(var(--section-medium) * 0.6);
    }

    .section-py-small {
        padding-top: calc(var(--section-small) * 0.6);
        padding-bottom: calc(var(--section-small) * 0.6);
    }

    .section-pt-small {
        padding-top: calc(var(--section-small) * 0.6);
    }

    .section-pb-small {
        padding-bottom: calc(var(--section-small) * 0.6);
    }

    .section-py-xsmall {
        padding-top: calc(var(--section-xsmall) * 0.6);
        padding-bottom: calc(var(--section-xsmall) * 0.6);
    }

    .section-pt-xsmall {
        padding-top: calc(var(--section-xsmall) * 0.6);
    }

    .section-pb-xsmall {
        padding-bottom: calc(var(--section-xsmall) * 0.6);
    }
}

/*========== カラー ==========*/
/*テキスト*/
.rise-color-00 {
    color: var(--txt-color-00);
}

.rise-color-01 {
    display: inline-block;
    background: var(--back-color-03);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}

.rise-color-02 {
    color: var(--txt-color-02);
}

.rise-color-03 {
    color: var(--txt-color-08);
}

.rise-color-04 {
    color: var(--txt-color-09);
}

.rise-color-05 {
    color: var(--txt-color-10);
}

/*背景色*/
.rise-back-00 {
    background: var(--back-color-00);
}

.rise-back-01 {
    background: var(--back-color-01);
}

.rise-back-02 {
    background: var(--back-color-03);
}

.rise-back-03 {
    background: var(--back-color-04);
}

.rise-back-04 {
    background: var(--back-color-06);
}

.rise-back-05 {
    background: var(--back-color-07);
}

.rise-back-06 {
    background: var(--back-color-08);
}

.rise-back-07 {
    background: var(--back-color-09);
}

.rise-back-08 {
    background: var(--back-color-10);
}

/*========== 見出し ==========*/
[class*="rise-ttl-"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
}

.rise-ttl-01 .ttl-main {
    font-weight: 600;
    font-size: 26px;
    color: var(--txt-color-02);
    font-style: oblique;
    text-align: center;
}

.rise-ttl-01 .ttl-sub {
    font-size: 12px;
    color: var(--txt-color-04);
    font-style: oblique;
    text-align: center;
}

.rise-ttl-02 .ttl-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
}

.rise-ttl-02 .ttl-main {
    padding-right: 10px;
    font-weight: 600;
    font-size: 40px;
    font-style: oblique;
    text-align: center;
    background: var(--back-color-03);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}

.rise-ttl-02 .ttl-sub {
    margin: 0 20px;
    font-size: 14px;
    color: var(--txt-color-04);
    font-style: oblique;
    text-align: center;
}

.rise-ttl-03 .ttl-main {
    padding: 20px 40px;
    font-weight: 600;
    font-size: 22px;
    letter-spacing: 1px;
    text-align: center;
    position: relative;
    z-index: 0;
}

.rise-ttl-03 .ttl-main:before {
    content: "「";
    display: inline-block;
    font-weight: 400;
    font-size: 36px;
    color: var(--txt-color-02);
    position: absolute;
    top: 0;
    left: -10px;
}

.rise-ttl-03 .ttl-main:after {
    content: "」";
    display: inline-block;
    font-weight: 400;
    font-size: 36px;
    color: var(--txt-color-02);
    position: absolute;
    bottom: 0;
    right: -10px;
}

.rise-ttl-04 .ttl-inner {
    margin: 0 200px;
    position: relative;
    z-index: 0;
}

.rise-ttl-04 .ttl-main {
    font-weight: 500;
    font-size: 30px;
    color: var(--txt-color-05);
    letter-spacing: 3px;
    text-align: center;
}

.rise-ttl-04 .ttl-sub {
    font-family: var(--txt-font-01);
    font-size: 30px;
    color: #d8dbdb;
    white-space: nowrap;
    opacity: 0.7;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-12deg);
    position: absolute;
    top: -5px;
    left: calc(100% + 40px);
}

.rise-ttl-05 .ttl-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
}

.rise-ttl-05 .ttl-main {
    padding-right: 10px;
    font-weight: 600;
    font-size: 30px;
    color: var(--txt-color-00);
    font-style: oblique;
    text-align: center;
}

.rise-ttl-05 .ttl-sub {
    margin: 0 20px;
    font-size: 14px;
    color: var(--txt-color-04);
    font-style: oblique;
    text-align: center;
}

.rise-ttl-06 .ttl-main {
    font-weight: 500;
    font-size: 30px;
    color: var(--txt-color-02);
    letter-spacing: 3px;
    text-align: center;
}

.rise-ttl-07 .ttl-main {
    font-weight: 500;
    font-size: 30px;
    color: var(--txt-color-00);
    letter-spacing: 3px;
    text-align: center;
}

.rise-ttl-08 .ttl-main {
    padding-bottom: 10px;
    font-size: 22px;
    position: relative;
    z-index: 0;
}

.rise-ttl-08 .ttl-main:after {
    content: "";
    width: 0;
    height: 2px;
    background: var(--back-color-03);
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    position: absolute;
    bottom: 0;
    left: 0;
}

.rise-ttl-08 .ttl-main.mv:after {
    width: 80%;
}

.rise-ttl-09 .ttl-main {
    font-size: 30px;
}

.rise-ttl-09 .ttl-main .em {
    font-weight: 600;
    font-size: 160%;
    text-align: center;
    background: var(--back-color-03);
    -webkit-background-clip: text;
    position: relative;

    -webkit-text-fill-color: transparent;
}

.rise-ttl-09 .ttl-main .num {
    display: inline-block;
    padding-right: 10px;
    font-style: oblique;
}

.rise-ttl-10 .ttl-main {
    font-size: 22px;
    letter-spacing: 2px;
}

.rise-ttl-10 .ttl-sub {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 2px 15px;
    font-size: 16px;
    color: #fff;
    background: var(--back-color-03);
}

.rise-ttl-11 .ttl-main {
    font-weight: 600;
    font-size: 20px;
    font-style: oblique;
    background: var(--back-color-03);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}

.rise-ttl-11 .ttl-main:before {
    content: "\f303";
    margin-right: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px;
}

.rise-ttl-12 .ttl-main {
    padding: 5px 20px;
    font-size: 18px;
    background: var(--back-color-00);
}

.rise-ttl-13 .ttl-main {
    font-weight: 700;
    font-size: 26px;
    letter-spacing: 2px;
}

.rise-ttl-13.ttl-fz-small .ttl-main {
    font-size: 22px;
}

.rise-ttl-14 .ttl-main {
    padding: 5px 20px;
    font-size: 28px;
    color: #fff;
    position: relative;
}

.rise-ttl-14 .ttl-main:before {
    content: "";
    width: 0;
    height: 100%;
    background: var(--back-color-03);
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.rise-ttl-14 .ttl-main.mv:before {
    width: 100%;
}

@media (max-width: 1024px) {
    .rise-ttl-02 .ttl-sub {
        margin: 0 10px;
    }

    .rise-ttl-02 .ttl-main {
        font-size: 30px;
    }

    .rise-ttl-07 .ttl-main {
        font-size: 22px;
    }

    .rise-ttl-09 .ttl-main {
        font-size: 24px;
    }

    .rise-ttl-10 .ttl-main {
        font-size: 20px;
    }

    .rise-ttl-14 .ttl-main {
        font-size: 24px;
    }
}

@media (max-width: 599px) {
    .rise-ttl-02 .ttl-main {
        font-size: 20px;
    }

    .rise-ttl-02.rise-pattern-01 {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .rise-ttl-02.rise-pattern-01 .ttl-main {
        width: 100%;
        text-align: left;
    }

    .rise-ttl-02.rise-pattern-01 .ttl-sub {
        width: 100%;
        margin: 0;
        text-align: left;
    }

    .rise-ttl-02[class*="ttl-left"] .ttl-sub {
        margin: 0;
        text-align: left;
    }

    .rise-ttl-03 .ttl-main {
        padding: 20px 30px;
        font-size: 18px;
        text-align: left;
    }

    .rise-ttl-04 .ttl-inner {
        margin: 0 0px;
    }

    .rise-ttl-04 .ttl-main {
        font-size: 22px;
    }

    .rise-ttl-04 .ttl-sub {
        font-size: 20px;
        top: -25px;
        left: calc(100% + 0px);
    }

    .rise-ttl-05 .ttl-main {
        font-size: 22px;
    }

    .rise-ttl-06 .ttl-main {
        font-size: 18px;
    }

    .rise-ttl-08 .ttl-main {
        font-size: 18px;
    }

    .rise-ttl-08 .ttl-main.mv:after {
        width: 85%;
    }

    .rise-ttl-09 .ttl-main {
        font-size: 22px;
    }

    .rise-ttl-09 .ttl-main .em {
        font-size: 120%;
    }

    .rise-ttl-11 .ttl-main {
        font-size: 18px;
    }

    .rise-ttl-13.ttl-fz-small .ttl-main {
        font-size: 18px;
    }

    .rise-ttl-14 .ttl-main {
        font-size: 18px;
    }
}

/*見出し上書き用*/
.ttl-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.ttl-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.ttl-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ttl-mb-xlarge {
    margin-bottom: 50px;
}

.ttl-mb-large {
    margin-bottom: 40px;
}

.ttl-mb-medium {
    margin-bottom: 30px;
}

.ttl-mb-small {
    margin-bottom: 20px;
}

.ttl-mb-xsmall {
    margin-bottom: 10px;
}

.ttl-mb-none {
    margin-bottom: 0;
}

@media (max-width: 1024px) {
    .ttl-left\@tb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .ttl-right\@tb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .ttl-center\@tb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 599px) {
    .ttl-left\@sp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .ttl-right\@sp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .ttl-center\@sp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

/*記事用見出し*/
.rise-detail-01 h2 {
    margin-top: 40px;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 26px;
    font-style: oblique;
    text-align: center;
    background: var(--back-color-03);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}

.rise-detail-01 h3 {
    margin-top: 40px;
    margin-bottom: 10px;
    padding: 8px 15px;
    font-size: 22px;
    color: #fff;
    background: var(--back-color-03);
}

.rise-detail-01 h4 {
    display: inline-block;
    margin-top: 40px;
    padding-bottom: 10px;
    font-size: 20px;
    position: relative;
    z-index: 0;
}

.rise-detail-01 h4:after {
    content: "";
    width: 80%;
    height: 2px;
    background: var(--back-color-03);
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    position: absolute;
    bottom: 0;
    left: 0;
}

@media (max-width: 599px) {
    .rise-detail-01 h2 {
        margin-top: 30px;
        font-size: 22px;
    }

    .rise-detail-01 h3 {
        margin-top: 30px;
        font-size: 20px;
    }

    .rise-detail-01 h4 {
        margin-top: 30px;
        font-size: 18px;
    }
}

/*========== ボタン ==========*/
[class*="rise-btn-"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
    ;
}

.rise-btn-01 .btn-inner>* {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 2px;
}

.rise-btn-01 .btn-inner>*:after {
    content: "\f061";
    margin-left: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    color: var(--txt-color-02);
}

.rise-btn-02 .btn-inner>* {
    width: 300px;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 12px 10px 12px 10px;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 2px;
    text-align: center;
    border: 4px solid transparent;
    background: var(--back-color-03);
    background-size: calc(100% + 8px) calc(100% + 8px);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 0;
}

.rise-btn-02.btn-fz-small .btn-inner>* {
    font-size: 14px;
}

.rise-btn-02 .btn-inner>*:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.rise-btn-02 .btn-inner>*:hover {
    color: #fff;
    opacity: 1;
}

.rise-btn-02 .btn-inner>*:hover:before {
    width: 0;
}

.rise-btn-02 .btn-inner>*:after {
    content: "\f061";
    margin-left: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--txt-color-02);
}

.rise-btn-02.btn-pdf .btn-inner>*:after {
    content: "\f1c1";
    font-size: 16px;
}

.rise-btn-02.btn-arrow-none .btn-inner>*:after {
    display: none;
}

.rise-btn-02 .btn-inner>*:hover:after {
    color: #fff;
}

.rise-btn-03 .btn-inner>* {
    width: 400px;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 20px 10px 20px 10px;
    font-weight: 600;
    font-size: 18px;
    color: var(--txt-color-00);
    letter-spacing: 2px;
    text-align: center;
    border: 4px solid transparent;
    background: var(--back-color-03);
    background-size: calc(100% + 8px) calc(100% + 8px);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 0;
}

.rise-btn-03 .btn-inner>*:before {
    content: "";
    width: 0;
    height: 100%;
    background: #fff;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.rise-btn-03 .btn-inner>*:hover {
    color: var(--txt-color-01);
    opacity: 1;
}

.rise-btn-03 .btn-inner>*:hover:before {
    width: 100%;
}

.rise-btn-03 .btn-inner>*:after {
    content: "\f061";
    margin-left: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--txt-color-05);
}

.rise-btn-03 .btn-inner>*:hover:after {
    color: var(--txt-color-01);
}

.rise-btn-03.btn-arrow-none .btn-inner>*:after {
    display: none;
}

.rise-btn-04 .btn-inner>* {
    font-weight: 600;
    font-size: 14px;
    color: var(--txt-color-00);
    letter-spacing: 2px;
    ;
}

.rise-btn-04 .btn-inner>*:after {
    content: "\f061";
    margin-left: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    color: var(--txt-color-05);
}

.rise-btn-05 .btn-inner>* {
    width: 400px;
    max-width: 100%;
    display: block;
    overflow: hidden;
    padding: 20px 10px 20px 10px;
    font-weight: 600;
    font-size: 18px;
    color: var(--txt-color-00);
    letter-spacing: 2px;
    text-align: center;
    border: 2px solid var(--back-color-00);
    background: transparent;
    background-size: calc(100% + 8px) calc(100% + 8px);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 0;
}

.rise-btn-05 .btn-inner>*:before {
    content: "";
    width: 0;
    height: 100%;
    background: #fff;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.rise-btn-05 .btn-inner>*:hover {
    color: var(--txt-color-01);
    opacity: 1;
}

.rise-btn-05 .btn-inner>*:hover:before {
    width: 100%;
}

.rise-btn-05 .btn-inner>*:after {
    content: "\f061";
    margin-left: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--txt-color-05);
}

@media (max-width: 1024px) {
    .rise-btn-03 .btn-inner>* {
        width: 300px;
        padding: 15px 10px 15px 10px;
    }

    .rise-btn-05 .btn-inner>* {
        width: 300px;
        font-size: 16px;
    }
}

@media (max-width: 599px) {
    .rise-btn-01 .btn-inner>*:after {
        margin-left: 0;
    }

    .rise-btn-03 .btn-inner>* {
        font-size: 16px;
    }
}

/*ボタン上書き用*/
.btn-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.btn-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.btn-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn-mt-xlarge {
    margin-top: 50px;
}

.btn-mt-large {
    margin-top: 40px;
}

.btn-mt-medium {
    margin-top: 30px;
}

.btn-mt-small {
    margin-top: 20px;
}

.btn-mt-xsmall {
    margin-top: 10px;
}

.btn-mt-none {
    margin-top: 0;
}

@media (max-width: 1024px) {
    .btn-left\@tb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .btn-right\@tb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .btn-center\@tb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .btn-mt-xlarge\@tb {
        margin-top: 50px;
    }

    .btn-mt-large\@tb {
        margin-top: 40px;
    }

    .btn-mt-medium\@tb {
        margin-top: 30px;
    }

    .btn-mt-small\@tb {
        margin-top: 20px;
    }

    .btn-mt-xsmall\@tb {
        margin-top: 10px;
    }

    .btn-mt-none\@tb {
        margin-top: 0;
    }
}

@media (max-width: 599px) {
    .btn-left\@sp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .btn-right\@sp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .btn-center\@sp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .btn-mt-xlarge\@sp {
        margin-top: 50px;
    }

    .btn-mt-large\@sp {
        margin-top: 40px;
    }

    .btn-mt-medium\@sp {
        margin-top: 30px;
    }

    .btn-mt-small\@sp {
        margin-top: 20px;
    }

    .btn-mt-xsmall\@sp {
        margin-top: 10px;
    }

    .btn-mt-none\@sp {
        margin-top: 0;
    }
}

/*========== メインビジュアル ==========*/
/* TOP */
.rise-mainimg-01 {
    position: relative;
    z-index: 0;
}

.rise-mainimg-01 .pic {
    width: 80%;
    margin-left: auto;
}

.rise-mainimg-01 img {
    width: 100%;
}

.rise-mainimg-01 .uk-slidenav-position {
    overflow: hidden;
    position: relative;
}

.rise-mainimg-01 .uk-slidenav-position:after {
    content: "";
    display: block;
    padding-top: 60%;
}

.rise-mainimg-01 .uk-slidenav-position li:before {
    content: "";
    width: 30%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg, rgba(255, 255, 255, 1)0%, rgba(255, 255, 255, 0.8)50%, rgba(255, 255, 255, 0)100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.rise-mainimg-01 .uk-slideshow {
    width: 100%;
    height: 100% !important;
    position: absolute;
    top: 0;
}

.rise-mainimg-01 .uk-slideshow li {
    height: 100% !important;
}

[data-element-id] .uk-slideshow li {
    opacity: 1;
}

.rise-mainimg-01 .uk-slideshow .uk-flex {
    height: 100%;
}

.rise-mainimg-01 .uk-slideshow img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

.rise-mainimg-01 .catch {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 5%;
    z-index: 1;
}

.rise-mainimg-01 .catch .sub {
    margin-bottom: 5px;
    font-family: var(--txt-font-01);
    font-size: 50px;
    color: #d8dbdb;
    opacity: 0.7;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
}

.rise-mainimg-01 .catch .txt {
    font-weight: bold;
    font-size: 60px;
    font-style: oblique;
}

@media (max-width: 1024px) {
    .rise-mainimg-01 .catch {
        left: 3%;
    }

    .rise-mainimg-01 .catch .sub {
        font-size: 30px;
    }

    .rise-mainimg-01 .catch .txt {
        font-size: 40px;
    }
}

@media (max-width: 599px) {
    .rise-mainimg-01 .uk-slidenav-position:after {
        padding-top: 120%;
    }

    .rise-mainimg-01 .uk-slidenav-position:before {
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 1)), color-stop(20%, rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
        background: linear-gradient(90deg, rgba(255, 255, 255, 1)0%, rgba(255, 255, 255, 0.8)20%, rgba(255, 255, 255, 0)100%);
    }

    .rise-mainimg-01 .catch {
        -webkit-transform: inherit;
        transform: inherit;
        top: auto;
        bottom: 5%;
        left: 5%;
    }

    .rise-mainimg-01 .catch .sub {
        font-size: 20px;
    }

    .rise-mainimg-01 .catch .txt {
        font-size: 22px;
    }
}

/*下層メインビジュアル*/
.rise-lowerimg-01 {
    position: relative;
    z-index: 0;
}

.rise-lowerimg-01 .pic {
    position: relative;
}

.rise-lowerimg-01 .pic:before {
    content: "";
    display: block;
    padding-top: 30%;
}

.rise-lowerimg-01 img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.rise-lowerimg-01 .catch {
    position: absolute;
    bottom: 10%;
    left: 5%;
    z-index: 0;
}

.rise-lowerimg-01 .catch .txt {
    font-weight: 500;
    font-size: 40px;
}

@media (max-width: 1024px) {
    .rise-lowerimg-01 .catch .txt {
        font-size: 30px;
    }
}

@media (max-width: 599px) {
    .rise-lowerimg-01 .pic:before {
        padding-top: 40%;
    }

    .rise-lowerimg-01 .catch {
        left: 3%;
    }

    .rise-lowerimg-01 .catch .txt {
        font-size: 22px;
    }
}

/*========== ヘッダー ==========*/
/*rise-h1-01*/
.rise-h1-01 {
    width: calc(100% - 420px);
    font-size: 12px;
    position: absolute;
    top: 5px;
    z-index: 1;
}

[data-element-id] .rise-h1-01 {
    padding: 30px 0 60px;
    position: relative;
}

@media (max-width: 1024px) {
    .rise-h1-01 {
        width: 100%;
    }
}

/*rise-overlay-01*/
.rise-overlay-01 {
    width: 100%;
    height: 100%;
    display: none;
    background: rgb(0 0 0 / 60%);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 98;

    -ms-touch-action: none;
    touch-action: none;
}

.rise-overlay-01.active {
    display: block;
}

/*rise-hun-01*/
body.hidden {
    overflow: hidden;
}

body.hidden {
    overflow: hidden;
}

body.hidden .rise-h1-01,
body.hidden .rise-header-inner-01,
body.hidden .main,
body.hidden .footer {
    -webkit-filter: blur(2px);
    filter: blur(2px);
}

.rise-hun-01 {
    width: 60px;
    margin-left: 30px;
    position: relative;
    z-index: 0;
}

.rise-hun-01 .bar {
    width: 100%;
    height: 2px;
    background: var(--back-color-02);
    position: absolute;
    top: 30px;
}

.rise-hun-01 .bar:before {
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    background: var(--back-color-02);
    position: absolute;
    left: 0;
}

.rise-hun-01 .bar:before {
    top: -15px;
}

.rise-hun-01 .txt {
    width: 100%;
    font-weight: 600;
    font-size: 13px;
    color: var(--txt-color-02);
    letter-spacing: 1px;
    text-align: center;
    white-space: nowrap;
    position: absolute;
    bottom: 5px;
    left: 0;
}

@media (max-width: 1024px) {
    .rise-hun-01 {
        width: 70px;
        margin-left: 0;
        background: #fff;
    }

    .rise-hun-01 .bar {
        width: 70%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
    }
}

@media (max-width: 599px) {
    .rise-hun-01 {
        width: 60px;
    }

    .rise-hun-01 .bar {
        top: 25px;
    }
}

/*rise-header-logo-01*/
.rise-header-logo-01 img {
    max-width: 275px;
}

@media (max-width: 1024px) {
    .rise-header-logo-01 {
        display: none;
    }
}

/*rise-header-inner-01*/
.rise-header-inner-01 {
    width: 92%;
    max-width: 1200px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 97;
}

[data-element-id] .rise-header-inner-01 {
    position: relative;
}

.rise-header-inner-01 .left {
    width: 300px;
    margin-top: 30px;
}

@media (max-width: 1024px) {
    .rise-header-inner-01 {
        -webkit-transform: inherit;
        transform: inherit;
        position: relative;
        left: 0;
    }

    .rise-header-inner-01 .left {
        width: auto;
        margin-top: 0;
        position: absolute;
        top: 35px;
        left: 20px;
    }

    .rise-header-inner-01 .right {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
    }
}

/*rise-gnav-01*/
.rise-gnav-01 {
    width: 60%;
    height: 100%;
    overflow-y: scroll;
    padding: 30px 50px;
    background: var(--back-color-03);
    -webkit-transition: ease 0.4s;
    transition: ease 0.4s;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99;
}

[data-element-id] .rise-gnav-01 {
    margin-bottom: 60px;
    -webkit-transform: inherit;
    transform: inherit;
    position: relative;
}

.rise-gnav-01.active {
    -webkit-box-shadow: -2px 0px 15px -5px #000;
    box-shadow: -2px 0px 25px -5px #a7a7a7;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.rise-gnav-01 .close {
    width: 50px;
    height: 50px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 0;
}

.rise-gnav-01 .close:before {
    content: "";
    width: 100%;
    height: 2px;
    background: var(--back-color-00);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
}

.rise-gnav-01 .close:after {
    content: "";
    width: 2px;
    height: 100%;
    background: var(--back-color-00);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    left: 50%;
}

.rise-gnav-01 .close .txt {
    margin-top: -10px;
    font-weight: 600;
    font-size: 13px;
    color: #fff;
    white-space: nowrap;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 100%;
    left: 50%;
}

.rise-gnav-01 .logo img {
    max-width: 275px;
}

.rise-gnav-01 .info {
    margin-top: 10px;
    font-size: 14px;
}

.rise-gnav-01 .list+.list {
    margin-top: 10px;
}

.rise-gnav-01 .list>ul+ul {
    margin-top: 10px;
}

.rise-gnav-01 .list li {
    position: relative;
}

.rise-gnav-01 .list>ul>li+li {
    margin-top: 10px;
}

.rise-gnav-01 .list>ul>li>*:not(ul) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    align-items: baseline;
    -ms-flex-align: baseline;
}

.rise-gnav-01 .list .tit {
    padding-right: 10px;
    font-weight: 600;
    font-size: 24px;
    color: var(--txt-color-00);
    font-style: oblique;
}

.rise-gnav-01 .list .sub {
    font-size: 14px;
    color: var(--txt-color-04);
    font-style: oblique;
    text-align: center;
}

.rise-gnav-01 .list li ul {
    padding-top: 5px;
    padding-left: 30px;
}

.rise-gnav-01 .list li li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
}

.rise-gnav-01 .list li li+li {
    margin-top: 10px;
}

.rise-gnav-01 .list li li:before {
    content: "";
    width: 10px;
    height: 1px;
    margin-right: 5px;
    background: var(--back-color-00);
}

.rise-gnav-01 .list li li:after {
    content: "";
    width: 1px;
    height: 100%;
    background: var(--back-color-00);
    position: absolute;
    position: absolute;
    top: 0;
    left: 0;
}

.rise-gnav-01 .list li li+li:after {
    height: calc(100% + 10px);
    top: auto;
    bottom: 0;
}

.rise-gnav-01 .list li li:last-of-type:after {
    height: calc(50% + 10px);
    top: -10px;
    bottom: auto;
}

.rise-gnav-01 .list li li a {
    font-size: 14px;
}

@media (max-width: 1024px) {
    .rise-gnav-01 {
        width: 80%;
    }
}

@media (max-width: 599px) {
    .rise-gnav-01 {
        width: 92%;
        padding: 30px 20px;
    }

    .rise-gnav-01 .logo {
        padding-right: 40px;
    }

    .rise-gnav-01 .logo img {
        max-width: 170px;
    }

    .rise-gnav-01 .close {
        width: 40px;
        height: 40px;
        top: 20px;
        right: 30px;
    }

    .rise-gnav-01 .close .txt {
        margin-top: -12px;
        font-size: 12px;
        left: 40%;
    }

    .rise-gnav-01 .info {
        margin-top: 10px;
        font-size: 12px;
    }

    .rise-gnav-01 .list .tit {
        width: 100%;
        font-size: 20px;
    }

    .rise-gnav-01 .list .sub {
        width: 100%;
        font-size: 12px;
        text-align: left;
    }

    .rise-gnav-01 .list li ul {
        padding-left: 20px;
    }
}

/*rise-fixed-01*/
.rise-fixed-01 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.rise-fixed-01 li+li {
    margin-left: 10px;
}

.rise-fixed-01 li div {
    height: 100%;
}

.rise-fixed-01 li a {
    width: 160px;
    max-width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px 5px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
}

.rise-fixed-01 li:nth-of-type(1) a {
    color: var(--txt-color-00);
    background: var(--back-color-02);
}

.rise-fixed-01 li:nth-of-type(2) a {
    color: var(--txt-color-02);
    background: var(--back-color-00);
}

.rise-fixed-01 li .ab-test a {
    color: var(--txt-color-00);
    background: var(--back-color-12);
}

@media (max-width: 1024px) {
    .rise-fixed-01 {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .rise-fixed-01 li {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .rise-fixed-01 li+li {
        margin-left: 0;
    }

    .rise-fixed-01 li a {
        width: 100%;
    }
}

@media (max-width: 599px) {
    .rise-fixed-01 li a {
        padding: 10px 5px;
    }
}

/*========== フッター ==========*/
.rise-footer-01 .left {
    padding-right: 80px;
}

.rise-footer-01 .right {
    padding: 50px 0px 50px 80px;
    position: relative;
}

.rise-footer-01 .right:after {
    content: "";
    width: 1px;
    height: 100%;
    border-left: 2px solid var(--boder-color-01);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
}

.rise-footer-01 .txtbox .txt {
    margin-bottom: 10px;
}

.rise-footer-01 .txtbox .logo {
    margin-bottom: 30px;
}

.rise-footer-nav-01 li {
    margin-bottom: 20px;
    margin-right: 20px;
}

.rise-footer-nav-01 a {
    font-weight: 600;
    font-size: 15px;
}

.rise-footer-logo-01 img {
    max-width: 275px;
}

.rise-copy-01 {
    margin-top: 40px;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
}

@media (max-width: 1024px) {
    .rise-footer-01 .left {
        padding: 0;
    }

    .rise-footer-01 .right {
        margin-top: 30px;
        padding-top: 30px;
        padding-bottom: 0;
        padding-left: 0;
    }

    .rise-footer-01 .right:after {
        width: 80%;
        height: 1px;
        border-top: 2px solid var(--boder-color-01);
        border-left: none;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 0;
        left: 50%;
    }

    .rise-copy-01 {
        margin-bottom: 50px;
    }
}

@media (max-width: 599px) {
    .rise-footer-01 .txtbox .logo {
        margin-bottom: 20px;
    }

    .rise-footer-logo-01 img {
        max-width: 170px;
    }

    .rise-footer-nav-01 li {
        width: 48%;
        margin-bottom: 10px;
        margin-right: 0;
    }

    .rise-footer-nav-01 a {
        font-size: 14px;
    }
}

/*パンクズリスト*/
.rise-pankuzu-01 li {
    display: inline-block;
}

.rise-pankuzu-01 li+li:before {
    content: "＞";
    margin: 0 5px;
    color: var(--txt-color-06);
}

@media (max-width: 599px) {
    .rise-pankuzu-01 li {
        font-size: 13px;
    }
}

/*カテゴリー*/
.rise-cate-01 .tit {
    padding: 5px;
    color: var(--txt-color-02);
    text-align: center;
    background: var(--back-color-01);
}

.rise-cate-01 .tit:before {
    margin-right: 10px;
}

.rise-cate-01 .tit:after {
    margin-left: 10px;
}

.rise-cate-01 li a,
.archive-item a {
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    padding: 10px 20px 10px 20px;
    text-align: center;
    text-align: left;
    border-bottom: 2px solid transparent;
    background: var(--back-color-03);
    background-size: calc(100% + 8px) calc(100% + 8px);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 0;
}

.rise-cate-01 li a:hover,
.archive-item a:hover {
    color: var(--txt-color-00);
}

.rise-cate-01 li a:before,
.archive-item a::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.rise-cate-01 li a:hover:before,
.archive-item a:hover::before {
    width: 0;
}

@media (max-width: 599px) {

    .rise-cate-01 li a,
    .archive-item a {
        padding: 8px 10px 8px 10px;
        font-size: 15px;
    }
}

/*ページャー*/
/*rise-pager-01*/
.rise-pager-01 li+li {
    margin-left: 20px;
}

.rise-pager-01 li>* {
    width: 40px;
    height: 40px;
    display: block;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
}

.rise-pager-01 li.now>* {
    color: var(--txt-color-00);
    background: var(--back-color-03);
}

.rise-pager-01 li.prev>*:before {
    content: "\f053";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.rise-pager-01 li.next>*:before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

/*rise-pager-02*/
.rise-pager-02 .prev {
    margin-right: 30px;
}

.rise-pager-02 .prev>*:before {
    content: "\f060";
    margin-right: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.rise-pager-02 .next {
    margin-left: 30px;
}

.rise-pager-02 .next>*:after {
    content: "\f061";
    margin-left: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

@media (max-width: 599px) {
    .rise-pager-02 ul {
        max-width: 300px;
        margin: 0 auto;
    }

    .rise-pager-02 .prev,
    .rise-pager-02 .next {
        width: calc(50% - 30px);
        text-align: center;
    }

    .rise-pager-02 .prev {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .rise-pager-02 .next {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .rise-pager-02 .btn {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-top: 20px;
    }
}

/*タブ切り替え*/
.tab-item {
    height: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.tab-item.active {
    height: 100%;
    visibility: visible;
    opacity: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

[data-element-id] .tab-item {
    height: auto;
    display: block;
    counter-increment: tab;
    visibility: visible;
    margin-bottom: 30px;
    border: solid 5px blue;
    opacity: 1;
}

[data-element-id] .tab-item:before {
    content: counter(tab)"個目のタブ";
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: blue;
}

.rise-tab-01 {
    padding: 30px 0 10px;
}

.rise-tab-01 li>* {
    display: block;
    overflow: hidden;
    padding: 20px 10px 20px 10px;
    font-weight: 600;
    font-size: 18px;
    color: var(--txt-color-00);
    letter-spacing: 2px;
    text-align: center;
    border: 4px solid transparent;
    border-radius: 50px;
    background: var(--back-color-03);
    background-size: calc(100% + 8px) calc(100% + 8px);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 0;
}

.rise-tab-01 li>*:hover,
.rise-tab-01 li.active>* {
    color: var(--txt-color-01);
    opacity: 1;
    cursor: pointer;
}

.rise-tab-01 li>*:before {
    content: "";
    width: 0;
    height: 100%;
    background: #fff;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.rise-tab-01 li>*:hover:before,
.rise-tab-01 li.active>*:before {
    width: 100%;
}

@media (max-width: 599px) {
    .rise-tab-01 li>* {
        padding: 10px;
        font-size: 16px;
    }
}

/*========== コンテンツ ==========*/
/*rise-backimg*/
/*rise-backimg-01*/
.rise-backimg-01 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.rise-backimg-01.backimg-pattern-01 {
    background: rgb(0 67 55);
}

.rise-backimg-01.backimg-pattern-01 img {
    opacity: 0.5;
}

/*rise-explanation*/
/*rise-explanation-01*/
.rise-explanation-01 .txtbox .txt {
    line-height: 2;
    text-align: center;
}

.rise-explanation-02 .txtbox .txt {
    line-height: 2;
    text-align: left;
}

.rise-explanation-03 .txtbox .txt {
    font-size: 14px;
    line-height: 1.8;
    text-align: left;
}

.rise-explanation-04 .txtbox .txt {
    font-size: 15px;
    line-height: 1.8;
}

@media (max-width: 599px) {
    .rise-explanation-01 .txtbox .txt {
        text-align: left;
    }

    .rise-explanation-01.txt-ta-center\@sp .txtbox .txt {
        text-align: center;
    }
}

/*rise-table-01*/
.rise-table-01 .table {
    width: 100%;
}

.rise-table-01 .table thead th {
    padding: 5px 10px;
    font-size: 18px;
    color: var(--txt-color-00);
    background: var(--back-color-02);
}

.rise-table-01 .table thead th:not(:last-of-type) {
    border-right: 1px solid;
}

.rise-table-01 .table tbody tr+tr {
    border-top: 1px solid var(--boder-color-01);
}

.rise-table-01 .table tbody tr>* {
    padding: 20px 10px;
    text-align: center;
    background: var(--back-color-00);
    ;
}

.rise-table-01 .table tbody tr th {
    background: var(--back-color-07);
}

.rise-table-01 .table tbody tr td {
    border-left: 1px solid var(--boder-color-01);
}

@media (max-width: 1024px) {
    .rise-table-01 .table tbody tr>* {
        padding: 10px 5px;
        font-size: 14px;
    }
}

@media (max-width: 599px) {
    .rise-table-01 .table thead th {
        font-size: 16px;
    }
}

/*rise-news*/
/*rise-news-01*/
.rise-news-01 {
    margin-top: -10%;
    margin-top: -10%;
    padding: 50px 0;
    position: relative;
    z-index: 0;
}

.rise-news-01>* {
    width: 80%;
    margin: 0 auto;
}

.rise-news-01 dl a {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid var(--boder-color-01);
}

.rise-news-01 .date {
    width: 110px;
    padding-right: 10px;
    font-size: 14px;
    color: var(--txt-color-04);
    letter-spacing: 1px;
}

.rise-news-01 .tit {
    width: calc(100% - 110px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1024px) {
    .rise-news-01 {
        margin-top: -2%;
    }

    .rise-news-01>* {
        width: 90%;
    }
}

@media (max-width: 599px) {
    .rise-news-01 .date {
        width: 100%;
        padding-right: 0;
    }

    .rise-news-01 .tit {
        width: 100%;
        margin-top: 5px;
    }
}

/*rise-about*/
/*rise-about-01*/
.rise-about-01 .left {
    width: 45%;
}

.rise-about-01 .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: calc(50% - 50vw);
}

.rise-about-01 .txtbox {
    margin-left: -40%;
    padding: 40px;
    position: relative;
    z-index: 1;
}

.rise-about-01 .txtbox .txt {
    line-height: 2;
}

@media (max-width: 1024px) {
    .rise-about-01 .txtbox {
        margin-left: -110%;
        padding: 30px;
        background: rgba(255, 255, 255, 0.7);
    }
}

@media (max-width: 599px) {
    .rise-about-01 .left {
        width: 100%;
    }

    .rise-about-01 .right {
        width: 100%;
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit;
        margin-left: 0;
    }

    .rise-about-01 .txtbox {
        margin-left: 0;
        padding: 10px 0px 20px;
    }
}

/*rise-about-02*/
.rise-about-02 .left {
    width: 45%;
}

.rise-about-02 .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: calc(50% - 50vw);
}

.rise-about-02 .txtbox {
    margin-right: -40%;
    padding: 40px;
    position: relative;
    z-index: 1;
}

.rise-about-02 .txtbox .txt {
    line-height: 2;
}

@media (max-width: 1024px) {
    .rise-about-02 .txtbox {
        margin-right: -110%;
        padding: 30px;
        background: rgba(255, 255, 255, 0.7);
    }
}

@media (max-width: 599px) {
    .rise-about-02 .left {
        width: 100%;
    }

    .rise-about-02 .right {
        width: 100%;
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit;
        margin-right: 0;
    }

    .rise-about-02 .txtbox {
        margin-right: 0;
        padding: 10px 0px 20px;
    }
}

/*rise-about-03*/
.rise-about-03 ul {
    width: 80%;
    margin: 0 auto;
}

.rise-about-03 .box {
    border-radius: 50%;
    background: var(--back-color-03);
    position: relative;
}

.rise-about-03 .box:after {
    content: "";
    display: block;
    padding-top: 100%;
}

.rise-about-03 .txtbox {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.rise-about-03 .txtbox .tit {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    text-align: center;
}

.rise-about-03 .txtbox .txt {
    font-size: 14px;
    text-align: center;
    text-align: center;
}

@media (max-width: 1024px) {
    .rise-about-03 ul {
        width: 100%;
    }

    .rise-about-03 .txtbox {
        padding: 10px;
    }

    .rise-about-03 .txtbox .tit {
        font-size: 16px;
    }
}

/*rise-about-04*/
.rise-about-04 li:nth-of-type(1) {
    width: 60%;
}

.rise-about-04 li:nth-of-type(1) .item,
.rise-about-04 li:nth-of-type(1) .pic {
    height: 100%;
}

.rise-about-04 li:nth-of-type(2) {
    width: 40%;
    padding-left: 10px;
}

.rise-about-04 li:nth-of-type(2) .item+.item {
    margin-top: 10px;
}

/*rise-about-05*/
.rise-about-05 li .item {
    padding: 0 30px;
}

.rise-about-05 .up-col-2 li:not(:nth-of-type(2n)) .item {
    border-right: 1px solid var(--boder-color-01);
}

.rise-about-05 .up-col-3 li:not(:nth-of-type(3n)) .item {
    border-right: 1px solid var(--boder-color-01);
}

.rise-about-05 .txtbox {
    margin-top: 10px;
}

.rise-about-05 .txtbox .txt {
    font-size: 15px;
    line-height: 1.8;
}

@media (max-width: 1024px) {
    .rise-about-05 .up-col-3 li:not(:nth-of-type(2n)) .item {
        border: none;
    }
}

@media (max-width: 599px) {
    .rise-about-05 li .item {
        padding: 0;
    }

    .rise-about-05 .up-col-2 li:not(:nth-of-type(2n)) .item,
    .rise-about-05 .up-col-3 li:not(:nth-of-type(2n)) .item {
        border: none;
    }
}

/*rise-about-06*/
.rise-about-06 .item {
    height: 100%;
    background: var(--back-color-00);
}

.rise-about-06 .txtbox {
    padding: 20px 20px 20px;
}

.rise-about-06 .txtbox .tit {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 18px;
}

.rise-about-06 .txtbox .txt {
    font-size: 15px;
    line-height: 1.8;
}

/*rise-course*/
/*rise-course-01*/
.rise-course-01 .pic {
    width: 80%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
}

.rise-course-01 .linklist {
    margin-top: 30px;
    text-align: center;
}

.rise-course-01 a {
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 1px solid;
}

.rise-course-01 .linklist>* {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 15px;
}

.rise-course-01 .linklist>*:not(:last-of-type):after {
    content: "／";
    margin-left: 5px;
    margin-right: 10px;
    color: var(--txt-color-02);
}

.rise-course-01 .txtbox {
    margin-top: 20px;
}

.rise-course-01 .txtbox .txt {
    line-height: 2;
    text-align: center;
}

@media (max-width: 599px) {
    .rise-course-01 .txtbox .txt {
        text-align: left;
    }
}

/*rise-experience*/
/*rise-experience-01*/
.rise-experience-01 li {
    position: relative;
    z-index: 0;
}

.rise-experience-01 li:not(:last-of-type):before {
    content: "＞";
    font-weight: 100;
    font-size: 22px;
    color: var(--txt-color-06);
    position: absolute;
    top: 50px;
    right: -10px;
    z-index: 0;
}

.rise-experience-01 .box {
    width: 120px;
    height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 10px;
    padding: 10px;
    border-radius: 50%;
    background: var(--back-color-00);
}

.rise-experience-01 .box .txt {
    font-weight: 500;
    font-size: 14px;
    color: var(--txt-color-06);
    font-style: oblique;
}

.rise-experience-01 .box .txt .em {
    font-weight: 600;
    font-size: 120%;
}

.rise-experience-01 .pic {
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
}

.rise-experience-01 .pic img {
    width: auto;
    max-width: 100%;
    height: initial !important;
    max-height: 100%;
}

.rise-experience-01 .txtbox .tit {
    margin-bottom: 5px;
    font-size: 18px;
    color: var(--txt-color-06);
    text-align: center;
}

.rise-experience-01 .txtbox .txt {
    font-size: 14px;
    text-align: center;
}

@media (max-width: 599px) {
    .rise-experience-01 li:not(:last-of-type) {
        margin-bottom: 5px;
        padding-bottom: 40px;
    }

    .rise-experience-01 li:not(:last-of-type):before {
        -webkit-transform: translateX(-50%) rotate(90deg);
        transform: translateX(-50%) rotate(90deg);
        top: auto;
        bottom: 0;
        left: 50%;
        right: auto;
    }
}

/*rise-banner*/
/*rise-banner-01*/
.rise-banner-01 a {
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: 20px 10px 20px 10px;
    text-align: center;
    border: 4px solid transparent;
    background: var(--back-color-03);
    background-size: calc(100% + 8px) calc(100% + 8px);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 0;
}

.rise-banner-01 a:hover {
    opacity: 1;
}

.rise-banner-01 a:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.rise-banner-01 a:hover:before {
    width: 0;
}

.rise-banner-01 a:after {
    content: "\f061";
    margin-left: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--txt-color-02);
}

.rise-banner-01 a:hover:after {
    color: #fff;
}

.rise-banner-01 .main-txt {
    padding-right: 10px;
    font-weight: 600;
    font-size: 30px;
    font-style: oblique;
    text-align: center;
    background: var(--back-color-03);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}

.rise-banner-01 a:hover .main-txt {
    background: var(--back-color-00);
    -webkit-background-clip: text;
}

.rise-banner-01 .sub-txt {
    margin: 0 20px;
}

.rise-banner-01 a:hover .sub-txt {
    color: var(--txt-color-00);
}

@media (max-width: 1024px) {
    .rise-banner-01 .main-txt {
        font-size: 26px;
    }

    .rise-banner-01 .sub-txt {
        margin: 0 10px;
    }
}

/*rise-banner-02*/
.rise-banner-02 a {
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: 40px 250px 40px 20px;
    text-align: center;
    border: 4px solid transparent;
    background: var(--back-color-03);
    background-size: calc(100% + 8px) calc(100% + 8px);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 0;
}

.rise-banner-02 a:hover {
    color: var(--txt-color-00);
    opacity: 1;
}

.rise-banner-02 a:before {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--back-color-01);
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.rise-banner-02 a:hover:before {
    width: 0;
}

.rise-banner-02 .pic {
    width: 250px;
    overflow: hidden;
    border-radius: 50%;
    position: absolute;
    right: -10px;
}

.rise-banner-02 .txtbox .tit {
    padding-right: 10px;
    font-weight: 600;
    font-size: 24px;
    font-style: oblique;
    text-align: center;
    background: var(--back-color-03);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}

.rise-banner-02 a:hover .txtbox .tit {
    background: var(--back-color-00);
    -webkit-background-clip: text;
}

.rise-banner-02 .txtbox .tit .em {
    font-size: 160%;
}

.rise-banner-02 .txtbox .txt {
    margin-left: 20px;
    font-weight: 700;
    font-size: 18px;
    line-height: 2;
}

@media (max-width: 1024px) {
    .rise-banner-02 .txtbox {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .rise-banner-02 .txtbox .txt {
        margin-top: 10px;
        margin-left: 0;
    }
}

@media (max-width: 599px) {
    .rise-banner-02 a {
        padding: 30px 20px 25px 20px;
    }

    .rise-banner-02 .txtbox .tit {
        padding-right: 100px;
        font-size: 18px;
    }

    .rise-banner-02 .txtbox .txt {
        margin-top: 30px;
        font-size: 16px;
        text-align: left;
    }

    .rise-banner-02 .pic {
        width: 130px;
        top: -10px;
        right: -10px;
    }

    .rise-banner-02 .txtbox .txt {
        font-size: 14px;
    }
}

/*rise-banner-03*/
.rise-banner-03 a {
    display: block;
    -webkit-box-shadow: 0px 3px 15px rgb(0 0 0 / 10%);
    box-shadow: 0px 3px 15px rgb(0 0 0 / 10%);
}

.rise-banner-03 .left {
    width: 30%;
}

.rise-banner-03 .right {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.rise-banner-03 .txtbox {
    height: 100%;
    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-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 30px;
}

.rise-banner-03 .pic {
    opacity: 0.8;
}

@media (max-width: 1024px) {
    .rise-banner-03 .left {
        width: 40%;
    }
}

@media (max-width: 599px) {
    .rise-banner-03 .left {
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.8);
        position: absolute;
        left: 0;
        z-index: 1;
    }
}

/*rise-blog*/
/*rise-blog-01*/
.rise-blog-01 .box {
    padding: 30px 40px 30px 0;
    position: relative;
}

.rise-blog-01 .box:after {
    content: "";
    width: 200%;
    height: 100%;
    background: var(--back-color-03);
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.rise-blog-01 .txtbox .txt {
    font-size: 14px;
    color: var(--back-color-00);
    line-height: 2;
}

@media (max-width: 599px) {
    .rise-blog-01 .box {
        padding: 40px 30px 40px 0;
    }
}

/*rise-blog-02*/
.rise-blog-02.hide-col-4 li:nth-of-type(n + 4) {
    display: none;
}

.rise-blog-02 .item {
    display: block;
    padding: 20px 20px;
}

.rise-blog-02 li:not(:last-of-type) .item {
    border-right: 1px solid var(--boder-color-01);
}

.rise-blog-02 .pic {
    padding-right: 10px;
    position: relative;
}

.rise-blog-02 .pic a:hover {
    opacity: 1;
}

.rise-blog-02 .name {
    padding: 5px 2px;
    font-size: 14px;
    color: var(--txt-color-00);
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    background: var(--back-color-02);
    position: absolute;
    top: -10px;
    right: -5px;
    z-index: 1;
}

.rise-blog-02 .name:before {
    content: "\f303";
    margin-bottom: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
}

.rise-blog-02 .txtbox {
    margin-top: 20px;
}

.rise-blog-02 .day {
    margin-bottom: 10px;
    font-size: 14px;
}

.rise-blog-02 .tit {
    overflow: hidden;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rise-blog-02 .txt {
    height: calc(14px * 4.8);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.6;

    -webkit-line-clamp: 3;
}

@media (max-width: 599px) {
    .rise-blog-02 .item {
        padding: 10px 10px;
    }

    .rise-blog-02.hide-col-4 li:nth-of-type(n + 4) {
        display: block;
    }

    .rise-blog-02 li:nth-of-type(even) .item {
        border-right: none;
    }

    .rise-blog-02 .name {
        font-size: 13px;
        top: -5px;
        right: 0px;
    }

    .rise-blog-02 .txtbox {
        margin-top: 10px;
    }

    .rise-blog-02 .day {
        margin-bottom: 5px;
        font-size: 12px;
    }

    .rise-blog-02 .tit {
        font-size: 14px;
    }
}

/*rise-blog-03 */
.rise-blog-03 .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.rise-blog-03 .left {
    width: 40%;
}

.rise-blog-03 .right {
    width: 55%;
}

.rise-blog-03 .pic {
    position: relative;
}

.rise-blog-03 .name {
    padding: 5px 2px;
    font-size: 14px;
    color: var(--txt-color-00);
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    background: var(--back-color-02);
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
}

.rise-blog-03 .name:before {
    content: "\f303";
    margin-bottom: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
}

.rise-blog-03 .tit {
    overflow: hidden;
    font-weight: 700;
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rise-blog-03 .day {
    margin-bottom: 10px;
    font-size: 14px;
}

.rise-blog-03 .cate>* {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 2px 15px;
    font-size: 14px;
    color: #fff;
    background: var(--back-color-03);
}

.rise-blog-03 .cate {
    margin-bottom: 5px;
}

.rise-blog-03 .txt {
    height: calc(14px * 4.8);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.6;

    -webkit-line-clamp: 3;
}

@media (max-width: 1024px) {}

@media (max-width: 599px) {
    .rise-blog-03 .left {
        width: 100%;
    }

    .rise-blog-03 .right {
        width: 100%;
        margin-top: 10px;
    }

    .rise-blog-03 .name {
        height: 100%;
        padding: 5px 2px;
        font-size: 13px;
        top: 0;
        right: 0;
    }

    .rise-blog-03 .tit {
        font-size: 14px;
    }

    .rise-blog-03 .day {
        margin-bottom: 5px;
        font-size: 12px;
    }

    .rise-blog-03 .cate>* {
        padding: 2px 10px;
        font-size: 12px;
    }
}

/*rise-blog-04*/
.rise-blog-04 .box {
    padding: 60px 70px;
    -webkit-box-shadow: 0px 0px 5px rgb(0 0 0 / 9%);
    box-shadow: 0px 0px 5px rgb(0 0 0 / 9%);
}

.rise-blog-04 .day {
    margin-bottom: 20px;
    font-size: 14px;
}

.rise-blog-04 .catebox {
    margin-bottom: 15px;
}

.rise-blog-04 .name {
    display: inline-block;
    font-size: 14px;
}

.rise-blog-04 .name:before {
    content: "\f303";
    margin-right: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
}

.rise-blog-04 .name:after {
    content: "/";
    margin-left: 10px;
    margin-right: 5px;
    background: var(--back-color-03);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}

.rise-blog-04 .cate {
    display: inline-block;
}

.rise-blog-04 .cate>* {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 2px 15px;
    font-size: 14px;
    color: #fff;
    background: var(--back-color-03);
}

.rise-blog-04 .tit {
    margin-bottom: 20px;
    padding-bottom: 5px;
    font-size: 30px;
    border-bottom: 1px solid var(--boder-color-01);
}

@media (max-width: 1024px) {
    .rise-blog-04 .box {
        padding: 40px;
    }
}

@media (max-width: 599px) {
    .rise-blog-04 .box {
        padding: 20px;
    }

    .rise-blog-04 .tit {
        font-size: 24px;
    }
}

/*rise-exclusive*/
/*rise-exclusive-01*/
.rise-exclusive-01 a {
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    padding: 20px 10px 20px 10px;
    text-align: center;
    border: 4px solid transparent;
    background: var(--back-color-03);
    background-size: calc(100% + 8px) calc(100% + 8px);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 0;
}

.rise-exclusive-01 a:hover {
    opacity: 1;
}

.rise-exclusive-01 a:before {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--back-color-00);
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.rise-exclusive-01 a:hover:before {
    width: 0;
}

.rise-exclusive-01 a .txt {
    font-weight: 600;
}

.rise-exclusive-01 a:hover .txt {
    color: var(--txt-color-00);
}

.rise-exclusive-01 a:after {
    content: "";
    width: 16px;
    height: 19px;
    margin-left: 20px;
    background-image: url("/import/tenant_1/153.121.54.73/html/images/rise-icon-05.png");
    background-size: 100%;
    background-repeat: no-repeat;
}

.rise-exclusive-01 a:hover:after {
    background-image: url("/import/tenant_1/153.121.54.73/html/images/rise-icon-06.png");
}

.rise-banner-02 .txtbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
}

/*rise-contact*/
/*rise-contact-01*/
.rise-contact-01 .item {
    text-align: center;
}

.rise-contact-01 .icon {
    padding: 2px 15px;
    font-size: 14px;
    white-space: nowrap;
    background: var(--back-color-00);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: calc(100% + 15px);
}

.rise-contact-01 .tel a {
    font-weight: 600;
    font-size: 40px;
    line-height: 1;
    position: relative;
}

.rise-contact-01 .item .txt {
    margin-top: 5px;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 0px;
}

@media (max-width: 599px) {
    .rise-contact-01 .icon {
        display: inline-block;
        margin-right: 10px;
        -webkit-transform: inherit;
        transform: inherit;
        position: relative;
        top: 0;
        right: 0;
    }

    .rise-contact-01 .tel a {
        font-size: 34px;
    }
}

/*rise-contact-02*/
.rise-contact-02 .box {
    padding: 30px 10px;
    background: var(--back-color-01);
}

.rise-contact-02 .item {
    text-align: center;
}

.rise-contact-02 .icon {
    padding: 2px 15px;
    font-size: 14px;
    white-space: nowrap;
    background: var(--back-color-00);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: calc(100% + 15px);
}

.rise-contact-02 .tel a {
    font-weight: 600;
    font-size: 40px;
    line-height: 1;
    position: relative;
}

.rise-contact-02 .item .txt {
    margin-top: 5px;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: 0px;
}

@media (max-width: 599px) {
    .rise-contact-02 .icon {
        display: inline-block;
        margin-right: 10px;
        -webkit-transform: inherit;
        transform: inherit;
        position: relative;
        top: 0;
        right: 0;
    }

    .rise-contact-02 .tel a {
        font-size: 34px;
    }
}

/*rise-contact-03*/
.rise-contact-03 .box {
    padding: 40px 50px;
    background: var(--back-color-00);
}

.rise-contact-03 .form {
    margin-top: 50px;
}

.rise-contact-03 .form dl {
    position: relative;
}

.rise-contact-03 .uk-text-danger {
    width: 100%;
    display: block;
    color: #d85030 !important;
    position: absolute;
    top: 100%;
    left: 0;
}

.rise-contact-03 .address .uk-text-danger {
    top: 0;
    left: calc(100% + 10px);
}

.rise-contact-03 .form dl+dl {
    margin-top: 40px;
}

.rise-contact-03 .form dt {
    margin-bottom: 10px;
    font-size: 18px;
}

.rise-contact-03 .form dt .label {
    margin-left: 20px;
    padding: 2px 15px;
    font-size: 14px;
    color: #fff;
    background: var(--back-color-03);
}

.rise-contact-03 .form .form_shape li {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 20px;
}

.rise-contact-03 .form .form_shape input {
    display: none;
}

.rise-contact-03 .form .form_shape label {
    padding-left: 35px;
    line-height: 28px;
    position: relative;
    z-index: 0;
}

.rise-contact-03 .form .form_shape label:before {
    content: "";
    width: 28px;
    height: 28px;
    display: inline-block;
    border: 2px solid var(--txt-color-02);
    position: absolute;
    top: 0;
    left: 0;
}

.rise-contact-03 .form .form_shape input:checked+label:before {
    background: var(--back-color-02);
}

.rise-contact-03 .form .form_shape label:after {
    content: "\f00c";
    width: 28px;
    display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    color: var(--txt-color-07);
    line-height: 28px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.rise-contact-03 .form .form_shape input:checked+label:after {
    color: var(--txt-color-00);
}

.rise-contact-03 .form dd input,
.rise-contact-03 .form dd textarea {
    width: 100%;
    padding: 10px 10px;
    border: 2px solid var(--txt-color-02);
}

.rise-contact-03 .form .address {
    margin-bottom: 20px;
}

.rise-contact-03 .form .address .txt {
    display: inline-block;
    padding-left: 30px;
    position: relative;
}

.rise-contact-03 .form .address .txt input {
    width: 200px;
    position: relative;
    z-index: 0;
}

.rise-contact-03 .form .address .txt:first-of-type:before {
    content: "〒";
    font-size: 18px;
    position: absolute;
    top: 8px;
    left: 5px;
}

@media (max-width: 1024px) {
    .rise-contact-03 .form .btn .btn-inner {
        max-width: 100%;
    }
}

@media (max-width: 599px) {

    .rise-contact-03 .uk-text-danger,
    .rise-contact-03 .address .uk-text-danger {
        margin-top: 5px;
        position: relative;
        top: 0;
        left: 0;
    }

    .rise-contact-03 .box {
        padding: 20px 20px;
    }

    .rise-contact-03 .form dd input,
    .rise-contact-03 .form dd textarea {
        padding: 8px 8px;
    }

    .rise-contact-03 .form .address .txt input {
        width: 80px;
    }

    .rise-contact-03 .form .address .txt+.txt input {
        width: 120px;
    }
}

/*rise-contact-04*/
.rise-contact-04 {
    margin-top: 30px;
}

.rise-contact-04 .box {
    max-height: 350px;
    overflow-y: scroll;
    padding: 30px;
    border-bottom: 2px solid rgb(241 241 241 / 70%);
    border-right: 2px solid rgb(241 241 241 / 70%);
    background: #f8f8f8;
    -webkit-box-shadow: 1px 1px 2px 0 #d6d6d6 inset;
    box-shadow: 1px 1px 2px 0 #d6d6d6 inset;
}

[data-element-id] .rise-contact-04 .box {
    max-height: 100%;
}

.rise-contact-04 li+li {
    margin-top: 30px;
}

.rise-contact-04 .tit {
    margin-bottom: 5px;
}

.rise-contact-04 .txt {
    font-size: 14px;
    line-height: 2;
}

.rise-contact-04 .list>* {
    padding-left: 20px;
    font-size: 14px;
    position: relative;
}

.rise-contact-04 .list>*+* {
    margin-top: 5px;
}

.rise-contact-04 .list>*:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--back-color-02);
    position: absolute;
    top: 8px;
    left: 0;
}

@media (max-width: 599px) {
    .rise-contact-04 .box {
        padding: 20px;
    }
}

/*rise-faq*/
/*rise-faq-01*/
.rise-faq-01 li {
    padding: 20px 10px;
    border-bottom: 1px solid var(--boder-color-01);
}

.rise-faq-01 li:first-of-type {
    border-top: 1px solid var(--boder-color-01);
}

.rise-faq-01 li .faq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    -ms-flex-align: baseline;
    position: relative;
}

.rise-faq-01 .faq-q {
    padding-right: 30px;
}

.rise-faq-01 li>*+* {
    margin-top: 25px;
}

.rise-faq-01 li .mark {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 30px;
    font-family: var(--txt-font-01);
    font-size: 34px;
    line-height: 1;
}

.rise-faq-01 li .txt {
    line-height: 1.8;
}

.rise-faq-01 .faq-q .txt {
    font-size: 18px;
}

.rise-faq-01 .faq-a .mark,
.rise-faq-01 .faq-a .txt {
    color: var(--txt-color-02);
}

.rise-faq-01 .faq-q:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    top: 6px;
    right: 10px;
}

.rise-faq-01 .is-parent .faq-q:after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.rise-faq-01 .list {
    margin-top: 10px;
    padding-left: 20px;
}

.rise-faq-01 .list>* {
    padding-left: 1em;
    font-size: 15px;
    text-indent: -1em;
}

.rise-faq-01 .list>*:before {
    content: "\f058";
    display: inline-block;
    margin-right: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

@media (max-width: 599px) {
    .rise-faq-01 li .mark {
        margin-right: 10px;
        font-size: 24px;
    }

    .rise-faq-01 li>*+* {
        margin-top: 15px;
    }

    .rise-faq-01 .faq-q {
        padding-right: 25px;
    }

    .rise-faq-01 .faq-q:after {
        font-size: 14px;
        right: 2px;
    }

    .rise-faq-01 .faq-q .txt {
        font-size: 16px;
    }

    .rise-faq-01 .faq-a .txt {
        font-size: 15px;
    }
}

/*rise-voice*/
/*rise-voice-01*/
.rise-voice-01 .pic {
    position: relative;
}

.rise-voice-01 .txtbox {
    margin-top: 5px;
}

.rise-voice-01 .cate {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
}

.rise-voice-01 .cate>* {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 2px 15px;
    font-size: 14px;
    color: #fff;
    background: var(--back-color-03);
}

.rise-voice-01 .tit {
    font-weight: 700;
}

.rise-voice-01 .tit a .student.保護者様,
.rise-voice-01 .tit a .graduate.保護者様,
.rise-voice-01 .tit a .parents.生徒様,
.rise-voice-01 .tit a .graduate.生徒様,
.rise-voice-01 .tit a .parents.卒塾生,
.rise-voice-01 .tit a .student.卒塾生,
.rise-voice-02 .tit .student.保護者様,
.rise-voice-02 .tit .graduate.保護者様,
.rise-voice-02 .tit .parents.生徒様,
.rise-voice-02 .tit .graduate.生徒様,
.rise-voice-02 .tit .parents.卒塾生,
.rise-voice-02 .tit .student.卒塾生,
.rise-pankuzu-01 li .student.保護者様,
.rise-pankuzu-01 li .graduate.保護者様,
.rise-pankuzu-01 li .parents.生徒様,
.rise-pankuzu-01 li .graduate.生徒様,
.rise-pankuzu-01 li .parents.卒塾生,
.rise-pankuzu-01 li .student.卒塾生,
.school-name[data-school=""] {
    display: none;
}

[data-element-id] .school-name[data-school=""] {
    display: inline;
}

@media (max-width: 599px) {
    .rise-voice-01 .tit {
        font-size: 14px;
    }

    .rise-voice-01 .cate {
        top: 5px;
        left: 5px;
    }

    .rise-voice-01 .cate>* {
        font-size: 12px;
    }
}

/*rise-voice-02*/
.rise-voice-02 li+li {
    margin-top: 30px;
}

.rise-voice-02 .box {
    padding: 60px 70px;
    -webkit-box-shadow: 0px 0px 5px rgb(0 0 0 / 9%);
    box-shadow: 0px 0px 5px rgb(0 0 0 / 9%);
}

.rise-voice-02 .left {
    width: 250px;
}

.rise-voice-02 .cate {
    margin-bottom: 10px;
}

.rise-voice-02 .cate>* {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 2px 15px;
    font-size: 14px;
    color: #fff;
    background: var(--back-color-03);
}

.rise-voice-02 .tit {
    margin-bottom: 30px;
    padding-bottom: 5px;
    font-weight: 700;
    font-size: 20px;
    border-bottom: 1px solid var(--boder-color-01);
}

.rise-voice-02 .txtbox .txt {
    font-size: 15px;
    line-height: 1.8;
}

.rise-voice-02 .right {
    width: calc(100% - 280px);
}

.rise-voice-02 .pic {
    cursor: pointer;
    position: relative;
}

.rise-voice-02 .comment {
    width: 100px;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    padding: 10px;
    font-size: 10px;
    color: var(--txt-color-00);
    text-align: center;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 1;
    ;
}

.rise-voice-02 .comment .em {
    font-size: 140%;
}

[data-element-id] .rise-voice-02 .comment {
    pointer-events: auto;
}

@media (max-width: 1024px) {
    .rise-voice-02 .box {
        padding: 40px;
    }

    .rise-voice-02 .left {
        width: 200px;
    }

    .rise-voice-02 .right {
        width: calc(100% - 230px);
    }
}

@media (max-width: 599px) {
    .rise-voice-02 li+li {
        margin-top: 20px;
    }

    .rise-voice-02 .box {
        padding: 20px;
    }

    .rise-voice-02 .left {
        width: 100%;
    }

    .rise-voice-02 .right {
        width: 100%;
        margin-top: 20px;
    }

    .rise-voice-02 .tit {
        margin-bottom: 20px;
        font-size: 18px;
    }
}

/*rise-print*/
/*rise-print-01*/
.rise-print-01 li .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.rise-print-01 li+li .item {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid var(--boder-color-01);
}

.rise-print-01 .left {
    width: 10%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 20px;
}

.rise-print-01 .cate {
    display: inline-block;
    font-size: 14px;
}

.rise-print-01 .cate:before {
    content: "\f518";
    margin-right: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
}

.rise-print-01 .cate:after {
    content: "/";
    margin-left: 10px;
    margin-right: 5px;
    background: var(--back-color-03);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}

.rise-print-01 .year {
    display: inline-block;
    font-size: 14px;
}

.rise-print-01 .tit {
    margin-top: 10px;
    font-weight: 700;
    font-size: 20px;
}

@media (max-width: 1024px) {
    .rise-print-01 .left {
        width: 100%;
    }

    .rise-print-01 .right {
        width: 100%;
        margin-top: 20px;
    }

    .rise-print-01 .tit {
        font-size: 18px;
    }
}

/*rise-beginners*/
/*rise-beginners-01*/
.rise-beginners-01 .left {
    width: 80%;
    margin-left: -50%;
    padding: 30px;
    background: rgba(255, 255, 255, 0.8);
    position: relative;
    z-index: 1;
}

.rise-beginners-01 .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: calc(50% - 50vw);
}

@media (max-width: 599px) {
    .rise-beginners-01 .right {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        margin-left: auto;
    }

    .rise-beginners-01 .left {
        width: 100%;
        margin-left: 0;
        padding: 0;
    }
}

/*rise-beginners-02*/
.rise-beginners-02 .left {
    width: 80%;
    margin-right: -50%;
    padding: 30px;
    background: rgba(255, 255, 255, 0.8);
    position: relative;
    z-index: 1;
}

.rise-beginners-02 .right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: calc(50% - 50vw);
}

@media (max-width: 599px) {
    .rise-beginners-02 .right {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        margin-right: auto;
    }

    .rise-beginners-02 .left {
        width: 100%;
        margin-right: 0;
        padding: 0;
    }
}


/*rise-beginners-03*/
.rise-beginners-03 .name {
    margin-top: 10px;
    font-size: 20px;
    text-align: center;
}

@media (max-width: 599px) {
    .rise-beginners-03 .pic {
        width: 50%;
        margin: 0 auto;
    }
}

/*rise-beginners-04*/
.rise-beginners-04 .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    align-items: baseline;
    -ms-flex-align: baseline;
    padding: 0 10px;
}

.rise-beginners-04 li+li .item {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--boder-color-01);
}

.rise-beginners-04 .tit {
    width: 100px;
    padding-right: 20px;
    font-size: 18px;
    color: var(--txt-color-02);
}

.rise-beginners-04 .txt {
    width: calc(100% - 100px);
}

@media (max-width: 599px) {
    .rise-beginners-04 ul+ul {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid var(--boder-color-01);
    }

    .rise-beginners-04 .tit {
        width: 100%;
    }

    .rise-beginners-04 .txt {
        width: 100%;
        margin-top: 5px;
        font-size: 15px;
    }
}

/*rise-beginners-05*/
[data-element-id] .rise-beginners-05 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

[data-element-id] .rise-beginners-05 li {
    width: calc(97% / 3);
    margin-bottom: 1%;
}

.rise-beginners-05 .item {
    margin: 0 20px;
    position: relative;
}

.rise-beginners-05 .tit {
    width: 100%;
    padding: 5px 10px;
    font-size: 18px;
    text-align: center;
    background: rgb(255 255 255 / 85%);
    position: absolute;
    bottom: 0;
    left: 0;
}

/*rise-beginners-06*/
.rise-beginners-06 .box {
    max-width: 700px;
    margin: 0 auto;
    padding: 30px;
    border-radius: 20px;
    background: rgba(255 255 255 / 60%);
}

.rise-beginners-06 li {
    padding-top: 10px;
    padding-left: 70px;
    font-size: 18px;
    position: relative;
}

.rise-beginners-06 li+li {
    margin-top: 30px;
}

.rise-beginners-06 li:before {
    content: "KAZASU";
    width: 50px;
    height: 50px;
    padding: 0;
    font-size: 10px;
    color: var(--txt-color-00);
    line-height: 50px;
    text-align: center;
    white-space: nowrap;
    border-radius: 50%;
    background: var(--back-color-03);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width: 599px) {
    .rise-beginners-06 .box {
        padding: 20px 20px 40px;
    }

    .rise-beginners-06 li {
        padding-left: 60px;
        font-size: 14px;
    }
}

/*rise-case*/
/*rise-case-01*/
.rise-case-01 .item {
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    border: 4px solid transparent;
    background: var(--back-color-03);
    background-size: calc(100% + 8px) calc(100% + 8px);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 0;
}

.rise-case-01 .item:before {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--back-color-01);
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

[data-element-id] .rise-case-01 .item:before {
    width: 0;
}

.rise-case-01 li.mv .item:before {
    width: 0;
}

.rise-case-01 .tit {
    padding: 10px 20px;
    font-size: 18px;
    color: #fff;
}

.rise-case-01 .txtbox {
    height: 100%;
    padding: 20px 20px;
    background: var(--back-color-01);
}

.rise-case-01 .txtbox .txt {
    line-height: 2;
}

@media (max-width: 599px) {
    .rise-case-01 .tit {
        padding: 10px 15px;
    }

    .rise-case-01 .txtbox {
        padding: 10px 15px;
    }
}

/*rise-trial*/
/*rise-trial-01*/
.rise-trial-01 .item {
    padding: 40px 40px 40px;
}

.rise-trial-01 .item .ttl {
    margin-top: -60px;
}

@media (max-width: 599px) {
    .rise-trial-01 .item {
        padding: 30px 20px 20px;
    }
}

/*rise-trial-02*/
.rise-trial-02 .box {
    padding: 30px;
    background: var(--back-color-00);
}

.rise-trial-02 .txtbox .txt {
    padding-left: 2em;
    text-indent: -1em;
}

.rise-trial-02 .txtbox .txt:before {
    content: "\f14a";
    display: inline-block;
    margin-right: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    color: var(--txt-color-02);
}

.rise-trial-02.icon-book-01 .txtbox .txt:before {
    content: "\f518";
}

@media (max-width: 599px) {
    .rise-trial-02 .box {
        padding: 20px;
    }
}

/*rise-trial-03*/
.rise-trial-03 .catebox .cate {
    padding: 5px 10px;
    color: var(--back-color-02);
    text-align: center;
    border: 1px solid;
}

.rise-trial-03 .daybox .tit {
    padding: 5px;
    font-size: 18px;
    color: var(--txt-color-00);
    text-align: center;
    background: var(--back-color-02);
}

.rise-trial-03 .daybox li:not(last-of-type)>* {
    margin-right: 1px;
}

.rise-trial-03 .daybox .txt {
    padding: 10px;
    font-size: 14px;
    text-align: center;
    background: var(--back-color-00);
}

@media (max-width: 599px) {

    .rise-trial-03 .daybox .tit,
    .rise-trial-03 .daybox .txt {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-writing-mode: tb-rl;
        -webkit-writing-mode: vertical-rl;
        writing-mode: vertical-rl;

        -webkit-text-orientation: upright;
        text-orientation: upright;
    }
}

/*rise-lecturer*/
/*rise-lecturer-01*/
.rise-lecturer-01 .cate {
    width: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 20px;
    padding: 5px 2px 0;
    font-size: 14px;
    letter-spacing: 6px;
    text-align: center;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    border: 1px solid;
}

.rise-lecturer-01 .name {
    width: 60px;
    margin-right: 20px;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

.rise-lecturer-01 .name .em {
    display: block;
    font-weight: 300;
    font-size: 30px;
}

.rise-lecturer-01 .list {
    width: calc(100% - 130px);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 0px;
}

.rise-lecturer-01 .list li+li {
    margin-top: 10px;
}

.rise-lecturer-01 .list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    align-items: baseline;
    -ms-flex-align: baseline;
}

.rise-lecturer-01 .list dt {
    width: 100px;
    padding-right: 10px;
    font-size: 14px;
}

.rise-lecturer-01 .list dd {
    width: calc(100% - 100px);
    font-size: 14px;
}

@media (max-width: 599px) {
    .rise-lecturer-01 .list dt {
        width: 100%;
    }

    .rise-lecturer-01 .list dd {
        width: 100%;
        margin-top: 5px;
    }
}

/*rise-lecturer-02*/
.rise-lecturer-02 .name {
    width: 60px;
    margin: 0 30px;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

.rise-lecturer-02 .name .em {
    display: block;
    font-weight: 300;
    font-size: 30px;
}

.rise-lecturer-02 .pic {
    width: calc(100% - 130px);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    border-radius: 50%;
}

.rise-lecturer-02 .list {
    margin-top: 30px;
}

.rise-lecturer-02 .list li+li {
    margin-top: 10px;
}

.rise-lecturer-02 .list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    align-items: baseline;
    -ms-flex-align: baseline;
}

.rise-lecturer-02 .list dt {
    width: 100px;
    padding-right: 10px;
    font-size: 14px;
}

.rise-lecturer-02 .list dd {
    width: calc(100% - 100px);
    font-size: 14px;
}

/*rise-recruit*/
/*rise-recruit-01*/
.rise-recruit-01 .box {
    padding: 40px 50px;
}

.rise-recruit-01 .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    align-items: baseline;
    -ms-flex-align: baseline;
    padding: 0 10px;
}

.rise-recruit-01 li+li .item {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--boder-color-01);
}

.rise-recruit-01 .tit {
    width: 200px;
    padding-right: 20px;
    font-size: 18px;
    color: var(--txt-color-02);
}

.rise-recruit-01 .txt {
    width: calc(100% - 200px);
}

@media (max-width: 599px) {
    .rise-recruit-01 .box {
        padding: 30px 20px;
    }

    .rise-recruit-01 .tit {
        width: 100%;
    }

    .rise-recruit-01 .txt {
        width: 100%;
        margin-top: 5px;
        font-size: 15px;
    }
}


/*rise-pdf*/
/*rise-pdf-01*/
.rise-pdf-01 .pdf {
    margin-top: 10px;
}

.rise-pdf-01 .pdf a {
    color: var(--txt-color-02);
}

/* ブログのアーカイブ用 */
.archive-accordion-box .acc-content {
    height: 0;
    display: none;
}

.acc-btn {
    margin-top: 1em;
    padding: 5px 3em 5px 5px;
    color: var(--txt-color-02);
    text-align: center;
    background: var(--back-color-01);
    position: relative;
}

.acc-btn:hover {
    cursor: pointer;
}

.acc-btn::before {
    content: "\f078";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    position: absolute;
    top: 5px;
    right: 1em;
}

.action .acc-btn::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.archive-accordion-box.action .acc-content {
    height: auto;
}

[data-element-id] .archive-accordion-box .archive-item:nth-of-type(n+13) {
    display: none;
}


/* ブログ本文 */
.rise-detail-01 p {
  margin: 1em 0!important;
  min-height: 1.5em;
}