@charset "UTF-8";
.index .mainimg {
    width: calc(100% - 5.2vw);
    height: 100vh;
    overflow: scroll;
    background: url(/system_panel/uploads/images/index_mainimg.jpg) no-repeat center rgba(29, 29, 29, 0.7);
    background-blend-mode: darken;
    background-size: cover;
    /*background-attachment: fixed;*/
    clip-path: polygon(3.125vw 0, 0 3.125vw, 0 calc(100% - 3.125vw), 3.125vw 100%, calc(100% - 3.125vw) 100%, 100% calc(100% - 3.125vw), 100% 3.125vw, calc(100% - 3.125vw) 0);
    overflow: hidden;
    /*overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overscroll-behavior: auto; */
    margin: 0 auto 6rem;

}
.index .mainimg h2 {
    font-size: 4rem;
    color: #fff;
    line-height: 2;
    position: relative;
    top: 60vh;
    left: 12.23vw;
    /*23.5*/
    z-index: 3;
}
.index_cnt1 {
    padding: 25rem 0;
    background: url(/system_panel/uploads/images/index_cnt1b_bg.jpg) no-repeat top right rgba(29, 29, 29, 0.7);
    background-blend-mode: darken;
    background-size: cover;
    overflow: hidden;
}
.index_cnt1 .inner {
    width: 90%;
    max-width: 120rem;
}
.index_cnt1 p:not(.buttonA) {
    margin: 0 0 5rem;
    color: #fff;
    line-height: 2.94;
}
.index_cnt2 {
    padding: 14rem 0;
}
.index_cnt2 .inner .col2 {
    width: 90%;
    max-width: 130rem;
    margin: auto;
    display: flex;
    align-items: center;
    gap: 5.2vw;
    /*10*/
}
.index_cnt2 .inner .col2 .left {
    width: 46%;
    aspect-ratio: 5.4/8;
    overflow: hidden;
}
.index_cnt2 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt2 .inner .col2 .right {
    width: 54%;
}
.index_cnt2 .inner .col2 .right .titleA {}
.index_cnt2 .inner .col2 .right>p:not(.buttonA) {
    line-height: 2.4;
    margin: 0 0 5rem;
}
.index .bg1 {
    width: calc(100% - 5.2vw);
    margin: auto;
    height: 82rem;
    background: url(/system_panel/uploads/images/index_bg1.jpg) no-repeat center;
    background-attachment: fixed;
}

.index_cnt3 {
    padding: 14rem 0;
}
.index_cnt3 .inner .col2 {
    width: 90%;
    max-width: 130rem;
    margin: auto;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 5.2vw;
    /*10*/
}
.index_cnt3 .inner .col2 .left {
    width: 46%;
    aspect-ratio: 7/6;
    overflow: hidden;
}
.index_cnt3 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt3 .inner .col2 .right {
    width: 54%;
}
.index_cnt3 .inner .col2 .right .titleA {}
.index_cnt3 .inner .col2 .right>p:not(.buttonA) {
    line-height: 2.4;
    margin: 0 0 5rem;
}





