/*どのサイトも共通の内容を記載*/
/*基本的に触らない*/

/*共通*/
:before,
:after {
    pointer-events: none;
}

.main>* {
    position: relative;
}

.up-h-100\% {
    height: 100%;
}

.up-ofi {
    height: 100%;
}

.js-toggle {
    cursor: pointer;
}

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

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

[data-element-id] .up-d-none {
    display: block;
    border: solid 4px green;
    position: relative;
}

[data-element-id] .up-d-none:after {
    content: "モバイルのみ表示";
    display: block;
    padding: 5px;
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: green;
}

[data-element-id] .up-show\@tb {
    display: block;
    border: solid 4px green;
    position: relative;
}

[data-element-id] .up-show\@tb:after {
    content: "モバイル用";
    display: block;
    padding: 5px;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: green;
}

[data-element-id] .up-show\@sp {
    display: block;
    border: solid 4px green;
    position: relative;
}

[data-element-id] .up-show\@sp:after {
    content: "モバイル用";
    display: block;
    padding: 5px;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: green;
}

[data-element-id] .link-none-js {
    display: block;
    border: solid 4px green;
    position: relative;
}

[data-element-id] .link-none-js:after {
    content: "リンクが設定されていない場合は非表示になります。";
    display: block;
    padding: 5px;
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: green;
}

[data-element-id] .fead-order>* {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

@media (min-width: 1025px) {
    .scroll-hint {
        overflow: inherit !important;
    }
}

button {
    border: none;
}

.slick-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/*マップの高さ*/
.map-h-10\% {
    padding-top: 10%;
}

.map-h-20\% {
    padding-top: 20%;
}

.map-h-30\% {
    padding-top: 30%;
}

.map-h-40\% {
    padding-top: 40%;
}

.map-h-50\% {
    padding-top: 50%;
}

.map-h-60\% {
    padding-top: 60%;
}

.map-h-70\% {
    padding-top: 70%;
}

.map-h-80\% {
    padding-top: 80%;
}

.map-h-90\% {
    padding-top: 90%;
}

.map-h-100\% {
    padding-top: 100%;
}

@media (max-width: 1024px) {
    .map-h-10\%\@tb {
        padding-top: 10%;
    }

    .map-h-20\%\@tb {
        padding-top: 20%;
    }

    .map-h-30\%\@tb {
        padding-top: 30%;
    }

    .map-h-40\%\@tb {
        padding-top: 40%;
    }

    .map-h-50\%\@tb {
        padding-top: 50%;
    }

    .map-h-60\%\@tb {
        padding-top: 60%;
    }

    .map-h-70\%\@tb {
        padding-top: 70%;
    }

    .map-h-80\%\@tb {
        padding-top: 80%;
    }

    .map-h-90\%\@tb {
        padding-top: 90%;
    }

    .map-h-100\%\@tb {
        padding-top: 100%;
    }
}

@media (max-width: 599px) {
    .map-h-10\%\@sp {
        padding-top: 10%;
    }

    .map-h-20\%\@sp {
        padding-top: 20%;
    }

    .map-h-30\%\@sp {
        padding-top: 30%;
    }

    .map-h-40\%\@sp {
        padding-top: 40%;
    }

    .map-h-50\%\@sp {
        padding-top: 50%;
    }

    .map-h-60\%\@sp {
        padding-top: 60%;
    }

    .map-h-70\%\@sp {
        padding-top: 70%;
    }

    .map-h-80\%\@sp {
        padding-top: 80%;
    }

    .map-h-90\%\@sp {
        padding-top: 90%;
    }

    .map-h-100\%\@sp {
        padding-top: 100%;
    }
}

/*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: 140px;
    --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);
    }
}

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

.space-mt-xlarge>*+* {
    margin-top: var(--space-xlarge);
}

.space-mt-large>*+* {
    margin-top: var(--space-large);
}

.space-mt-medium>*+* {
    margin-top: var(--space-medium);
}

.space-mt-small>*+* {
    margin-top: var(--space-small);
}

.space-mt-xsmall>*+* {
    margin-top: var(--space-xsmall);
}

.space-mt-15>*+* {
    margin-top: 15px;
}

.space-mt-10>*+* {
    margin-top: 10px;
}

.space-mt-5>*+* {
    margin-top: 5px;
}

@media (max-width: 1024px) {
    .space-mt-xlarge>*+* {
        margin-top: calc(var(--space-xlarge) * 0.8);
    }

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

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

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

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

    .space-mt-none\@tb>*+* {
        margin-top: 0;
    }

    .space-mt-15\@tb>*+* {
        margin-top: 15px;
    }

    .space-mt-10\@tb>*+* {
        margin-top: 10px;
    }

    .space-mt-5\@tb>*+* {
        margin-top: 5px;
    }
}

@media (max-width: 599px) {
    .space-mt-xlarge>*+* {
        margin-top: calc(var(--space-xlarge) * 0.6);
    }

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

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

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

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

    .space-mt-none\@sp>*+* {
        margin-top: 0;
    }

    .space-mt-15\@sp>*+* {
        margin-top: 15px;
    }

    .space-mt-10\@sp>*+* {
        margin-top: 10px;
    }

    .space-mt-5\@sp>*+* {
        margin-top: 5px;
    }
}

.space-pt-xlarge>*+* {
    padding-top: var(--space-xlarge);
}

.space-pt-large>*+* {
    padding-top: var(--space-large);
}

.space-pt-medium>*+* {
    padding-top: var(--space-medium);
}

.space-pt-small>*+* {
    padding-top: var(--space-small);
}

.space-pt-xsmall>*+* {
    padding-top: var(--space-xsmall);
}

@media (max-width: 1024px) {
    .space-pt-xlarge>*+* {
        padding-top: calc(var(--space-xlarge) * 0.8);
    }

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

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

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

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

@media (max-width: 599px) {
    .space-pt-xlarge>*+* {
        padding-top: calc(var(--space-xlarge) * 0.6);
    }

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

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

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

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

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

[class*="-ttl-"].-mb-large {
    margin-bottom: 2em;
}

.ttl-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
}

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

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

@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;
        text-align: left;
    }

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

    .ttl-center\@tb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: 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;
        text-align: left;
    }

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

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

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

/*ボタン上書き用*/
.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;
}

