@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Anaheim&family=Cinzel:wght@400..900&family=League+Script&family=M+PLUS+Rounded+1c&display=swap");


/* # root1 START # */
:root {
    --color01: #f5f5f0;
    --color02: #54756b;
    --color03: #878580;
    --color04: #333;
    --color05: #ccd6b9;
    --color06: #e4e8dd;
    --color07: #685f5a;
    --color08: #fff;
    --color09: #95c4b8;
}
/* # root1 END # */

/* # root2 START # */
/* :root {
    --color01: #f0f5f5;
    --color02: #545f75;
    --color03: #878580;
    --color04: #333333;
    --color05: #b0b9ca;
    --color06: #e4e8dd;
    --color07: #685f5a;
    --color08: #ffffff;
    --color09: #96a3bc;
} */
/* # root2 END # */



html {
    font-weight: 500;
    color: var(--color04);
    letter-spacing: 1px;
}

.up-bgc-white {
    background-color: var(--color08);
}

header,
nav,
main,
section,
.footer-upper,
.h1-box {
    background-color: var(--color01);
}

.color01 {
    color: var(--color01);
}

.color07 {
    color: var(--color07);
}

.bgcolor06 {
    background-color: var(--color06) !important;
}

.fixed-bgimg {
    width: 100% !important;
}

/* ##### 追加css ##### */
.up-w-750 {
    max-width: 100%;
}