/*about*/
.about .mainimg {
    background: url(/system_panel/uploads/images/about_mainimg.jpg) center rgba(29, 29, 29, 0.65);
}
.about_cnt1 {
    padding: 13rem 0;
}
.about_cnt1 .inner .col2 {
    display: flex;
}
.about_cnt1 .inner .col2 .left {
    width: 50%;
    padding: 2.6vw;
    /*5*/
}
.about_cnt1 .inner .col2 .left h3 {
    font-size: 4rem;
    line-height: 1.7;
}
.about_cnt1 .inner .col2 .right {
    width: 50%;
}
.about_cnt1 .inner .col2 .right p {
    line-height: 2.41;
}
.about .sliderA {
    width: 100%;
}
.about .sliderA .pic {
    width: 100%;
    aspect-ratio: 5.6/4;
    overflow: hidden;
}
.about .sliderA .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.about_cnt2 {
    padding: 19rem 0;
}
.about_cnt2 .inner .col2 {
    width: 100%;
    margin: auto;
    display: flex;
    align-items: start;
    gap: 5.2vw;
    /*10*/
}
.about_cnt2 .inner .col2 .left {
    width: 46%;
}
.about_cnt2 .inner .col2 .left .sliderB .slick-prev,
.about_cnt2 .inner .col2 .left .sliderB .slick-next {
    top: initial;
    bottom: -5rem;
}
.about_cnt2 .inner .col2 .left .sliderB .slick-prev {
    left: initial;
    right: 4rem;
}
.about_cnt2 .inner .col2 .left .sliderB .slick-next {
    right: 0;
}
.about_cnt2 .inner .col2 .left .sliderB .slick-prev::before,
.about_cnt2 .inner .col2 .left .sliderB .slick-next::before {
    color: #1d1d1d;
}
.about_cnt2 .inner .col2 .left .sliderB .slick-prev::before {
    content: "";
    width: 3.2rem;
    height: 3.2rem;
    background: url(/system_panel/uploads/images/arrow.png) no-repeat center #fff;
    display: inline-block;
    transform: rotate(180deg);
    border: 0.1rem solid #1d1d1d;
    border-radius: 50%;
}
.about_cnt2 .inner .col2 .left .sliderB .slick-next::before {
    content: "";
    width: 3.2rem;
    height: 3.2rem;
    background: url(/system_panel/uploads/images/arrow.png) no-repeat center #fff;
    display: inline-block;
    border: 0.1rem solid #1d1d1d;
    border-radius: 50%;
}
.about_cnt2 .inner .col2 .left .sliderB .pic {
    aspect-ratio: 6/4.8;
    overflow: hidden;
    width: 100%;
}
.about_cnt2 .inner .col2 .left .sliderB .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.about_cnt2 .inner .col2 .right {
    width: 54%;
}
.about_cnt2 .inner .col2 .right h4 {
    font-size: 3rem;
    margin: 0 0 3rem;
}
.about_cnt2 .inner .col2 .right p {
    line-height: 2.4;
}
.about_cnt2 .inner .col2 .right p:not(:last-of-type) {
    margin: 0 0 5rem;
}
.about_cnt3 {
    background: url(/system_panel/uploads/images/about_cnt3_bg.jpg) rgba(29, 29, 29, 0.65);
    background-blend-mode: darken;
    background-size: cover;
    padding: 9rem 0;
}
.about_cnt3 .inner .titleB * {
    color: #fff;
}
.about_cnt3 .inner .titleB h3 {}
.about_cnt3 .inner .col2 {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: row-reverse;
    align-items: start;
    gap: 6.2vw;
    /*10*/
}
.about_cnt3 .inner .col2 .left {
    width: 35%;
    aspect-ratio: 5.2/8;
    overflow: hidden;
}
.about_cnt3 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.about_cnt3 .inner .col2 .right {
    width: 55%;
}
.about_cnt3 .inner .col2 .right h4 {
    font-size: 3.5rem;
    line-height: 1.71;
    color: #fff;
    margin: 0 0 3rem;
}
.about_cnt3 .inner .col2 .right>p:not(.buttonA) {
    color: #fff;
    line-height: 2.4;
}
.about_cnt3 .inner .col2 .right .ceo{
    display: flex;
    gap: 2rem;
    align-items: baseline;
    justify-content: end;
    color: #fff;
}
.about_cnt3 .inner .col2 .right .ceo .name{
    font-size: 2.7rem;
}
.about_cnt4 {
    padding: 16rem 0;
}
.about_cnt4 .inner .titleB{
    margin: 0 auto 8rem;
}
.about_cnt4 .inner .dl {
    width: 90%;
    max-width: 120rem;
    min-height: 7rem;
    display: flex;
    gap: 1rem;
    margin: auto;
}
.about_cnt4 .inner .dt {
    width: 25%;
    min-width: 5em;
    min-height: inherit;
    display: grid;
    align-items: center;
    text-align: center;
    border-bottom: 0.1rem solid #c4b9ae;
}
.about_cnt4 .inner .dd {
    width: 75%;
    min-height: inherit;
    display: grid;
    align-items: center;
    padding: 0 2.6vw;
    /*5*/
    border-bottom: 0.1rem solid #1d1d1d;
}