@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;
    }
}

@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;
    }
}

.float-box {
    display: block;
}

.float-box::before,
.float-box:after {
    content: "";
    display: block;
    clear: both;
}

.float-box-img {
    float: right;
}

.float-box-tit {
    float: left;
}

.float-box-content {
    float: left;
}

.float-box-wrap.-reverse .float-box-img {
    float: left;
}

.float-box-wrap.-reverse .float-box-tit {
    float: right;
}

.float-box-wrap.-reverse .float-box-content {
    float: right;
}

.float-box-wrap.-rowr .float-box:nth-of-type(odd) .float-box-img {
    float: left;
}

.float-box-wrap.-rowr .float-box:nth-of-type(odd) .float-box-tit {
    float: right;
}

.float-box-wrap.-rowr .float-box:nth-of-type(odd) .float-box-content {
    float: right;
}

.float-box-wrap.-rowr .float-box:nth-of-type(even) .float-box-img {
    float: right;
}

.float-box-wrap.-rowr .float-box:nth-of-type(even) .float-box-tit {
    float: left;
}

.float-box-wrap.-rowr .float-box:nth-of-type(even) .float-box-content {
    float: left;
}

.float-box-wrap.-alternate .float-box:nth-of-type(odd) .float-box-img {
    float: right;
}

.float-box-wrap.-alternate .float-box:nth-of-type(odd) .float-box-tit {
    float: left;
}

.float-box-wrap.-alternate .float-box:nth-of-type(odd) .float-box-content {
    float: left;
}

.float-box-wrap.-alternate .float-box:nth-of-type(even) .float-box-img {
    float: left;
}

.float-box-wrap.-alternate .float-box:nth-of-type(even) .float-box-tit {
    float: right;
}

.float-box-wrap.-alternate .float-box:nth-of-type(even) .float-box-content {
    float: right;
}

.float-box-wrap.-alternate.-rowr .float-box:nth-of-type(odd) .float-box-img {
    float: left;
}

.float-box-wrap.-alternate.-rowr .float-box:nth-of-type(odd) .float-box-tit {
    float: right;
}

.float-box-wrap.-alternate.-rowr .float-box:nth-of-type(odd) .float-box-content {
    float: right;
}

.float-box-wrap.-alternate.-rowr .float-box:nth-of-type(even) .float-box-img {
    float: right;
}

.float-box-wrap.-alternate.-rowr .float-box:nth-of-type(even) .float-box-tit {
    float: left;
}

.float-box-wrap.-alternate.-rowr .float-box:nth-of-type(even) .float-box-content {
    float: left;
}

@media (max-width: 1024px) {
    .up-fl-left\@tb {
        float: left;
    }

    .up-fl-right\@tb {
        float: right;
    }

    .up-fl-none\@tb {
        float: none;
    }

    .up-flc-left\@tb {
        clear: left;
    }

    .up-flc-rigjt\@tb {
        clear: right;
    }

    .up-flc-both\@tb {
        clear: both;
    }
}