.up-fd-even>*:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.up-fd-odd>*:nth-child(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.up-lst-deci {
    padding-left: 24px;
}

.up-ls1 {
    letter-spacing: 1px;
}

.up-ls2 {
    letter-spacing: 2px;
}

.up-radius5 {
    overflow: hidden;
    border-radius: 5px;
}

.up-radius10 {
    overflow: hidden;
    border-radius: 10px;
}

.up-radius15 {
    overflow: hidden;
    border-radius: 15px;
}

.up-radius20 {
    overflow: hidden;
    border-radius: 20px;
}

.up-radius20 {
    overflow: hidden;
    border-radius: 20px;
}

.up-radius25 {
    overflow: hidden;
    border-radius: 25px;
}

.up-radius30 {
    overflow: hidden;
    border-radius: 30px;
}

.up-radius35 {
    overflow: hidden;
    border-radius: 35px;
}

.up-radius40 {
    overflow: hidden;
    border-radius: 40px;
}

.up-radius45 {
    overflow: hidden;
    border-radius: 45px;
}

.up-radius50 {
    overflow: hidden;
    border-radius: 50px;
}

.up-lst-disc {
    list-style-type: disc;
    padding-left: 20px;
}

.up-z1 {
    position: relative;
    z-index: 1;
}

.up-z2 {
    position: relative;
    z-index: 2;
}

.up-z3 {
    position: relative;
    z-index: 3;
}

.up-ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.up-horizonal {
    -ms-writing-mode: lr-tb;
    -webkit-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
}

.up-vertical {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

@media (max-width: 1024px) {
    [class*="up-col"] {
        margin-left: auto;
        margin-right: auto;
    }

    .up-fd-even\@tb>*:nth-child(even) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .up-fd-odd\@tb>*:nth-child(odd) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .up-radius5\@tb {
        overflow: hidden;
        border-radius: 5px;
    }

    .up-radius10\@tb {
        overflow: hidden;
        border-radius: 10px;
    }

    .up-radius15\@tb {
        overflow: hidden;
        border-radius: 15px;
    }

    .up-radius20\@tb {
        overflow: hidden;
        border-radius: 20px;
    }

    .up-radius25\@tb {
        overflow: hidden;
        border-radius: 25px;
    }

    .up-radius30\@tb {
        overflow: hidden;
        border-radius: 30px;
    }

    .up-radius35\@tb {
        overflow: hidden;
        border-radius: 35px;
    }

    .up-radius40\@tb {
        overflow: hidden;
        border-radius: 40px;
    }

    .up-radius45\@tb {
        overflow: hidden;
        border-radius: 45px;
    }

    .up-radius50\@tb {
        overflow: hidden;
        border-radius: 50px;
    }

    .up-ellipsis\@tb {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .up-horizonal\@tb {
        -ms-writing-mode: lr-tb;
        -webkit-writing-mode: horizontal-tb;
        writing-mode: horizontal-tb;
    }

    .up-vertical\@tb {
        -ms-writing-mode: tb-rl;
        -webkit-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
    }
}

@media (max-width: 599px) {
    .up-fd-even\@sp>*:nth-child(even) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .up-fd-odd\@sp>*:nth-child(odd) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .up-ls2\@sp {
        letter-spacing: 2px;
    }

    .up-ls1\@sp {
        letter-spacing: 1px;
    }

    .up-radius5\@sp {
        overflow: hidden;
        border-radius: 5px;
    }

    .up-radius10\@sp {
        overflow: hidden;
        border-radius: 10px;
    }

    .up-radius15\@sp {
        overflow: hidden;
        border-radius: 15px;
    }

    .up-radius20\@sp {
        overflow: hidden;
        border-radius: 20px;
    }

    .up-radius25\@sp {
        overflow: hidden;
        border-radius: 25px;
    }

    .up-radius30\@sp {
        overflow: hidden;
        border-radius: 30px;
    }

    .up-radius35\@sp {
        overflow: hidden;
        border-radius: 35px;
    }

    .up-radius40\@sp {
        overflow: hidden;
        border-radius: 40px;
    }

    .up-radius45\@sp {
        overflow: hidden;
        border-radius: 45px;
    }

    .up-radius50\@sp {
        overflow: hidden;
        border-radius: 50px;
    }

    .up-ellipsis\@sp {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .up-horizonal\@sp {
        -ms-writing-mode: lr-tb;
        -webkit-writing-mode: horizontal-tb;
        writing-mode: horizontal-tb;
    }

    .up-vertical\@sp {
        -ms-writing-mode: tb-rl;
        -webkit-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
    }
}

/* ##### 追加css end ##### */

/* hamburger overlay */
.hamburger {
    display: none;
}

@media (max-width: 1024px) {
    .hamburger {
        width: 55px;
        height: 55px;
        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: 15px;
        border-radius: 50%;
        background-color: var(--color02);
        cursor: pointer;
        -webkit-transition: 0.3s linear;
        transition: 0.3s linear;
        position: fixed;
        top: 10px;
        right: 10px;
        z-index: 5;
    }

    .hamburger a,
    .hamburger a:hover,
    .hamburger a:focus {
        opacity: 1;
    }

    .menu-trigger,
    .menu-trigger span {
        display: inline-block;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }

    .menu-trigger {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .menu-trigger span {
        width: 100%;
        height: 2px;
        background: #fff;
        position: absolute;
        left: 0;
    }

    .menu-trigger span:nth-of-type(1) {
        top: 0;
    }

    .menu-trigger span:nth-of-type(2) {
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%);
        top: 50%;
    }

    .menu-trigger span:nth-of-type(3) {
        bottom: 0;
    }

    .active .hamburger {
        padding: 10px;
    }

    .active .menu-trigger {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    .active .menu-trigger span:nth-of-type(1) {
        -webkit-transform: translate(0, 16px) rotate(-45deg);
        transform: translate(0, 16px) rotate(-45deg);
    }

    .active .menu-trigger span:nth-of-type(2) {
        -webkit-transform: translate(0, -100%) rotate(45deg);
        transform: translate(0, -100%) rotate(45deg);
    }

    .active .menu-trigger span:nth-of-type(3) {
        opacity: 0;
    }

    .overlay {
        width: 100%;
        height: 100%;
        display: none;
        background-color: rgba(77, 66, 62, 0.3);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 3;
    }

    .active .overlay {
        display: block;
    }
}

@media (max-width: 599px) {
    .hamburger {
        top: 10px;
        right: 10px;
    }
}

/* hamburger overlay end */

/* A-BiSUスライダー */
.mainimg {
    position: relative;
}

.mainimg .uk-slideshow img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; -o-object-position: center center; object-position: center center;";
}

.mainimg .uk-slideshow {
    height: auto !important;
    overflow: hidden;
    position: relative;
}

.mainimg .uk-slideshow:after {
    content: "";
    display: block;
    padding-top: 45%;
}

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

.mainimg .uk-slideshow li>div {
    height: 100% !important;
}

.uk-dotnav>*>* {
    width: 10px;
    height: 10px;
}

.uk-dotnav-contrast>*>* {
    background: #ccc;
}

.uk-dotnav-contrast>.uk-active>* {
    background: #565656;
}

.uk-dotnav>.uk-active>* {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.uk-dotnav li a:hover {
    opacity: 1;
}

.uk-position-bottom {
    bottom: -30px;
}

/* A-BiSUスライダー end */

/* pager */
.pager ul li {
    margin: 0 5px;
}

.pager ul li a,
.pager ul li .now {
    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: 5px;
    font-family: "League Script", cursive;
    font-weight: bold;
    font-size: 35px;
    color: var(--color07);
    line-height: 1;
}

.pager ul li .now,
.pager ul li a:hover {
    opacity: 1;
}

.pager ul li .now::after,
.pager ul li a::after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    background-color: var(--color07);
    opacity: 0;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}

.pager ul li .now::after,
.pager ul li a:hover::after {
    opacity: 1;
}

.pager ul .prev-arrow:before,
.pager ul .next-arrow:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 100%;
    background-image: url('/import/tenant_1/162.43.5.32/S01/images/parts_014.webp');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.pager ul .prev-arrow:before {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}


/* pager end */

/* area */
[class*="area_"] {
    padding-top: 50px;
    padding-bottom: 50px;
}

@media (max-width: 599px) {
    [class*="area_"] {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

/* area end */

/* common */
.logo {
    width: 200px;
    max-width: 80%;
}

.map {
    border: 1px solid #f3f3f3;
    position: relative;
    z-index: 1;
}

.map:after {
    padding-top: 35%;
}

.footer-info dd br,
.time-header dd br {
    display: none;
}

.infinity {
    margin-left: -999rem;
    margin-right: -999rem;
    padding-left: 999rem;
    padding-right: 999rem;
}

.big {
    font-size: 120%;
}

.small {
    font-size: 80%;
}

.wood,
.wood a {
    background-image: url('/import/tenant_1/162.43.5.32/S01/images/bg_001.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.green-tag {
    padding: 5px 30px;
    border: 2px solid var(--color02);
}

.fead-scale {
    opacity: 0;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.fead-scale.mv {
    opacity: 1;
    -webkit-transition: 0.8s ease-out;
    transition: 0.8s ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
}

@media (max-width: 1024px) {
    .map {
        height: 100%;
    }

    .active main,
    .active footer {
        -webkit-filter: blur(3px);
        filter: blur(3px);
    }

    .height-auto\@tb {
        height: auto !important;
    }

    .up-scrolling\@tb {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .footer-info dd br,
    .time-header dd br {
        display: block;
    }
}

@media (max-width: 599px) {
    .height-auto\@sp {
        height: auto !important;
    }

    .map:after {
        padding-top: 100%;
    }

    .green-tag {
        padding: 5px 20px;
    }
}

/* common end */

/* icon */
[class*="icon-"]::before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

[class*="icon-sns-"]::before {
    font-family: "Font Awesome 5 Brands";
}

.icon-sns-facebook::before {
    content: "\f39e";
}

.icon-sns-instagram::before {
    content: "\f16d";
}

.icon-sns-line::before {
    content: "\f3c0";
}

.icon-mail::before {
    content: "\f0e0";
}

.icon-calender::before {
    content: "\f274";
}

.icon-phone a::before {
    content: "\f095";
    display: inline-block;
    margin-right: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 90%;
    line-height: 1;
}

/* icon end */

/* sns-list */
.sns-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
}

.sns-list li+li {
    margin-left: 20px;
}

.sns-list li a {
    font-size: 23px;
    color: var(--color03);
}

.sns-list-color li {
    margin: 5px;
}

.sns-list-color li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 5px 10px;
    font-size: 18px;
    color: #fff;
    border-radius: 10px;
}

.sns-list-color li a [class^="icon-"] {
    font-size: 34px;
    line-height: 1;
}

.sns-list-color li a [class^="icon-"]:before {
    margin-right: 10px;
    font-weight: normal;
    line-height: 1;
}

.sns-list-color-instagram a {
    background: rgb(132, 57, 145);
    background: linear-gradient(135deg, rgba(132, 57, 145, 1) 0%, rgba(226, 62, 85, 1) 33%, rgba(204, 46, 139, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#843991", endColorstr="#cc2e8b", GradientType=1);
}

.sns-list-color-facebook a {
    background-color: #395495;
}

.sns-list-color-line a {
    background-color: #00b900;
}

.sns-list-color-mail a {
    background-color: #e28916;
}

.sns-list-color-web a {
    background-color: #b34836;
}

@media (max-width: 1024px) {
    .sns-list-color li a [class^="icon-"] {
        font-size: 30px;
    }

    .sns-list-color li a [class^="icon-"]:before {
        margin-right: 5px;
    }
}

/* sns-list end */

/* tel */
.tel a {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    color: var(--color02);
}

/* tel end */

/* deco */
[class*="deco_"] {
    display: inline-block;
    position: absolute;
}

.deco_01 {
    width: 197px;
    height: 231px;
    bottom: -15%;
    left: -15px;
}

.deco_02 {
    width: 146px;
    height: 177px;
    bottom: -10%;
    right: -15px;
}

.deco_03 {
    width: 159px;
    height: 201px;
    top: -200%;
    left: -20px;
}

.deco_05,
.deco_06 {
    width: 179px;
    height: 345px;
    top: 50px;
}

.deco_05 {
    left: -2px;
}

.deco_06 {
    right: -2px;
}

.deco_07 {
    width: 190px;
    height: 156px;
    bottom: -70px;
    left: -70px;
}

.deco_08 {
    width: 190px;
    height: 156px;
    bottom: -70px;
    left: auto;
    right: -70px;
}

.deco_09 {
    width: 134px;
    height: 151px;
    bottom: -50px;
    left: -50px;
}

.deco_10 {
    width: 213px;
    height: 171px;
    bottom: -50px;
    right: -50px;
}

.deco_11 {
    width: 159px;
    height: 201px;
    bottom: -50px;
    left: -30px;
}

.deco_12 {
    width: 132px;
    height: 159px;
    bottom: -30px;
    right: -30px;
}

.deco_13 {
    width: 109px;
    height: 142px;
    top: -20px;
    left: -20px;
}

.deco_14 {
    width: 100px;
    height: 127px;
    bottom: -20px;
    left: -50px;
}

.deco_15 {
    width: 100px;
    height: 127px;
    bottom: -20px;
    right: -50px;
}

[class*="deco-mini"] {
    width: 120px;
    height: 99px;
    bottom: -35px;
}

.deco-mini-left {
    left: -45px;
}

.deco-mini-right {
    right: -45px;
}

.shake_01 {
    -webkit-animation: horizontal1 1s ease-in-out infinite alternate;
    animation: horizontal1 1s ease-in-out infinite alternate;
}

.shake_02 {
    -webkit-animation: horizontal2 1s ease-in-out infinite alternate;
    animation: horizontal2 1s ease-in-out infinite alternate;
}

[class*="shake_"] img {
    -webkit-animation: vertical 1s ease-in-out infinite alternate;
    animation: vertical 1s ease-in-out infinite alternate;
}

.shake_01 img {
    -webkit-animation-duration: 1.1s;
    animation-duration: 1.1s;
}

.shake_02 img {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
}

.shake_03 img {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

@-webkit-keyframes horizontal1 {
    0% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes horizontal1 {
    0% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@-webkit-keyframes horizontal2 {
    0% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes horizontal2 {
    0% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@-webkit-keyframes vertical {
    0% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes vertical {
    0% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@media (max-width: 1024px) {
    .deco_01 {
        width: 140px;
        height: 160px;
        bottom: -20px;
        left: -40px;
    }

    .deco_03 {
        width: 130px;
        height: 160px;
    }

    .deco_05,
    .deco_06 {
        width: 150px;
        height: 290px;
    }

    .deco_10 {
        width: 185px;
        height: 150px;
        bottom: -40px;
        right: -20px;
    }

    .deco_11 {
        width: 130px;
        height: 160px;
        bottom: -20px;
    }

    .deco_12 {
        width: 110px;
        height: 135px;
        bottom: -20px;
        right: -20px;
    }

    .deco_14 {
        width: 80px;
        height: 102px;
        left: -40px;
    }

    .deco_15 {
        width: 80px;
        height: 102px;
        right: -40px;
    }
}

@media (max-width: 599px) {
    .deco_01 {
        width: 110px;
        height: 130px;
    }

    .deco_02 {
        width: 105px;
        height: 130px;
    }

    .deco_03 {
      top:-100%;
        width: 100px;
        height: 130px;
    }
    
    .price .deco_03 {
      top:-250%;
    }

    .deco_05,
    .deco_06 {
        width: 110px;
        height: 220px;
        top: 100px;
    }

    .deco_07,
    .deco_08 {
        width: 150px;
        height: 125px;
        bottom: -50px;
    }

    .deco_07 {
        left: -50px;
    }

    .deco_08 {
        right: -50px;
    }

    .deco_10 {
        width: 140px;
        height: 115px;
        bottom: -35px;
        right: -15px;
    }

    .deco_11 {
        width: 110px;
        height: 140px;
        bottom: -20px;
    }

    .deco_12 {
        width: 100px;
        height: 120px;
        bottom: -10px;
        right: -15px;
    }

    .deco_13 {
        width: 90px;
        height: 120px;
        top: -10px;
    }

    .deco_14 {
        left: 0;
    }

    .deco_15 {
        display: none;
    }
}

/* deco end */

/* title */
[class^="title"] {
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 400;
    -webkit-transform: rotate(0.03deg);
    transform: rotate(0.03deg);
}

.title_01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 24px;
    line-height: 1.1;
}

[data-element-id] .up-show\@sp .title_01 {
    font-size: 20px;
}

.title_01 .ja {
    line-height: 1.3;
}

.title_01 .en {
    font-family: "League Script", cursive;
    font-weight: bold;
    letter-spacing: normal;
    white-space: nowrap;
}

.title_02 {
    font-size: 28px;
}

[data-element-id] .up-show\@sp .title_02 {
    font-size: 20px;
}

.title_03 {
    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;
}

.title_03::after {
    content: "";
    width: 79px;
    height: 26px;
    display: block;
    margin: 5px 0 15px;
    background-image: url('/import/tenant_1/162.43.5.32/S01/images/parts_011.webp');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.deco-title-wrap {
    position: relative;
}

.flx-mark{
  display:flex;
}

.flx-mark::before{
  flex-shrink: 0;
  flex-grow:0;
  margin-top:.2em;
}

.flx-mark>*{
  flex-grow:1;
}

@media (max-width: 1024px) {
    .title_01 {
        font-size: 22px;
    }

    .title_02 {
        font-size: 24px;
    }
}

@media (max-width: 599px) {
    .title_01 {
        font-size: 20px;
    }

    .title_02 {
        font-size: 20px;
    }
}

/* title end */

/* ボタン */
.btn {
    width: 220px;
    max-width: 90%;
    height: 40px;

}

.btn a,
.btn button {
    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;
    overflow: hidden;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    border: none;
    background-color: var(--color02);
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    position: relative;
    border: 2px solid var(--color02);
    overflow: hidden;
    border-radius: 20px;
}

.btn-inner {
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    position: relative;
    z-index: 2;
}

.btn a:hover,
.btn button:hover {
    opacity: 1;
}

.btn a:hover .btn-inner,
.btn button:hover .btn-inner {
    color: var(--color02);
}

.btn a:before,
.btn button:before {
    content: "";
    background: #fff;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    z-index: 1;
}

.btn a:hover:before,
.btn button:hover:before,
.btn a:focus:before,
.btn button:focus:before,
.btn a:active:before,
.btn button:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.back-btn,
.prev-btn {
    width: auto;
}

.back-btn a,
.back-btn button,
.prev-btn a,
.prev-btn button {
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
}

.back-btn a,
.back-btn button {
    padding-left: 60px;
}

.prev-btn a,
.prev-btn button {
    padding-right: 60px;
}

.back-btn a::after,
.back-btn button::after,
.prev-btn a::after,
.prev-btn button::after {
    content: "";
    width: 20px;
    height: 10px;
    display: inline-block;
    margin: auto;
    background-image: url('/import/tenant_1/162.43.5.32/S01/images/parts_013.webp');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    z-index: 1;
}

.back-btn a::after,
.back-btn button::after {
    -webkit-transform: scale(-1, 1) translate(0, -50%);
    transform: scale(-1, 1) translate(0, -50%);
    left: 10px;
}

.prev-btn a::after,
.prev-btn button::after {
    right: 10px;
}

.back-btn a:hover::after,
.back-btn button:hover::after,
.prev-btn a:hover::after,
.prev-btn button:hover::after {
    -webkit-filter: invert(45%);
    filter: invert(45%);
}

.back-btn-effect a:before,
.back-btn-effect button:before {
    content: "";
    background: #fff;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    z-index: 1;
}

.back-btn-effect a:hover:before,
.back-btn-effect button:hover:before,
.back-btn-effect a:focus:before,
.back-btn-effect button:focus:before,
.back-btn-effect a:active:before,
.back-btn-effect button:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.wood-btn a {
    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: 5px 10px;
}

@media (max-width: 1024px) {
    .detail-btn-box .btn:nth-of-type(2) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

/* ボタン end */

/* テキストカラー */
.green {
    color: var(--color02);
}

.green-light {
    color: var(--color02);
    opacity: 0.6;
}

.gray {
    color: var(--color03);
}

.gray-light {
    color: #e8e7e2;
}

.red {
    color: #c12c0f;
}

/* テキストカラー end */

/* text-shadow */
.text-shadow {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.text-shadow_02 {
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}

.text-shadow_03 {
    text-shadow: 3px 3px 4px rgba(255, 255, 255, 0.8);
}

.text-shadow_04 {
    text-shadow: 3px 3px 4px rgba(255, 255, 255, 0.9);
}

/* text-shadow end */

/* border */
.border-dot-top {
    border-top: 2px dotted #c0c0c0;
}

.border-dot-bottom {
    border-bottom: 2px dotted #c0c0c0;
}

/* border end */

/* カスタムコンテンツ */
.news-list li dl {
    padding: 10px 30px;
    border-radius: 22px;
    background-color: var(--color08);
}

.news-list li+li {
    margin-top: 15px;
}

.tag {
    display: inline-block;
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    border: 2px solid #ebe9e3;
}

.date {
    font-weight: bold;
    font-size: 14px;
    color: var(--color02);
    line-height: 1;
    letter-spacing: normal;
    ;
}

.skew-date {
    font-family: "League Script", cursive;
    font-weight: bold;
    font-size: 25px;
    color: var(--color02);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    position: absolute;
    bottom: -15px;
    left: 0;
}

.side-box+.side-box {
    margin-top: 50px;
}

.side-list li a {
    font-size: 14px;
}

.side-list li+li {
    margin-top: 5px;
}

@media (max-width: 599px) {
    .news-list li+li {
        margin-top: 10px;
    }

    .news-list li dl {
        padding: 10px 20px;
        border-radius: 10px;
    }

    .news-list li dl dt {
        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: start;
        align-items: flex-start;
        -ms-flex-align: start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .news-list li dl dt span+span {
        margin: 5px 0;
    }

    .skew-date {
        font-size: 18px;
        bottom: -5px;
    }
}

/* カスタムコンテンツ end */

/* loading */
#loading {
    width: 100vw;
    height: 100vh;
    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;
    background-color: #d8dece;
    -webkit-transition: all 3s;
    transition: all 3s;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}

.loading-img {
    width: 500px;
    max-width: 80%;
    opacity: 0;
    -webkit-transition: 3s linear;
    transition: 3s linear;
}

.loading-img img {
    width: 100%;
    height: auto;
}

.loading-img.loaded2 {
    opacity: 1;
}

.loading-img.loaded3 {
    opacity: 0;
}

.loaded {
    visibility: hidden;
    opacity: 0;
}

.visited {
    height: 0 !important;
    display: none !important;
    visibility: hidden !important;
}

/* loading end */

/* header */
.header-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 10%;
}

.header-box {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.header-copy {
    font-size: 10px;
    color: var(--color03);
}

header .logo {
    width: 250px;
    max-width: 100%;
    margin-top: 5px;
}

.header-address {
    margin-top: 5px;
    font-size: 10px;
}

.time-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-weight: bold;
    font-size: 12px;
}

.time-header dt {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px;
    padding: 3px 7px;
    color: var(--color03);
    line-height: 100%;
    border: 1px solid #d3d3d3;
}

.header-box-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

header .tel {
    margin-left: 30px;
}

header .tel a {
    font-size: 24px;
}

@media (max-width: 1024px) {
    .header-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .header-inner>[class^="header-"] {
        margin: 5px 0;
    }

    .header-copy {
        padding-right: 50px;
    }
}

@media (max-width: 599px) {
    .header-box-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    header .tel {
        margin-left: 0;
    }
}

/* header end */

/* nav */
.sp-only,
.nav-logo,
.fixed-nav-only {
    display: none;
}

nav {
    width: 100%;
    padding: 20px 0;
    -webkit-transition: 0.5s linear;
    transition: 0.5s linear;
    z-index: 4;
}

.nav-list {
    width: 1000px;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
}

.nav-list li+li {
    margin-left: 30px;
    position: relative;
}

.nav-list li.item02+li {
    margin-left: 0;
}

.nav-list li+li::before {
    content: "";
    width: 1px;
    height: 50%;
    background-color: #e2e1d8;
    position: absolute;
    top: 10px;
    left: -15px;
}

.nav-list .item01.-parent {
    position: relative;
}

.nav-list .item01.-parent:hover .list02 {
    visibility: visible;
    opacity: 1;
}

.nav-list .list02 {
    width: 300px;
    visibility: hidden;
    padding-top: 10px;
    background: rgba(255, 255, 255, 0.8) content-box;
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: 100%;
    left: 50%;
}

.fixed-nav .nav-list li.item02,
.fixed-nav .nav-list li.item02+li {
    margin-left: 0;
}

.nav-list li.item02::before {
    content: none;
}

.nav-list .item02 a {
    display: block;
    padding: 5px;
}

.nav-list .item02 a:hover {
    color: #fff;
    background-color: var(--color02);
}

.nav-list li a,
.nav-list li .itemin {
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-weight: bold;
    line-height: 110%;
    letter-spacing: 1px;
    text-align: center;
}

.nav-list li a:hover,
.nav-list li .itemin:hover {
    opacity: 1;
}

.nav-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
}

.nav-icon {
    width: 30px;
    height: 30px;
    margin-bottom: 2px;
}

.nav-list li a:not(.active):hover .nav-icon,
.nav-list li .itemin:not(.active):hover .nav-icon {
    -webkit-animation: icon-bound 1s ease infinite;
    animation: icon-bound 1s ease infinite;
}

@-webkit-keyframes icon-bound {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    35% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    45% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    50% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    55% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }

    60% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes icon-bound {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    35% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    45% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    50% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    55% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }

    60% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.fixed-nav {
    padding: 10px 0;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 2px -2px rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    position: fixed;
    left: 0;
}

.fixed-nav .fixed-nav-only {
    display: block;
}

.fixed-nav .nav-list li+li {
    margin-left: 30px;
    position: relative;
}

@media (max-width: 1024px) {

    .sp-only,
    .nav-logo {
        display: block;
    }
    
    .nav-logo {
        max-width: 400px;
    }    

    .fixed-nav {
        display: none;
    }

    nav {
        width: 100%;
        height: 100%;
        visibility: hidden;
        padding: 20px 20px 80px;
        background-color: #fff;
        opacity: 0;
        -webkit-transition: 0.3s linear;
        transition: 0.3s linear;
        position: fixed;
        top: 0;
        left: 0;
        z-index: -200;
    }

    .active nav {
        visibility: visible;
        overflow-y: scroll;
        -webkit-box-shadow: 0px 3px 12px -3px rgba(0, 0, 0, 0.6);
        box-shadow: 0px 3px 12px -3px rgba(0, 0, 0, 0.6);
        opacity: 1;
        z-index: 4;
    }

    .nav-logo {
        margin: 15px 0;
    }

    .nav-list {
        height: calc(100% - 65px);
        display: block;
        overflow-x: hidden;
    }

    .nav-list li {
        width: 100%;
    }

    .nav-list li+li {
        padding-left: 0;
        border-top: 2px dashed var(--color02);
    }

    .nav-list li+li::before {
        display: none;
    }

    .nav-list li a,
    .nav-list li .itemin {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 10px 0;
        font-weight: 500;
    }

    .nav-list li a br {
        display: none;
    }

    .nav-icon {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 0 10px 0 0;
    }

    .nav-list li a:not(.active):hover .nav-icon,
    .nav-list li .itemin:not(.active):hover .nav-icon {
        -webkit-animation: none;
        animation: none;
    }

    .nav-text {
        height: auto !important;
        text-align: left;
    }
}

@media(max-width:599px) {
    .nav-logo {
        max-width: 280px;
    }     
}

@media (max-width: 1024px) {
    .nav-list .list02 {
        width: 100%;
        visibility: visible;
        padding-top: 0;
        background: none;
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        position: relative;
        top: 0;
        left: 0;
    }

    .nav-list .list02 a {
        padding: 10px 0 10px 20px;
        text-align: left;
        position: relative;
    }

    .nav-list .list02 a:before {
        content: "";
        width: 10px;
        height: 1px;
        display: block;
        background: #000;
        position: absolute;
        top: 17px;
        left: 0;
    }
}

/* nav end */

/* footer */
.totop {
    width: 80px;
    height: 80px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    position: fixed;
    bottom: 50px;
    right: 1%;
    z-index: 2;
}

.totop.appear {
    -webkit-animation: totop-in 1s;
    animation: totop-in 1s;

    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes totop-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
        transform: translateY(200px);
    }

    40% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }

    70% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    80% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }

    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes totop-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
        transform: translateY(200px);
    }

    40% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }

    70% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    80% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }

    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.totop a {
    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;
    font-size: 12px;
    color: #fff;
    border-radius: 50%;
    background-image: url('/import/tenant_1/162.43.5.32/S01/images/bg_001.webp');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-box-shadow: 0px 0px 10px -4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px -4px rgba(0, 0, 0, 0.3);
}

.totop-img {
    display: inline-block;
    margin-bottom: 5px;
}

.fixed-bnr {
    position: fixed;
    top: 10%;
    right: 0;
    z-index: 2;
}

.fixed-bnr-btn a {
    padding: 15px;
    font-size: 18px;
    color: #fff;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-image: url('/import/tenant_1/162.43.5.32/S01/images/bg_004.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-box-shadow: 0px 0px 10px -4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px -4px rgba(0, 0, 0, 0.3);
}

.fixed-bnr-btn a .horizon {
    -ms-writing-mode: lr-tb;
    -webkit-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
}

.fixed-bnr-tel {
    display: none;
}

.fixed-bnr-tel a {
    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 10px;
    font-size: 16px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #fff;
}

.footerbtn-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 50px 0;
}

[class*="footer-btn"] {
    width: 45%;
    overflow: hidden;
    margin: 20px;
    border-radius: 60px;
    -webkit-box-shadow: 0px 0px 10px -4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px -4px rgba(0, 0, 0, 0.3);
}

.footer-btn-white {
    padding: 10px 15px;
    background-color: var(--color08);
}

.footerbtn-wrap .tel {
    text-align: center;
}

.footerbtn-wrap .tel a {
    font-size: 30px;
}

.footer-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
}

.footer-info dt {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px;
}

.footer-btn-wood a {
    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: 10px 15px;
    font-size: 22px;
    color: #fff;
    text-align: center;
}

.footer-btn-wood a .icon-mail {
    margin-right: 10px;
}

.footer-bottom {
    background: transparent;
}

.footer-bottom-inner {
   /*  padding: 60px 0; */
   padding-top: 60px;
}

.footer-bottom-inner .text {
    color: #fff;
    line-height: 2;
    text-align: center;
}

.footer-box {
    width: 90%;
    padding: 50px 100px 20px 100px;
    border-top-right-radius: 70px;
    background-color: var(--color01);
    margin-top: 60px;
}

.footer-box-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

[class*="footer-item"] {
    margin: 15px 22px;
}

.footer-item_01 .text {
    margin: 5px 0;
}

.footer-item_01 .tel a {
    font-size: 22px;
}

.timetable {
    width: 100%;
    margin: 10px 0;
    font-size: 12px;
    text-align: left;
    border-collapse: collapse;
}

.timetable tr+tr {
    border-top: 1px solid #dcdcdc;
}

.timetable tr>* {
    padding: 6px 4px;
    font-weight: bold;
    line-height: 1;
}

.table-text {
    font-weight: bold;
    font-size: 12px;
}

.footer-nav {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.footer-nav li {
    font-weight: bold;
    font-size: 14px;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
}

.footer-nav li+li {
    margin-top: 5px;
}

.footer-nav li a {
    display: inline-block;
    padding-left: 16px;
    position: relative;
}

.footer-nav li a::before {
    content: "-";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.footer-item_01 {
    width: 30%
}


.footer-item_02 {
    width: 60%;
}


.footer-item_03 {
    min-width: 300px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

footer .copyright {
    width: 100%;
    margin-top: 30px;
    padding: 10px;
    font-size: 10px;
    text-align: center;
}

.fixed-bgimg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

.fixed-bgimg:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(77, 66, 62, 0.4);
    position: absolute;
    top: 0;
    left: 0;
}

.fixed-bgimg img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: "object-fit: cover; object-position: center center;";
}

@media (max-width: 1024px) {
    .totop {
        bottom: 10px;
    }

    .fixed-bnr a {
        padding: 15px 8px;
        font-size: 14px;
    }

    [class*="footer-btn"] {
        min-width: 360px;
        min-height: 85px;
        margin: 10px;
    }

    .footerbtn-wrap .tel a {
        font-size: 24px;
    }

    .footer-info {
        font-size: 10px;
    }

    .footer-btn-wood a {
        font-size: 18px;
    }

    .footer-btn-wood a .icon-mail {
        margin-right: 5px;
    }

    .footer-box {
        padding: 20px 50px 10px 50px;
    }

    .footer-bottom-inner .text {
        line-height: 1.8;
    }
    
    .footer-item_01 {
        width: 100%
    }
    
    .footer-item_02 {
        width: 100%;
    }    

    .footer-item_03 {
        min-width: 215px;
    }
}

@media (max-width: 599px) {
    .totop {
        width: 65px;
        height: 65px;
        bottom: 60px;
        right: 10px;
    }

    .totop a {
        font-size: 10px;
    }

    .fixed-bnr {
        width: 100%;
        max-height: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        top: auto;
        bottom: 0;
    }

    .fixed-bnr>div {
        width: calc(50% - 6px);
        margin: 0 3px;
    }

/*     .fixed-bnr>div>div,
.fixed-bnr-btn {
    height: 100%;
} */

    .fixed-bnr a {
        height: 100%;
        font-size: 14px;
    }

    .fixed-bnr-btn a {
        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: 10px 5px;
        -ms-writing-mode: lr-tb;
        -webkit-writing-mode: horizontal-tb;
        writing-mode: horizontal-tb;
        border-top-left-radius: 0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 0;
    }

    .fixed-bnr-btn a .icon-calender {
        margin-right: 5px;
    }

    .fixed-bnr-tel {
        display: block;
    }

    [class*="footer-btn"] {
        min-width: 90%;
        max-width: 90%;
    }

    .footer-bottom-inner .text {
        line-height: 1.5;
        text-align: left;
    }

    .footer-box {
        padding: 20px;
    }

    [class*="footer-item"] {
        margin: 10px;
    }

    .footer-nav li a {
        margin: 0 0 8px;
        padding-left: 2px;
        font-size: 12px;
        letter-spacing: 0;
    }

    .footer-nav li a::before {
        left: -8px;
    }

    footer .copyright {
        padding: 10px 30px 50px 10px;
    }
    
    .footer-nav {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }    
}

/* footer end */

/* mainimg */
.mainimg {
    background: var(--color01);
    position: relative;
}

.mainimg-inner {
    width: 80%;
    overflow: hidden;
    margin: auto;
    border-radius: 30px;
}

.mainimg .copyright {
    height: 100%;
    padding: 10px;
    font-size: 10px;
    text-align: center;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
}

.calender {
    font-family: "Cinzel", serif;
    font-size: 20px;
    color: #fff;
    line-height: 1.1;
    text-align: center;
    position: absolute;
    bottom: 10%;
    right: 20%;
    z-index: 1;
}

.cal-date {
    font-size: 70px;
}

.underimg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 10%;
}

.underimg .mainimg-inner {
    width: 100%;
    margin: 0 0 15px 0;
}

.under-title {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 50px;
    font-size: 34px;
    color: var(--color02);
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

[data-element-id] .up-show\@sp .under-title {
    margin: 10px;
    font-size: 22px;
    white-space: nowrap;
    -ms-writing-mode: lr-tb;
    -webkit-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
}

[data-element-id] .up-show\@sp{
  max-width:375px;
  margin-left:auto;
  margin-right:auto;
}

@media (max-width: 1024px) {
    .mainimg-inner {
        width: 85%;
    }

    .calender {
        font-size: 18px;
        bottom: 5%;
        right: 15%;
    }

    .cal-date {
        font-size: 50px;
    }

    .underimg {
        padding: 0 7%;
    }

    .under-title {
        margin: 12px;
        font-size: 24px;
    }
}

@media (max-width: 599px) {
    .mainimg-inner {
        width: 95%;
        border-radius: 15px;
    }

    .mainimg .copyright {
        display: none;
    }

    .calender {
        font-size: 14px;
        right: 5%;
    }

    .cal-date {
        font-size: 35px;
    }

    .underimg {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 2%;
    }

    .under-title {
        margin: 10px;
        font-size: 22px;
        -ms-writing-mode: lr-tb;
        -webkit-writing-mode: horizontal-tb;
        writing-mode: horizontal-tb;
    }
}

/* mainimg end */

/* breadcrumbs */
.breadcrumbs {
    padding: 10px 0;
    background-image: url('/import/tenant_1/162.43.5.32/S01/images/bg_005.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.breadcrumbs-list {
    width: 100%;
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.breadcrumbs-list li {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.breadcrumbs-list li+li {
    padding-left: 40px;
    position: relative;
}

.breadcrumbs-list li+li:before {
    content: "";
    width: 20px;
    height: 10px;
    margin: auto;
    background-image: url('/import/tenant_1/162.43.5.32/S01/images/parts_013.webp');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: 1;
}

.breadcrumbs-list li a,
.breadcrumbs-list li {
    color: #fff;
}

@media (max-width: 599px) {
    .breadcrumbs-list li {
        font-size: 14px;
    }
}

/* breadcrumbs end */

/* calc-space-box */
[class*="calc-space-wrap"] .calc-space-box+.calc-space-box {
    margin-top: 80px;
}

.calc-space-wrap .calc-space-box:nth-of-type(odd) .calc-space-cont {
    padding-left: calc(50% - 500px);
}

.calc-space-wrap .calc-space-box:nth-of-type(odd) .calc-space-img .calc-space-img-inner {
    overflow: hidden;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

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

.calc-space-wrap .calc-space-box:nth-of-type(even) .calc-space-cont {
    padding-right: calc(50% - 500px);
}

.calc-space-wrap .calc-space-box:nth-of-type(even) .calc-space-img .calc-space-img-inner {
    overflow: hidden;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.calc-space-wrap .calc-space-box:nth-of-type(even) [class^="deco_"] {
    left: -20px;
    right: auto;
}

.calc-space-box .deco_03 {
    top: auto;
    bottom: -50px;
}

@media (max-width: 1024px) {
    .calc-space-wrap .calc-space-box:nth-of-type(odd) .calc-space-cont {
        padding-left: 10px;
    }

    .calc-space-wrap .calc-space-box:nth-of-type(even) .calc-space-cont {
        padding-right: 10px;
    }
}

@media (max-width: 599px) {
    .calc-space-wrap .calc-space-box:nth-of-type(odd) .calc-space-img {
        margin-left: auto;
    }

    .calc-space-wrap .calc-space-box:nth-of-type(even) .calc-space-img {
        margin-right: auto;
    }
    
    .calc-space-wrap .calc-space-box:nth-of-type(even) [class^="deco_"] {
    display:none;
}
}

/* calc-space-box end */

/* 左右逆スタートのcalc-space-box */
.calc-space-wrap-rowr .calc-space-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.calc-space-wrap-rowr .calc-space-box+.calc-space-box {
    margin-top: 80px;
}

.calc-space-wrap-rowr .calc-space-box:nth-of-type(odd) .calc-space-cont {
    padding-right: calc(50% - 500px);
}

.calc-space-wrap-rowr .calc-space-box:nth-of-type(odd) .calc-space-img .calc-space-img-inner {
    overflow: hidden;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.calc-space-wrap-rowr .calc-space-box:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.calc-space-wrap-rowr .calc-space-box:nth-of-type(even) .calc-space-cont {
    padding-left: calc(50% - 500px);
}

.calc-space-wrap-rowr .calc-space-box:nth-of-type(even) .calc-space-img .calc-space-img-inner {
    overflow: hidden;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.calc-space-wrap-rowr .calc-space-box:nth-of-type(even) [class^="deco_"] {
    left: auto;
    right: -20px;
}

@media (max-width: 1024px) {
    .calc-space-wrap-rowr .calc-space-box:nth-of-type(odd) .calc-space-cont {
        padding-right: 10px;
    }

    .calc-space-wrap-rowr .calc-space-box:nth-of-type(even) .calc-space-cont {
        padding-left: 10px;
    }
}

@media (max-width: 599px) {
    .calc-space-wrap .calc-space-box:nth-of-type(odd) .calc-space-img {
        margin-left: auto;
    }

    .calc-space-wrap .calc-space-box:nth-of-type(even) .calc-space-img {
        margin-right: auto;
    }

    .calc-space-wrap-rowr .calc-space-box:nth-of-type(odd) .calc-space-img {
        margin-right: auto;
    }

    .calc-space-wrap-rowr .calc-space-box:nth-of-type(even) .calc-space-img {
        margin-left: auto;
    }
}

/* 左右逆スタートのcalc-space-box end */

/* alternate-wrap */
[class*="alternate-wrap"] .alternate-box+.alternate-box {
    margin-top: 50px;
}

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

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

/* alternate-wrap end */

/* 左右逆スタートのalternate-box */
.alternate-wrap-rowr .alternate-box:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

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

/* 左右逆スタートのalternate-box end */

/* alternate-img */
.alternate-img .deco-wrap:nth-of-type(even) {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

/* alternate-img end */

/* green-circle */
.green-circle {
    max-width: 150px;
    margin: auto;
    background-image: url('/import/tenant_1/162.43.5.32/S01/images/bg_003.webp');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    position: relative;
}

.green-circle:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.green-circle-inner {
    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;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.circle-list a:hover {
    opacity: 1;
}

.circle-list a:hover .green-circle {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.circle-list a:hover .green-circle-title {
    text-decoration: underline;
}

/* green-circle end */

/* green-bg */
.green-bg {
    background-image: url('/import/tenant_1/162.43.5.32/S01/images/bg_006.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.green-bg_02 {
    background-image: url('/import/tenant_1/162.43.5.32/S01/images/bg_007.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

/* green-bg end */

/* count-list */
.count-list>li {
    padding-left: 50px;
    position: relative;
}

.count-list>li+li {
    margin-top: 50px;
}

.count-list .num {
    font-family: "Anaheim", sans-serif;
    font-size: 50px;
    line-height: 1;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 10%;
    left: 0;
}

@media (max-width: 1024px) {
    .count-list>li {
        padding-left: 40px;
    }

    .count-list .num {
        font-size: 40px;
        top: 7%;
    }
}

/* count-list end */

/* flow-list */
.count {
    font-family: "League Script", cursive;
    font-weight: 500;
    font-size: 30px;
    color: #c1ceaa;
    font-style: italic;
    line-height: 1;
    text-align: center;
}

.flow-list>li+li {
    padding-left: 50px;
}

.flow-list>li+li::before {
    content: "";
    width: 20px;
    height: 10px;
    display: inline-block;
    margin: auto;
    background-image: url('/import/tenant_1/162.43.5.32/S01/images/parts_015.webp');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 10px;
    left: 10px;
}

.flow-list>li.up-w-25\%:nth-of-type(4n+1) {
    padding-left: 0;
}

.flow-list>li.up-w-25\%:nth-of-type(4n+1)::before {
    display: none;
}

.flow-list>li.up-w-20\%:nth-of-type(5n+1) {
    padding-left: 0;
}

.flow-list>li.up-w-20\%:nth-of-type(5n+1)::before {
    display: none;
}

.flow-list.up-col-4>li:nth-of-type(4n+1) {
    padding-left: 0;
}

.flow-list.up-col-4>li:nth-of-type(4n+1)::before {
    display: none;
}

.flow-list_02>li+li {
    margin-left: 5%;
}

.flow-list_02>li:nth-of-type(3n+1) {
    margin-left: 0;
}

.flow-list_02>li+li::before {
    content: "\f054";
    display: inline-block;
    margin: auto;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 40px;
    color: #c1ceaa;
    -webkit-transform: translate(-150%, -50%);
    transform: translate(-150%, -50%);
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
}

.flow-list_02>li:nth-of-type(3n+1)::before {
    display: none!important;
}

.flow-list_02.-ver02>li:nth-of-type(3n+1)::before {
    display: block!important;
}

.flow-list_02.-ver02>li:nth-of-type(4n+1)::before {
    display: none!important;
}

.flow-list_02-title {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    position: absolute;
    top: -5%;
    left: 0;
    z-index: 1;
}

@media (max-width: 1024px) {
    .flow-list>li+li {
        padding-top: 70px;
        padding-left: 0;
    }

    .flow-list>li+li::before {
        margin: auto;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        top: 20px;
        left: 0;
        right: 0;
    }

    .flow-list>li.up-w-20\%:nth-of-type(5n+1)::before {
        display: block;
    }

    .flow-list>li.up-w-25\%:nth-of-type(4n+1)::before {
        display: block;
    }

    .flow-list.up-col-4>li:nth-of-type(4n+1)::before {
        display: block;
    }

    .flow-list_02>li+li {
        margin-top: 50px;
        margin-left: 0;
    }

    .flow-list_02>li+li::before {
        margin: auto;
        text-align: center;
        -webkit-transform: translate(0, calc(-100% - 25px)) rotate(90deg);
        transform: translate(0, calc(-100% - 25px)) rotate(90deg);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }
    
    .flow-list_02>li:nth-of-type(3n+1)::before {
    display: block!important;
}

    .flow-list_02.-ver02>li:nth-of-type(4n+1)::before {
    display: block!important;
}

}

/* flow-list end */

/* dot-list */
.dot-list li {
    padding-left: 20px;
    position: relative;
}

.dot-list li+li {
    margin-top: 20px;
}

.dot-list li::before {
    content: "●";
    display: inline-block;
    color: var(--color02);
    position: absolute;
    top: 2px;
    left: 0;
}

.dot-list-title {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 16px;
    color: var(--color02);
}

/* dot-list end */

/* num-list */
.num-list li {
    padding-left: 50px;
    position: relative;
}

.num-list li+li {
    margin-top: 40px;
}

.num-list li .num {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 3px;
    font-family: "League Script", cursive;
    font-weight: bold;
    font-size: 30px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    background-image: url('/import/tenant_1/162.43.5.32/S01/images/bg_006.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: -10px;
    left: 0;
}

@media (max-width: 1024px) {
    .num-list li {
        padding-left: 40px;
    }

    .num-list li .num {
        width: 35px;
        height: 35px;
        font-size: 30px;
        top: -7px;
    }
}

/* num-list end */

/* alphabet-list */
.alphabet-list li .num {
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: normal;
    font-size: 28px;
    line-height: 1;
}

/* alphabet-list end */

/* list-column-count */
.list-column-count-432 {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

[class^="list-column-count-"] li {
    padding-right: 14px;
    font-size: 14px;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
}

[class^="list-column-count-"] li+li {
    margin-top: 5px;
}

@media (max-width: 1024px) {
    .list-column-count-432 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

@media (max-width: 599px) {
    .list-column-count-432 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

/* list-column-count end */

/* rhombus-list */
.rhombus-list li {
    padding-left: 20px;
    color: var(--color02);
    position: relative;
}

.rhombus-list li+li {
    margin-top: 5px;
}

.rhombus-list li::before {
    content: "◆";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

/* rhombus-list end */

/* faq-list */
.faq-list li+li {
    margin-top: 20px;
}

.faq-list dl {
    padding-left: 50px;
}

.faq-list dl dt {
    position: relative;
}

.faq-list dl dd {
    margin-top: 10px;
}

.faq-list .q {
    font-family: "League Script", cursive;
    font-size: 50px;
    color: var(--color02);
    line-height: 1;
    position: absolute;
    top: -10px;
    left: -50px;
}

@media (max-width: 1024px) {
    .faq-list dl {
        padding-left: 40px;
    }

    .faq-list .q {
        font-size: 40px;
        left: -40px;
    }
}

/* faq-list end */

/* filter-list */
.filter-list li a {
    display: block;
    position: relative;
}

.filter-list li a:hover {
    opacity: 1;
}

.filter-list li .filter-img {
    position: relative;
    z-index: 1;
}

.filter-list li .title {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    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;
    margin: auto;
    padding: 10px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute !important;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 2;
}

.filter-list li a:hover .filter-green:before {
    opacity: 0;
}

@media (max-width: 599px) {
    .filter-list li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

/* filter-list end */

/* filter */
.filter-green:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background-color: var(--color09);
    opacity: 0.6;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

/* filter end */

/* white-box */
.white-box {
    overflow: hidden;
    border-radius: 15px;
    background-color: var(--color08);
}

/* white-box end */

/* white-box-with-bg */
.white-box-with-bg.left-filter .white-box::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: -webkit-gradient(linear, left top, right top, color-stop(26%, rgba(255, 255, 255, 1)), color-stop(28%, rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 26%, rgba(255, 255, 255, 1) 28%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=1);
    position: absolute;
    top: 0;
    left: 0;
}

.white-box-with-bg.right-filter .white-box::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(72%, rgba(255, 255, 255, 1)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 72%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=1);
    position: absolute;
    top: 0;
    left: 0;
}

.white-box-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.white-box-bg img {
    opacity: 0.5;
}

.tel-btn {
    border-radius: 50px;
}

.tel-btn .tel a {
    font-size: 28px;
    color: #fff;
}

@media (max-width: 599px) {
    .tel-btn .tel a {
        font-size: 24px;
    }
}

/* white-box-with-bg end */

/* balloon */
.balloon {
    margin: 100px 0 0 0;
    position: relative;
}

.balloon-inner {
    padding: 50px;
    border-radius: 15px;
    background-color: var(--color08);
}

.balloon::before {
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-top: 150px solid var(--color08);
    border-bottom: 150px solid var(--color08);
    border-left: 150px solid var(--color08);
    border-right: 150px solid var(--color08);
    border-radius: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: -170px;
    right: 170px;
}

.balloon::after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-top: 150px solid var(--color01);
    border-bottom: 150px solid var(--color01);
    border-left: 150px solid var(--color01);
    border-right: 150px solid var(--color01);
    border-radius: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: -270px;
    right: 230px;
}

@media (max-width: 1024px) {
    .balloon-inner {
        padding: 40px 20px;
    }

    .balloon::before {
        border-top: 100px solid #fff;
        border-bottom: 100px solid #fff;
        border-left: 100px solid #fff;
        border-right: 100px solid #fff;
        top: -90px;
        right: 80px;
    }

    .balloon::after {
        border-top: 100px solid var(--color01);
        border-bottom: 100px solid #f5f5f1;
        border-left: 100px solid var(--color01);
        border-right: 100px solid var(--color01);
        top: -190px;
        right: 130px;
    }
}

@media (max-width: 599px) {
    .balloon-inner {
        padding: 30px 10px;
    }

    .balloon::before {
        top: -80px;
        right: 40px;
    }

    .balloon::after {
        top: -160px;
        right: 90px;
    }
}

/* balloon end */

/* table */
.table-wrap {
    min-width: 738px;
}

.table {
    width: 100%;
    border: 1px solid #dedbd1;
    border-collapse: collapse;
}

.table tr+tr {
    border-top: 1px solid #dedbd1;
}

.table th,
.table td {
    padding: 10px;
}

.table th {
    font-weight: bold;
    font-size: 18px;
    color: var(--color07);
    background-color: var(--color06);
}

.table td {
    font-weight: bold;
    background-color: #fff;
}

.table th:first-of-type {
    width: 55%;
}

.table th+th,
.table td+td {
    border-left: 1px solid #dedbd1;
}

.table td .table-notice {
    display: block;
    font-weight: normal;
}

.table_02 th,
.table_02 th:first-of-type,
.table_02 td {
    width: 25%;
    text-align: center;
}

.table_03 th,
.table_03 th:first-of-type,
.table_03 td {
    width: calc(100% / 3);
    text-align: center;
}

.scrollable {
    overflow-y: hidden !important;
}

.scroll-hint-icon {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
}

@media (max-width: 1024px) {

    .table th,
    .table td {
        font-size: 14px;
    }
}

@media (max-width: 599px) {

    .table th,
    .table td {
        padding: 5px 10px;
        font-size: 12px;
    }

    .responsive-table tbody {
        display: block;
    }

    .responsive-table tr,
    .responsive-table tr th,
    .responsive-table th:first-of-type,
    .responsive-table tr td {
        width: 100%;
        display: block;
    }

    .responsive-table td+td {
        border-top: 1px solid #dedbd1;
        border-left: none;
    }
}

/* table end */

/* bnr */
.bnr {
    position: relative;
}

.bnr a {
    display: block;
}

.bnr-title {
    width: 50%;
    margin: auto;
    font-weight: bold;
    font-size: 24px;
    color: var(--color02);
    line-height: 1.2;
    text-align: center;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 1;
}

.bnr-title span {
    display: block;
}

.bnr-title .en {
    font-family: "League Script", cursive;
    font-size: 18px;
    color: var(--color05);
}

.bnr-deco_01 {
    width: 100px;
    position: absolute;
    bottom: 5px;
    left: 0;
    z-index: 1;
}

.bnr-deco_02 {
    position: absolute;
    bottom: 5px;
    left: 60px;
    z-index: 1;
}

.bnr-deco_03 {
    width: 150px;
    position: absolute;
    bottom: 5px;
    right: 10px;
    z-index: 1;
}

.bnr-bgimg {
    border: 5px solid #d8dece;
}

.bnr-bgimg img {
    opacity: 0.4;
}

@media (max-width: 1024px) {
    .bnr-title {
        font-size: 20px;
    }

    .bnr-title .en {
        font-size: 14px;
    }

    .bnr-deco_01 {
        width: 80px;
    }

    .bnr-deco_02 {
        width: 100px;
    }

    .bnr-deco_03 {
        width: 110px;
    }
}

@media (max-width: 599px) {
    .bnr-title {
        width: 85%;
        font-size: 18px;
    }

    .bnr-title .en {
        font-size: 12px;
    }

    .bnr-deco_01 {
        width: 65px;
    }

    .bnr-deco_02 {
        width: 80px;
        left: 30px;
    }

    .bnr-deco_03 {
        width: 85px;
    }
}

/* bnr end */

/* inpage-nav */
.inpage-nav-wrap {
    padding: 50px 0;
}

.inpage-nav li a {
    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: 10px;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    line-height: 1;
    border-radius: 40px;
    background-color: var(--color02);
    position: relative;
}

.inpage-nav li a::after {
    content: "";
    width: 0;
    height: 0;
    margin: auto;
    border-width: 10px 6.5px 0 6.5px;
    border-style: solid;
    border-color: var(--color02) transparent transparent transparent;
    position: absolute;
    bottom: -9px;
    left: 0;
    right: 0;
}

/* inpage-nav end */

/* voice-box */
.voice-box+.voice-box {
    margin-top: 50px;
}

.voice-img {
    -webkit-box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1),
        0px 0px 9px 3px rgba(197, 249, 237, 0.5);
    box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1),
        0px 0px 9px 3px rgba(197, 249, 237, 0.5);
}

.var {
    display: inline-block;
    margin-right: 10px;
}

/* voice-box end */

/* form */
.must {
    margin-left: 10px;
    padding: 3px 10px;
    font-size: 12px;
    color: #fff;
    line-height: 1;
    text-align: center;
    border-radius: 10px;
    background-color: var(--color02);
}

.contact-item {
    padding: 20px 0;
}

.contact-item dd input,
.contact-item dd textarea {
    width: 100%;
    padding: 8px 5px;
    border: 1px solid #c3c3c0;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 8px 0px #c3c3c0;
    box-shadow: 0px 0px 8px 0px #c3c3c0;
}

.contact-item dd.syubetu input {
    width: 1em;
    border: none;
    border-radius: none;
    box-shadow: none;
}

.contact-item dd textarea {
    height: 150px;
}

/* form end */

/* recruit */
.recruit-list>li+li {
    margin-top: 30px;
}

.recruit-dl+.recruit-dl {
    margin-top: 15px;
}

.recruit.detail .deco_06 {
    top: auto;
    bottom: 0;
}

.recruit-detal-list dd a {
    text-decoration: underline;
}

.recruit-btn {
    width: 300px;
    height: 60px;
    border: 2px solid #f0c250;
    border-radius: 5px;
}

.recruit-btn a {
    font-weight: bold;
    font-size: 20px;
    border-radius: 0;
    background-color: #f0c250;
}

.recruit-btn a::before {
    border-radius: 5px;
}

.recruit-btn a:hover .btn-inner {
    color: #f0c250;
}

/* recruit end */

/* area_14 */
.area_14 .title {
    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;
    line-height: 1;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.area_14 .title .en {
    font-family: "League Script", cursive;
    font-size: 80px;
    color: #c1ceaa;
}

.area_14 .title .ja {
    font-size: 24px;
    color: var(--color02);
}

@media (max-width: 1024px) {
    .area_14 .title .en {
        font-size: 60px;
    }

    .area_14 .title .ja {
        font-size: 20px;
    }
}

@media (max-width: 599px) {
    .area_14 .title {
        margin-bottom: 30px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        position: static;
    }

    .area_14 .title .en {
        font-size: 50px;
    }

    .area_14 .title .ja {
        font-size: 18px;
    }
}

/* area_14 end */

/* area_34 */
@media (max-width: 599px) {
    .area_34 .deco_13 {
        top: -50px;
    }
}

/* area_34 end */

/* price */
.price [class^="area"] {
    padding: 100px 0;
}

/* price end */

/* lightbox */
.uk-lb img {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.uk-lb img:hover {
    opacity: 0.6;
    cursor: pointer;
}

/* lightbox end */

/* A/Bテスト */
.fixed-bnr-btn.b-type a {
    font-weight: bold;
    color: var(--color02);
    text-shadow: white 1px 1px 0,
        white -1px -1px 0,
        white -1px 1px 0,
        white 1px -1px 0,
        white 0px 1px 0,
        white 0 -1px 0,
        white -1px 0 0,
        white 1px 0 0;
}

/* A/Bテスト end */

.detail-content-text h2 {
    margin-top: 50px;
    margin-bottom: 20px;
    padding: 0.5em;
    font-weight: bold;
    font-size: 22px;
    letter-spacing: 2px;
    border-bottom: 3px solid var(--color02);
}

.detail-content-text h3 {
    margin-top: 50px;
    margin-bottom: 20px;
    padding: 0.5em 1em;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    letter-spacing: 2px;
    background: var(--color02);
}

.detail-content-text h4 {
    margin-top: 50px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 18px;
    color: var(--color02);
    letter-spacing: 2px;
}

.detail-content-text ol {
    counter-reset: count 0;
}

.detail-content-text ol li {
    margin: 10px 0;
    padding-left: 20px;
    font-size: 16px;
    color: #000;
    position: relative;
}

.detail-content-text ol li::before {
    content: counter(count) ". ";
    display: inline-block;
    counter-increment: count 1;
    color: var(--color02);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
}

.detail-content-text ul li {
    margin: 10px 0;
    padding-left: 20px;
    font-size: 16px;
    color: #000;
    position: relative;
}

.detail-content-text ul li::before {
    content: "";
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
    background: var(--color02);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
}

.detail-content-text ol li marker {
    display: none;
}

.detail-content-text iframe[src*="youtube"] {
    height: 100%;
    margin-top: 30px;

    aspect-ratio: 16 / 9;
}

/* IE11 */
.ie11 .filter-list li .title {
    width: 100%;
}

.ie11 .table_03 th,
.ie11 .table_03 th:first-of-type,
.ie11 .table_03 td {
    width: 33.33333%;
}

/* IE11 end */

/* id表示 */
main[data-element-id] [id],
main[data-element-id] [data-href*="#"] {
    position: relative;
}

main[data-element-id] [data-href*="#"]:before {
    content: attr(data-href)"";
    display: inline-block;
    padding: 5px 10px;
    font-size: 12px;
    color: #fff;
    line-height: 100%;
    background-color: #696969;
    z-index: 100;
}

main[data-element-id] [id]:before {
    content: attr(id)"";
    display: inline-block;
    padding: 5px 10px;
    font-size: 12px;
    color: #fff;
    line-height: 100%;
    background-color: #696969;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
}

main[data-element-id] [data-href$="/#"]:before {
    display: none;
}

/* id表示 end */

/* 見たまま編集 */
[data-element-id] .fead-scale {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

[data-element-id] #loading {
    width: 500px;
    height: 283px;
    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;
    border: 1px solid var(--color02);
    position: absolute;
    top: 200px;
    left: auto;
    right: 100px;
}

[data-element-id] #loading::before {
    content: "ローディング画面（1920×1080の25%サイズ）";
    width: calc(100% + 1px);
    display: block;
    padding: 5px 10px;
    font-size: 12px;
    color: #fff;
    line-height: 1;
    text-align: center;
    background-color: var(--color02);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    position: absolute;
    top: 0;
    left: 0;
}

[data-element-id] .loading-img {
    width: 130px;
    opacity: 1;
}

[data-element-id] .fixed-bnr,
[data-element-id] .totop {
    position: absolute;
}

[data-element-id].fixed-bnr-tel {
    display: block;
}

[data-element-id] [data-ab-test-block] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 600px;
    margin: 0 auto;
}

[data-element-id] [data-ab-test-contents] {
    width: 50%;
}

/* [data-element-id] [data-ab-test-contents]:nth-of-type(1)::before {
    content: "Aです";
    padding: 2px 10px;
    font-size: 12px;
    color: #fff;
    line-height: 1;
    text-align: center;
    background-color: #696969;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
} */

/* [data-element-id] [data-ab-test-contents]:nth-of-type(2)::before {
    content: "Bです";
    padding: 2px 10px;
    font-size: 12px;
    color: #fff;
    line-height: 1;
    text-align: center;
    background-color: #696969;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
} */

[data-element-id] nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 30px;
}

[data-element-id] .nav-list {
    width: 90%;
    -webkit-box-flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 auto 0 30px;
}

[data-element-id] .nav-list li {
    min-width: 110px;
    margin: 0 2px 20px;
    padding-top: 20px;
}

[data-element-id] .nav-list li+li::before {
    display: none;
}

[data-element-id] .nav-list li+li {
    padding-left: 0;
}

[data-element-id].sp-only,
[data-element-id] .nav-logo {
    display: block;
    border: 1px solid var(--color02);
    position: relative;
}

[data-element-id].sp-only::after,
[data-element-id] .nav-logo::after {
    content: "スマホナビ用";
    width: 100%;
    display: block;
    padding: 2px 5px;
    font-size: 12px;
    color: #fff;
    line-height: 1;
    text-align: center;
    background-color: var(--color02);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    position: absolute;
    top: 0;
    left: 0;
}

[data-element-id] .nav-logo {
    display: inline-block;
}

[data-element-id] .up-col-2>div,
[data-element-id] .up-col-3>div {
    width: 100%;
}

[data-element-id] .up-col-2>div[data-collection-list-content],
[data-element-id] .up-col-3>div[data-collection-list-content],
[data-element-id] .up-col-3>div[data-recommend-collection-list-content] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

[data-element-id] .up-col-2>div[data-collection-list-content] li {
    width: 48%;
    margin: 1%;
}

[data-element-id] .up-col-3>div[data-collection-list-content] li,
[data-element-id] .up-col-3>div[data-recommend-collection-list-content] li {
    width: calc(94% / 3);
    margin: 1%;
}

[data-element-id] .news-list li {
    overflow: hidden;
}

[data-element-id] .recruit-list li:nth-of-type(n+4) {
    display: none;
}

[data-element-id] .recruit-list>div>li+li {
    margin-top: 30px;
}

[data-element-id] .fixed-bgimg {
    position: static;
}

[data-element-id] .fixed-bgimg:before {
    display: none;
}

[data-element-id] .footer-bottom {
    background-color: #a9a9a9;
}

[data-element-id].balloon::before,
[data-element-id].balloon::after {
    display: none !important;
}

[data-element-id] .fixed-bnr-btn a[data-href*="."]:hover:before {
    display: none;
}

/* 見たまま編集 end */

/* 追加 */
.cork {
    background-image: url('/import/tenant_1/162.43.5.32/S01/images/87af75dad51cd942dc9761271ed25446.webp');
    background-size: cover;
    background-repeat: repeat-y;
    background-position: center center;
}

.area_38 {
    padding-bottom: 200px;
}

.leaf-section {
    position: relative;
}

.leaf-section::before {
    content: "" !important;
    width: 700px;
    height: 391px;
    display: block;
    background-image: url('/import/tenant_1/162.43.5.32/S01/images/960def35b024712fd0705ef1f9867192.webp');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent !important;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
    position: absolute;
    top: auto !important;
    bottom: 0px;
    right: -40px !important;
    z-index: 0 !important;
}

.leaf-section::after {
    content: "";
    width: 700px;
    height: 391px;
    display: block;
    background-image: url('/import/tenant_1/162.43.5.32/S01/images/960def35b024712fd0705ef1f9867192.webp');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1);
    position: absolute;
    top: 10px;
    left: -40px;
}

.leaf-section .title_01 {
    position: relative;
    z-index: 1;
}

.with-leaf-inner {
    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: start;
    align-items: flex-start;
    -ms-flex-align: start;
    padding: 20px 40px;
    border-radius: 10px;
    position: relative;
    z-index: 1;
}

.with-leaf-inner .ja,
.with-leaf-inner .en {
    text-shadow: white 2px 0px 0px,
        white -2px 0px 0px,
        white 0px -2px 0px,
        white 0px 2px 0px,
        white 2px 2px 0px,
        white -2px 2px 0px,
        white 2px -2px 0px,
        white -2px -2px 0px,
        white 1px 2px 0px,
        white -1px 2px 0px,
        white 1px -2px 0px,
        white -1px -2px 0px,
        white 2px 1px 0px,
        white -2px 1px 0px,
        white 2px -1px 0px,
        white -2px -1px 0px,
        white 1px 1px 0px,
        white -1px 1px 0px,
        white 1px -1px 0px,
        white -1px -1px 0px;
}

@media (max-width: 1024px) {

    .leaf-section::before,
    .leaf-section::after {
        width: 490px;
        height: 245px;
    }

    .leaf-section::before {
        bottom: 0;
    }

    .with-leaf-inner {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 20px 100px 20px 30px;
    }
}

@media (max-width: 599px) {
    .area_38 {
        padding-bottom: 120px;
    }

    .leaf-section::before,
    .leaf-section::after {
        width: 350px;
        height: 170px;
    }

    .leaf-section::after {
        left: -20px;
    }

    .leaf-section::before {
        bottom: 20px;
        right: -20px !important;
    }

    .with-leaf-inner {
        padding: 15px 80px 15px 20px;
    }
}

/* 追加 end */

#main_editor .loading {
    display: none;
}

/* 追加03/03 */

.mb20 {
    margin-bottom: 20px;
}

.caption-text {
    font-size: 14px;
}

.charge-sub-title {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 22px;
    color: #758f86;
    text-align: center;
    text-decoration: underline;
}


.border {
    width: 150px;
    height: 150px;
    border-radius: 50%;
}

.db-block {
    display: block;
}

.text-center {
    text-align: center;
}

.large-text {
    margin-top: 40px;
    font-size: 28px;
}

.mt15 {
    margin-top: 15px;
}

#price .fead-scale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#price .large-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
    /* margin-top: 20px; */
    font-size: 28px;
}

#price .large-text02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;
    /* margin-top: 20px; */
    font-size: 28px;
}

#price .image-box {
    width: 80%;
    margin: 20px auto;
}

@media only screen and (max-width: 599px) {
    #price .fead-scale {
        width: 47%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #price .large-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 20px;
        /* margin-top: 20px; */
        font-size: 28px;
        white-space: nowrap;
    }
}

.singlebox .single h2 {
    margin: 1em 0;
    padding: 0.7em 20px;
    font-weight: 600;
    font-size: 22px;
    color: var(--color02);
    line-height: 1;
    background: var(--color01);
}

.singlebox .single h3 {
    margin: 1em 0;
    padding: 0.5em;
    font-weight: 600;
    font-size: 20px;
    line-height: 1;
    border-left: solid 10px var(--color02);
}

.singlebox .single h4 {
    margin: 1em 0;
    padding-bottom: 0.5em;
    font-weight: 600;
    font-size: 18px;
    border-bottom: dotted 2px var(--color02);
}

.singlebox .single ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    -ms-flex-align: baseline;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
}

.singlebox ul li::before {
    content: "■";
    color: var(--color02);
}

.singlebox .single ol li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    -ms-flex-align: baseline;
    list-style-type: none;
    counter-increment: cnt;
}

.singlebox .single ol li::before {
    content: ""counter(cnt)".";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px;
    font-weight: bold;
    font-size: 120%;
    color: var(--color02);
}

.singlebox .single iframe[src*="youtube"] {
    height: auto;
    margin-top: 1em;
    margin-bottom: 1em;

    aspect-ratio: 16 / 9;
}

/* 2025/11/05 */
.whitebox{
  background-color: rgba(255,255,255,0.7);
  padding: 30px;
}

.whitebox+.whitebox{
  margin-top: 20px;
}

.title_04{
  background-color: var(--color02);
  color: #fff;
  padding: 0.5em;
}

.title_04::before{
  content: "\f14a";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  line-height: 1;
  margin-right: 0.5em;
}

.list-check li{
  padding-left: 1em;
  text-indent: -1em;
}

.list-check li::before{
  content: "・";
}

.newcontact-btn a{
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
  text-align: center;
  border-radius: 50px;
  overflow: hidden;
}

.flow-list_02.-ver02>li:nth-of-type(3n+1) {
    margin-left: 5%;
}



.reflection {
    overflow: hidden;
}

.reflection::before {
    content: "";
    width: 30px;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: reflection 2s ease-in-out infinite;
    animation: reflection 2s ease-in-out infinite;
    position: absolute;
    top: -180px;
    left: 0;
    z-index: 1;
    pointer-events: none;
}

@-webkit-keyframes reflection {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) rotate(45deg);
        transform: scale(0) rotate(45deg);
    }

    80% {
        opacity: 0.5;
        -webkit-transform: scale(0) rotate(45deg);
        transform: scale(0) rotate(45deg);
    }

    81% {
        opacity: 1;
        -webkit-transform: scale(4) rotate(45deg);
        transform: scale(4) rotate(45deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(50) rotate(45deg);
        transform: scale(50) rotate(45deg);
    }
}


/* PCとSPで表示非表示 */
.up-show\@pc {
  display: block;
}

.up-show\@sp {
  display: none;
}

@media (max-width: 599px) {
  .up-show\@sp {
    display: block;
  }

  .up-show\@pc {
    display: none;
  }
}

/* 見たまま編集画面用 */
[data-element-id] nav{
  flex-wrap: wrap;
}

[data-element-id].nav-list{
  align-items: flex-start;
}

[data-element-id].nav-list .list02 {
  visibility: visible;
  opacity: 1;
  transform: none;
  position: relative;
  left: auto;
}

[data-element-id].nav-logo{
  max-width: 375px;
  margin: 0 auto;
}

[data-element-id].fixed-bnr {
  position: relative;
}








.checkboxer label {
    display: inline-block;
    margin: 0.5em 0;
    padding: 0 10px 0 24px;
    position: relative;
    margin-right: 15px;
}

.checkboxer label::before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    border: 2px solid #dcdcdc;
    border-radius: 3px;
    background-color: white;
    position: absolute;
    top: 3px;
    left: 0;
    box-shadow: none;

}

.checkboxer label:hover {
    text-decoration: underline;
    cursor: pointer;
}

.checkboxer input {
    display: none;
}

.checkboxer input:checked+label {
    text-decoration: underline;
}

.checkboxer input:checked+label::after {
    content: "\f00c";
    width: 0;
    height: 0;
    display: inline-block;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 20px;
    color: red;
    line-height: 1;
    background-color: transparent;
    position: absolute;
    top: 4px;
    left: 2px;
}