/*item*/
.item .mainimg {
    background: url(/system_panel/uploads/images/item_mainimg.jpg) center rgba(29, 29, 29, 0.65);
}
.item_cnt1 {
    padding: 13rem 0;
}
.item_cnt1 .inner .col2 {
    display: flex;
}
.item_cnt1 .inner .col2 .left {
    width: 50%;
    padding: 2.6vw;
    /*5*/
}
.item_cnt1 .inner .col2 .left h3 {
    font-size: 4rem;
    line-height: 1.7;
}
.item_cnt1 .inner .col2 .right {
    width: 50%;
}
.item_cnt1 .inner .col2 .right p {
    line-height: 2.41;
}
.item .sliderA {
    width: 100%;
    margin: 0 auto 20rem;
}
.item .sliderA .pic {
    width: 100%;
    aspect-ratio: 5.6/4;
    overflow: hidden;
}
.item .sliderA .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.item_cnt2 {
    padding: 9rem 5.2vw;
    /*10*/
    background: url(/system_panel/uploads/images/item_cnt2_bg.jpg) no-repeat;
    background-size: cover;
}
.item_cnt2 .inner * {
    color: #fff;
}
.item_cnt2 .inner .dl {
    padding: 0 0 0 40%;
    margin: 0 0 5rem;
}
.item_cnt2 .inner .dt {
    font-size: 3.5rem;
    margin: 0 0 1rem;
    display: flex;
    gap: 1.5625vw;
    /*3*/
    align-items: baseline;
    position: relative;
}
.item_cnt2 .inner .dl:nth-of-type(2) .dt::before {
    content: "01";
}
.item_cnt2 .inner .dl:nth-of-type(3) .dt::before {
    content: "02";
}
.item_cnt2 .inner .dl:nth-of-type(4) .dt::before {
    content: "03";
}
.item_cnt2 .inner .dt::after {
    content: "POINT";
    font-size: 1.4rem;
    letter-spacing: initial;
    position: absolute;
    left: 0;
    top: -1.5em;
}
.item_cnt2 .inner .dd {
    line-height: 2.41;
}
.item_cnt3 {
    margin: 16rem auto;
}
.item_cnt3 .inner .sliderC {
    margin: 0 auto 12rem;
}
.item_cnt3 .inner .sliderC.slick-slider .slick-track,
.item_cnt3 .inner .sliderC.slick-slider .slick-list {
    display: flex;
    align-self: stretch;
}
.item_cnt3 .inner .sliderC .slick-prev,
.item_cnt3 .inner .sliderC .slick-next {}
.item_cnt3 .inner .sliderC .slick-prev {
    left: -2.08vw;
}
.item_cnt3 .inner .sliderC .slick-next {
    right: -2.08vw;
}
.item_cnt3 .inner .sliderC .slick-prev::before,
.item_cnt3 .inner .sliderC .slick-next::before {
    color: #1d1d1d;
}
.item_cnt3 .inner .sliderC .slick-prev::before {
    content: "";
    width: clamp(2rem, 1.66vw, 3.2rem);
    height: clamp(2rem, 1.66vw, 3.2rem);
    background: url(/system_panel/uploads/images/arrow.png) no-repeat center #fff;
    display: inline-block;
    transform: rotate(180deg);
    border: 0.1rem solid #1d1d1d;
    border-radius: 50%;
}
.item_cnt3 .inner .sliderC .slick-next::before {
    content: "";
    width: clamp(2rem, 1.66vw, 3.2rem);
    height: clamp(2rem, 1.66vw, 3.2rem);
    background: url(/system_panel/uploads/images/arrow.png) no-repeat center #fff;
    display: inline-block;
    border: 0.1rem solid #1d1d1d;
    border-radius: 50%;
}
.item_cnt3 .inner .sliderC .dl {
    width: 100%;
    background: #fff;
    border: 0.1rem solid #c3c0be;
    padding: clamp(2rem, 2.6vw, 5rem);
    margin: 0.5rem;
    position: relative;
}
.item_cnt3 .inner .sliderC .dt {
    font-size: 2.9rem;
    line-height: 1.7;
    letter-spacing: initial;
    margin: 0 0 2rem;
}
.item_cnt3 .inner .sliderC .dd {
    line-height: 2.41;
}
.item_cnt3 .inner .sliderC .num{
    position: absolute;
    right: 2.6vw;
    bottom: 2.6vw;
}