@media (max-width: 599px) {
    .up-fl-left\@sp {
        float: left;
    }

    .up-fl-right\@sp {
        float: right;
    }

    .up-fl-none\@sp {
        float: none;
    }

    .up-flc-left\@sp {
        clear: left;
    }

    .up-flc-rigjt\@sp {
        clear: right;
    }

    .up-flc-both\@sp {
        clear: both;
    }
}

/*何個以上非表示*/
.list-hide-02>*:nth-of-type(n + 2) {
    display: none;
}

.list-hide-03>*:nth-of-type(n + 3) {
    display: none;
}

.list-hide-04>*:nth-of-type(n + 4) {
    display: none;
}

.list-hide-05>*:nth-of-type(n + 5) {
    display: none;
}

.list-hide-06>*:nth-of-type(n + 6) {
    display: none;
}

.list-show-02>*:nth-of-type(n + 2) {
    display: block;
}

.list-show-03>*:nth-of-type(n + 3) {
    display: block;
}

.list-show-04>*:nth-of-type(n + 4) {
    display: block;
}

.list-show-05>*:nth-of-type(n + 5) {
    display: block;
}

.list-show-06>*:nth-of-type(n + 6) {
    display: block;
}

@media (max-width: 1024px) {
    .list-hide-02\@tb>*:nth-of-type(n + 2) {
        display: none;
    }

    .list-hide-03\@tb>*:nth-of-type(n + 3) {
        display: none;
    }

    .list-hide-04\@tb>*:nth-of-type(n + 4) {
        display: none;
    }

    .list-hide-05\@tb>*:nth-of-type(n + 5) {
        display: none;
    }

    .list-hide-06\@tb>*:nth-of-type(n + 6) {
        display: none;
    }

    .list-show-02\@tb>*:nth-of-type(n + 2) {
        display: block;
    }

    .list-show-03\@tb>*:nth-of-type(n + 3) {
        display: block;
    }

    .list-show-04\@tb>*:nth-of-type(n + 4) {
        display: block;
    }

    .list-show-05\@tb>*:nth-of-type(n + 5) {
        display: block;
    }

    .list-show-06\@tb>*:nth-of-type(n + 6) {
        display: block;
    }
}

@media (max-width: 599px) {
    .list-hide-02\@sp>*:nth-of-type(n + 2) {
        display: none;
    }

    .list-hide-03\@sp>*:nth-of-type(n + 3) {
        display: none;
    }

    .list-hide-04\@sp>*:nth-of-type(n + 4) {
        display: none;
    }

    .list-hide-05\@sp>*:nth-of-type(n + 5) {
        display: none;
    }

    .list-hide-06\@sp>*:nth-of-type(n + 6) {
        display: none;
    }

    .list-show-02\@sp>*:nth-of-type(n + 2) {
        display: block;
    }

    .list-show-03\@sp>*:nth-of-type(n + 3) {
        display: block;
    }

    .list-show-04\@sp>*:nth-of-type(n + 4) {
        display: block;
    }

    .list-show-05\@sp>*:nth-of-type(n + 5) {
        display: block;
    }

    .list-show-06\@sp>*:nth-of-type(n + 6) {
        display: block;
    }
}

/*タブ切り替え*/
.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;
}

/*画像とテキスト横並びの内、画像のみinner外に*/
/* column-outside */
.column-outside-wrap .column-outside-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.column-outside-wrap.-alternate .column-outside-box:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.column-outside-wrap.-rowr .column-outside-box:nth-of-type(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

/*右側へ要素を広げる（2カラム）*/
.column-outside-wrap.-alternate .column-outside-box:nth-of-type(odd) .column-outside-img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: calc(50% - 50vw);
}

.column-outside-wrap.-alternate .column-outside-box:nth-of-type(even) .column-outside-img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: calc(50% - 50vw);
}

/*左側へ要素を広げる（2カラム）*/
.column-outside-wrap.-rowr .column-outside-img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: calc(50% - 50vw);
}

@media (max-width: 1024px) {
    .column-outside-wrap.-alternate.-tab .column-outside-box:nth-of-type(odd) .column-outside-img {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: inherit;
        margin-right: 0;
    }

    .column-outside-wrap.-alternate-tab .column-outside-box:nth-of-type(even) .column-outside-img {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: inherit;
        margin-right: 0;
    }
}

@media (max-width: 599px) {
    .column-outside-wrap.-alternate .column-outside-box:nth-of-type(odd) .column-outside-img {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: inherit;
        margin-right: 0;
    }

    .column-outside-wrap.-alternate .column-outside-box:nth-of-type(even) .column-outside-img {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: inherit;
        margin-right: 0;
    }
}