.item_cnt3 .inner .col2 {
    width: 80%;
    max-width: 120rem;
    margin: auto;
    display: flex;
}
.item_cnt3 .inner .col2 .left {
    width: 45%;
}
.item_cnt3 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.item_cnt3 .inner .col2 .right {
    width: 55%;
    padding: clamp(2rem, 2.6vw, 5rem);
    /*5*/
    background: #1d1d1d;
    display: grid;
    align-content: center;
    gap: 3rem;
}
.item_cnt3 .inner .col2 .right h4 {
    font-size: 3.5rem;
    color: #fff;
}
.item_cnt3 .inner .col2 .right p {
    line-height: 2.41;
    color: #fff;
}
.item_cnt4 {
    padding: 0 0 12rem;
}
.item_cnt4 .inner .col2 {
    width: 100%;
    margin: auto;
    display: flex;
    align-items: start;
    gap: 5.2vw;
    /*10*/
}
.item_cnt4 .inner .col2 .left {
    width: 46%;
}
.item_cnt4 .inner .col2 .left .sliderD .slick-img {
    width: 100%;
    aspect-ratio: 6/4.8;
    overflow: hidden;
    padding: 0.5rem;
}
.item_cnt4 .inner .col2 .left .thumbnail-img {
    width: 100%;
    aspect-ratio: 1.94/1.55;
    overflow: hidden;
    padding: 0.5rem;
}

.item_cnt4 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.item_cnt4 .inner .col2 .left .sliderD .slick-prev,
.item_cnt4 .inner .col2 .left .sliderD .slick-next {
    top: initial;
    bottom: -5rem;
}
.item_cnt4 .inner .col2 .left .sliderD .slick-prev {
    left: initial;
    right: 4rem;
}
.item_cnt4 .inner .col2 .left .sliderD .slick-next {
    right: 0;
}
.item_cnt4 .inner .col2 .left .sliderD .slick-prev::before,
.item_cnt4 .inner .col2 .left .sliderD .slick-next::before {
    color: #1d1d1d;
}
.item_cnt4 .inner .col2 .left .sliderD .slick-prev::before {}
.item_cnt4 .inner .col2 .left .sliderD .slick-next::before {}
.item_cnt4 .inner .col2 .left .sliderD .pic {
    aspect-ratio: 6/4.8;
    overflow: hidden;
    width: 100%;
}
.item_cnt4 .inner .col2 .left .sliderD .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.item_cnt4 .inner .col2 .right {
    width: 54%;
}
.item_cnt4 .inner .col2 .right h4 {
    font-size: 3rem;
    margin: 3rem 0 3rem;
}
.item_cnt4 .inner .col2 .right .flex {
    display: flex;
    align-items: baseline;
    margin: 0 0 4rem;
}
.item_cnt4 .inner .col2 .right .flex .price {
    font-size: 3rem;
    font-weight: bold;
}
.item_cnt4 .inner .col2 .right .flex p {
    font-size: 1.5rem;
}
.item_cnt4 .inner .col2 .right .buttonA {
    margin: 0 0 4rem;
}
.item_cnt4 .inner .col2 .right>p {
    line-height: 2.4;
}
.item_cnt5 {
    padding: 12rem 0 17rem;
}
.item_cnt5 .inner .grid {
    max-width: 155rem;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5.2vw;
    /*10*/
}
.item_cnt5 .inner .grid .dl {
    width: 100%;
}
.item_cnt5 .inner .grid .dt {
    font-size: 2.7rem;
    padding: 0 0 0 clamp(2rem, 1.04vw, 2rem);
    display: flex;
    align-items: end;
    gap: 0.5rem;
}
.item_cnt5 .inner .grid .dt::after {
    content: "";
    width: 100%;
    height: 0.1rem;
    background: #c4b9ae;
    display: block;
}
.item_cnt5 .inner .grid .dt .span {
    border-bottom: 0.1rem solid #1d1d1d;
    padding: 0 0 2rem;
    white-space: nowrap;
}
.item_cnt5 .inner .grid .dd {
    line-height: 2.41;
    padding: 0 clamp(2rem, 1.04vw, 2rem);
}





/*garden*/
.garden .mainimg {
    background: url(/system_panel/uploads/images/garden_mainimg.jpg) center rgba(29, 29, 29, 0.65);
}
.garden_cnt1 {
    padding: 13rem 0;
}
.garden_cnt1 .inner .col2 {
    display: flex;
}
.garden_cnt1 .inner .col2 .left {
    width: 50%;
    padding: 2.6vw;
    /*5*/
}
.garden_cnt1 .inner .col2 .left h3 {
    font-size: 4rem;
    line-height: 1.7;
}
.garden_cnt1 .inner .col2 .left .illust {
    width: 18.59vw;
    max-width: 35.7rem;
}
.garden_cnt1 .inner .col2 .left .illust img {
    width: 100%;
}
.garden_cnt1 .inner .col2 .right {
    width: 50%;
}
.garden_cnt1 .inner .col2 .right p {
    line-height: 2.41;
}
.garden .sliderA {
    width: 100%;
    margin: 0 auto 20rem;
}
.garden .sliderA .pic {
    width: 100%;
    aspect-ratio: 5.6/4;
    overflow: hidden;
}
.garden .sliderA .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.garden_cnt2 {
    margin: 16rem auto;
}
.garden_cnt2 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 auto 12rem;
}

.garden_cnt2 .inner .grid .dl {
    width: 100%;
    background: #fff;
    border: 0.1rem solid #c3c0be;
    padding: clamp(2rem, 2.6vw, 5rem);
}
.garden_cnt2 .inner .grid .dl:nth-of-type(even) {
    background: #f6f3f0;
}
.garden_cnt2 .inner .grid .dt {
    font-size: 2.9rem;
    line-height: 1.7;
    letter-spacing: initial;
    margin: 0 0 2rem;
    display: flex;
    align-items: baseline;
    gap: 1.5625vw;
    /*3*/
    position: relative;
}
.garden_cnt2 .inner .grid .dl:nth-of-type(1) .dt::before {
    content: "01";
}
.garden_cnt2 .inner .grid .dl:nth-of-type(2) .dt::before {
    content: "02";
}
.garden_cnt2 .inner .grid .dl:nth-of-type(3) .dt::before {
    content: "03";
}
.garden_cnt2 .inner .grid .dl:nth-of-type(4) .dt::before {
    content: "04";
}
.garden_cnt2 .inner .grid .dl:nth-of-type(5) .dt::before {
    content: "05";
}
.garden_cnt2 .inner .grid .dl:nth-of-type(6) .dt::before {
    content: "06";
}
.garden_cnt2 .inner .grid .dt::after {
    content: "POINT";
    font-size: 1.4rem;
    letter-spacing: initial;
    position: absolute;
    left: 0;
    top: -1.5em;
}
.garden_cnt2 .inner .grid .pic {
    width: 100%;
    aspect-ratio: 4.7/2.15;
    overflow: hidden;
    margin: 0 auto 1rem;
}
.garden_cnt2 .inner .grid .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.garden_cnt2 .inner .grid .dd {
    line-height: 2.41;
}
.garden_cnt3 {
    padding: 9rem 2.6vw;
    background: url(/system_panel/uploads/images/garden_cnt3_bg.jpg) no-repeat center rgba(29, 29, 29, 0.65);
    background-blend-mode: darken;
}
.garden_cnt3 .inner * {
    color: #fff;
}
.garden_cnt3 .inner .flex {
    display: flex;
    justify-content: center;
}
.garden_cnt3 .inner .flex .figure {
    width: 33%;
}
.garden_cnt3 .inner .flex .figure:nth-of-type(even) {
    margin: 10rem auto 0;
}
.garden_cnt3 .inner .flex .figcaption {
    font-size: clamp(1.2rem, 1.4vw, 2.7rem);
    letter-spacing: initial;
    text-align: center;
    line-height: 2;
}
.garden_cnt3 .inner .flex .illust {
    width: 100%;
    text-align: center;
}
.garden_cnt3 .inner .flex .illust img {}
.garden_cnt4 {
    padding: 18rem 0 10rem;
}
.garden_cnt4 .inner .col2 {
    width: 95%;
    max-width: 150rem;
    display: flex;
    gap: 3.64vw;
    /*7*/
    margin: auto;
}
.garden_cnt4 .inner .col2 .left {
    width: 55%;
    aspect-ratio: 7.8/5.2;
    overflow: hidden;
}
.garden_cnt4 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.garden_cnt4 .inner .col2 .right {
    width: 45%;
}
.garden_cnt4 .inner .col2 .right .dl {
    width: 100%;
    min-height: 7rem;
    display: flex;
    gap: 1rem;
}
.garden_cnt4 .inner .col2 .right .dl:last-of-type {
    margin: 0 0 3rem;
}
.garden_cnt4 .inner .col2 .right .dt {
    width: 25%;
    min-height: inherit;
    display: grid;
    align-items: center;
    text-align: center;
    border-bottom: 0.1rem solid #c4b9ae;
}
.garden_cnt4 .inner .col2 .right .dd {
    width: 75%;
    min-height: inherit;
    display: grid;
    align-items: center;
    padding: 0 2.6vw;
    /*5*/
    border-bottom: 0.1rem solid #1d1d1d;
}
.garden_cnt4 .inner .col2 .right>p {
    line-height: 2.41;
}
.garden_cnt5 {
    padding: 10rem 0;
}
.garden_cnt5 .inner .set {
    width: 80%;
    max-width: 120rem;
    margin: auto;
    margin: 0 auto 8rem;
}
.garden_cnt5 .inner .set:nth-of-type(2) {}
.garden_cnt5 .inner .set h4 {
    font-size: 2.9rem;
    margin: 0 0 3rem;
    display: flex;
    align-items: baseline;
    gap: 1.5625vw;
    /*3*/
    position: relative;
}
.garden_cnt5 .inner .set h4::after {
    content: "POINT";
    font-size: 1.4rem;
    letter-spacing: initial;
    position: absolute;
    left: 0;
    top: -1.5em;
}
.garden_cnt5 .inner .set:nth-of-type(2) h4::before {
    content: "01";
}
.garden_cnt5 .inner .set:nth-of-type(3) h4::before {
    content: "02";
}
.garden_cnt5 .inner .set>p {
    line-height: 2.41;
    margin: 0 0 5rem;
}
.garden_cnt5 .inner .set .table {
    width: 100%;
}
.garden_cnt5 .inner .set .table .thead {}
.garden_cnt5 .inner .set .table .thead .tr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.garden_cnt5 .inner .set .table .thead .tr .th {
    display: grid;
    align-items: center;
    text-align: center;
    min-height: 8rem;
    background: #f6f3f0;
    text-align: center;
    border-top: 0.1rem solid #1d1d1d;
}
.garden_cnt5 .inner .set .table .thead .tr .th:first-of-type {
    border-left: 0.1rem solid #1d1d1d;
}
.garden_cnt5 .inner .set .table :is(.th, .td) {
    border-right: 0.1rem solid #1d1d1d;
    border-bottom: 0.1rem solid #1d1d1d;
}
.garden_cnt5 .inner .set .table .tbody {}
.garden_cnt5 .inner .set .table .tbody .tr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.garden_cnt5 .inner .set .table .tbody .tr .th:first-of-type {
    border-left: 0.1rem solid #1d1d1d;
}
.garden_cnt5 .inner .set .table .tbody .tr :is(.th, .td) {
    min-height: 11rem;
    background: #fff;
    display: grid;
    align-content: center;
    justify-content: center;
    text-align: center;
    font-size: 2.3rem;
}
.garden_cnt5 .inner .set .table .tbody .tr .td .cap {
    font-size: 1.4rem;
    letter-spacing: initial;
    margin: 1rem auto 0;
}
.garden_cnt5 .inner .window {
    width: 80%;
    max-width: 120rem;
    margin: 7rem auto 0;
    background: #d9d3ce;
    padding: clamp(2rem, 2.6vw, 5rem);
    /*5*/
    border: 0.1rem solid #c8bfb8;
    position: relative;
}
.garden_cnt5 .inner .window h5 {
    font-size: 2.9rem;
    margin: 0 0 2rem;
    position: relative;
    z-index: 2;
}
.garden_cnt5 .inner .window p {
    line-height: 2.41;
    position: relative;
    z-index: 2;
}
.garden_cnt5 .inner .window .illust {
    width: 20.468vw;
    max-width: 39.3rem;
    /**/
    position: absolute;
    right: -6.77vw;
    /*13*/
    bottom: -4rem;
}
.garden_cnt5 .inner .window .illust img {
    width: 100%;
}
.garden_cnt7 {
    padding: 12rem 0 17rem;
}
.garden_cnt7 .inner .grid {
    max-width: 155rem;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5.2vw;
    /*10*/
}
.garden_cnt6 {
    padding: 10rem 0;
}
.garden_cnt6 .inner .col2 {
    width: 80%;
    max-width: 120rem;
    background: #fff;
    border: 0.1rem solid #1d1d1d;
    padding: clamp(2rem, 2.6vw, 5rem);
    /*5*/
    display: flex;
    align-items: center;
    gap: 2.08vw 2.6vw;
    /*4 5*/
    margin: 0 auto 3rem;
}
.garden_cnt6 .inner .col2:last-of-type {
    margin: 0 auto;
}
.garden_cnt6 .inner .col2 .left {
    width: 38%;
}
.garden_cnt6 .inner .col2 .left h4 {
    font-size: 2.9rem;
    display: flex;
    align-items: baseline;
    gap: 1.5625vw;
    /*3*/
    position: relative;
}
.garden_cnt6 .inner .col2:nth-of-type(2) .left h4::before {
    content: "01";
}
.garden_cnt6 .inner .col2:nth-of-type(3) .left h4::before {
    content: "02";
}
.garden_cnt6 .inner .col2:nth-of-type(4) .left h4::before {
    content: "03";
}
.garden_cnt6 .inner .col2 .left h4::after {
    content: "POINT";
    font-size: 1.4rem;
    letter-spacing: initial;
    position: absolute;
    left: 0;
    top: -1.5em;
}
.garden_cnt6 .inner .col2 .right {
    width: 62%;
}
.garden_cnt6 .inner .col2 .right p {
    line-height: 2.41;
}
.garden_cnt6 .inner .col2 .right .buttonA {
    margin: 2rem 0 0;
}
.garden_cnt7 .inner .grid .dl {
    width: 100%;
}
.garden_cnt7 .inner .grid .dt {
    font-size: 2.7rem;
    padding: 0 0 0 clamp(2rem, 1.04vw, 2rem);
    display: flex;
    align-items: end;
    gap: 0.5rem;
}
.garden_cnt7 .inner .grid .dt::after {
    content: "";
    width: 100%;
    height: 0.1rem;
    background: #c4b9ae;
    display: block;
}
.garden_cnt7 .inner .grid .dt .span {
    border-bottom: 0.1rem solid #1d1d1d;
    padding: 0 0 2rem;
    white-space: nowrap;
}
.garden_cnt7 .inner .grid .dd {
    line-height: 2.41;
    padding: 0 clamp(2rem, 1.04vw, 2rem);
}







/*contact*/
.contact .mainimg {
    background: url(/system_panel/uploads/images/contact_mainimg.jpg) top center rgba(29, 29, 29, 0.65);
  background-position: center;
}
.contact_cnt1 {
    padding: 11rem 0;
}
.contact_cnt1 .inner {
    max-width: 120rem;
}

.contact_cnt1 .titleB {}
.contact_cnt1 .inner>p {
    line-height: 2.41;
    text-align: center;
    margin: 0 0 7rem;
}
.contact_cnt1 .inner>p a {
    color: #9a7c64;
    text-decoration: underline;
}

form>.dl {
    width: 100%;
    min-height: 6.5rem;
    display: flex;
    align-items: start;
    gap: 1rem;
}
form>.dl>.dt {
    align-self: stretch;
    border-bottom: 0.1rem solid #1d1d1d;
    width: 25%;
    min-height: inherit;
    padding: 0.5rem 1em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
form .dt .required {
    font-size: 1.5rem;
    color: #fff;
    align-items: center;
    background: #1d1d1d;
    ;
    padding: 0.5rem;
}
form>.dl>.dd {
    align-self: stretch;
    width: 75%;
    min-height: inherit;
    border-bottom: 0.1rem solid #c4b9ae;
    padding: 0.5rem 0 0.5rem 1em;
}
form>.dl>.dd>.dl {
    min-height: inherit;
    display: flex;
    align-items: center;
    gap: 1rem;
}
form>.dl>.dd>.dl:first-of-type {
    margin: 0 0 1rem;
}
form>.dl>.dd>.dl>.dd {
    min-height: inherit;
}
form>.dl>.dd>.dl>.dd select {
    min-width: 5em;
    min-height: 100%;
    background: #fff;
}
form input[type="text"],
form input[type="email"],
form textarea {
    width: 100%;
    height: 100%;
    min-height: inherit;
    border: 0.1rem solid #1d1d1d;
    background: #fff;
  padding: 1rem;
}
}
form textarea {
    height: 23rem;
}
form .dl .dd .selectArea {
    min-height: inherit;
    display: flex;
    gap: 1rem;
}
form .dl .dd .selectArea div {
    width: fit-content;
    display: inline-block;
}
form .terms {
    background: #f7f4f0;
    border: 0.1rem solid #1d1d1d;
    padding: clamp(2rem, 2.08vw, 4rem);
    height: 45.5rem;
    overflow-y: scroll;
    margin: 1rem 0 5rem 0;
}
form .terms p {
    line-height: 2.35;
}
form .col {

    width: 100% !important;
    display: flex;
    justify-content: center;
    margin: 0 auto 5rem;
}
form .col label {
    width: fit-content;
}
form .privacyLabel {
    width: 100%;
    text-align: center;
}
form button {
    -webkit-appearance: none;
    display: block;
    margin: auto;
    cursor: pointer;
}

.formTextArea {
      height: 20rem;
}