@charset "UTF-8";





/*index*/
.index .mainimg {
    height: 100vh;
    background: url(/system_panel/uploads/images/index_mainimg.jpg) no-repeat center;
    background-size: cover;
}
.index .mainimg .title {
    height: 100%;
    display: grid;
    align-items: center;
    align-content: center;
    justify-content: center;
    gap: 2rem;
}
.index .mainimg .title p {
    grid-row: 1;
    font-size: 2.7rem;
    text-align: center;
    color: #fff;
}
.index .mainimg a {
    width: 22.91vw;
    /*44*/
    min-width: 24rem;
    position: absolute;
    z-index: 1;
    left: 13.02vw;
    /*25*/
    bottom: 2.08vw;
    /*4*/
    border: 0.1rem solid #999999;
    color: #fff;
    text-decoration: none;
}

.index .mainimg a::after {
    content: "";
    background: url(/system_panel/uploads/images/arrowA.png) no-repeat;
    background-size: cover;
    width: 3.4rem;
    min-width: 3.4rem;
    min-height: 3.4rem;
    display: inline-block;
    position: absolute;
    top: calc(50% - 1.7rem);
    right: 2rem;
}
.index .mainimg a:hover:after {
    right: 1rem;
    transition: 0.5s;
}
.index .mainimg a .dl {
    width: 100%;
    min-height: 8rem;
    display: grid;
    align-items: center;
    align-content: center;
    gap: 1.5rem;
    padding: 2rem clamp(2rem, 1.5625vw, 3rem);
}
.index .mainimg a .dt {
    font-size: 1.4rem;
}
.index .mainimg a .dl p{
    text-align: left;
}
.index_cnt1 {
    padding: 18rem 0;
    background: url(/system_panel/uploads/images/bgA.jpg) center;
    background-size: auto;
}
.index_cnt1 .inner {
    max-width: 133rem;
}
.index_cnt1 .inner .col2 {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    gap: 5.2vw;
    /*10*/
}
.index_cnt1 .inner .col2 .left {
    width: 59%;
}
.index_cnt1 .inner .col2 .left>p {
    line-height: 1.8;
    color: #fff;
    margin: 0 0 5rem;
      font-size: 1.9rem;
}
.index_cnt1 .inner .col2 .left .flex {
    display: flex;
    gap: 5.2vw;
    /*10*/
}
.index_cnt1 .inner .col2 .right {
    width: 41%;
}
.index_cnt1 .inner .col2 .right img {
    width: 100%;
}
.index_cnt1 .marquee {
    width: 100%;
    height: 10rem;
    overflow: hidden;
    margin: -2.08vw 0 27rem;/*4*/
    position: relative;
}
.index_cnt1 .marquee p {
    font-size: 10rem;
    color: rgb(255 255 255 / 14%);
    animation: marquee 10s infinite linear forwards;
    position: absolute;
    top: 0;
    left: 100%;
}
@keyframes marquee {
    0% {
        left: 100%;
    }
    100% {
        left: -100%;
    }
}
.index_cnt1 .inner>.flex {
    display: flex;
    align-items:end;
    justify-content: space-between;
}
.index_cnt1 .inner .flex .titleA {
    width: fit-content;
}
.index_cnt1 .inner .flex .buttonA {
    margin: 0 0 3rem;
}
.index_cnt1 .inner .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5625vw;
    /*3*/
}
.index_cnt1 .inner .grid .dl {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 2rem;
}
.index_cnt1 .inner .grid .dt {
    grid-row: 2;
    grid-column: 1;
    color: #a8a8a8;
}
.index_cnt1 .inner .grid .pic {
    grid-row: 1;
    grid-column: span 2;
    aspect-ratio: 3.1/3.2;
    overflow: hidden;
}
.index_cnt1 .inner .grid .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt1 .inner .grid .price {
    grid-row: 2;
    grid-column: 2;
    color: #fff;
    width: fit-content;
    margin: 0 0 0 auto;
}
:is(.index_cnt2, .index_cnt3) {
    padding: 18rem 0;
}
:is(.index_cnt2, .index_cnt3) .inner>p {
    font-size: 2rem;
    color: #fff;
    line-height: 1.8;
    margin: 0 0 9rem;
}
.index_cnt2 {
    background: url(/system_panel/uploads/images/index_cnt2_bg.jpg) no-repeat center;
    background-size: cover;
}
.index_cnt3 {
    background: url(/system_panel/uploads/images/index_cnt3_bg.jpg) no-repeat center;
    background-size: cover;
}
.index_cnt3 .inner .flex {
    display: flex;
    gap: 5.2vw;
    /*10*/
}
.index_cnt4 {
    padding: 15rem 0;
    background: url(/system_panel/uploads/images/bgA.jpg) no-repeat center;
    background-size: cover;
}
.index_cnt4 .inner * {
    color: #fff;
}
.index_cnt4 .inner>p {
    font-size: 2rem;
    line-height: 1.8;
    margin: 0 0 5rem;
}
.index_cnt4 .inner .col2 {
    display: flex;
    gap: 2rem;
}
.index_cnt4 .inner .col2 :is(.left, .right) {
    width: 50%;
    display: grid;
    align-content: start;
    gap: 2rem;
}
.index_cnt4 .inner .col2 :is(.left, .right) h4 {
    width: fit-content;
    font-size: 3.3rem;
}
.index_cnt4 .inner .col2 :is(.left, .right) h4 a {
    position: relative;
    text-decoration: none;
}
.index_cnt4 .inner .col2 :is(.left, .right) h4 a::after {
    content: "";
    background: url(/system_panel/uploads/images/arrowA.png) no-repeat;
    width: 3.4rem;
    min-width: 3.4rem;
    height: 3.4rem;
    display: inline-block;
    position: absolute;
    right: -5rem;
}
.index_cnt4 .inner .col2 :is(.left, .right) h4 a:hover::after {
    right: -6rem;
    transition: 0.5s;
}
.index_cnt4 .inner .col2 :is(.left, .right) .pic {
    grid-row: 1;
    width: 100%;
    aspect-ratio: 3/2;
    overflow: hidden;
}
.index_cnt4 .inner .col2 :is(.left, .right) .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt4 .inner .col2 :is(.left, .right) p {
    line-height: 2;
}
.index_cnt5 {
    padding: 14rem 0;
    border-bottom: 0.1rem solid #19100c;
}
.index_cnt5 .inner h3 {
    font-size: 5rem;
    margin: 0 0 5rem;
}
.index_cnt5 .inner>p {
    margin: 0 0 5rem;
}
.index_cnt5 .inner .flex {
    display: flex;
    gap: 1rem;
    margin: 0 auto 5rem;
}
.index_cnt5 .inner .flex .youtube {
    width: 50%;
    height: auto;
    aspect-ratio: 1.77/1;
}
.index_cnt5 .inner .flex .youtube iframe {
    width: 100%;
    height: 100%;
    border: none;
}
.index_cnt5 .inner .buttonB {
    min-height: 8rem;
    border: 0.1rem solid #19100c;
    margin: auto;
    line-height: 1.5;
}
.index_cnt5 .inner .buttonB a {
    padding: 0 6em 0 3em;
}
.index_cnt5 .inner .buttonB a::after {
    right: 2rem;
}
.index_cnt5 .inner .buttonB a:hover::after {
    right: 1rem;
}
.index_cnt6 {
    padding: 20rem 0;
}
.index_cnt6 .inner .flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 7rem;
}
.index_cnt6 .inner h3 {
    font-size: 5rem;
}
.index_cnt6 .inner .webgene-blog {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
}
.index_cnt6 .inner .webgene-blog .webgene-item {
    width: 100%;
    aspect-ratio: 3.2/4.3;
    overflow: hidden;
}
.index_cnt6 .inner .webgene-blog .webgene-item a {}
.index_cnt6 .inner .webgene-blog .webgene-item a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index .bg1 {
    width: 100%;
    height: 100rem;
    background: url(/system_panel/uploads/images/index_bg1.jpg) center;
    background-size: cover;
    background-attachment: fixed;
}
.index_cnt7 {
    padding: 15rem 0;
}
.index_cnt7 .inner .flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 7rem;
}
.index_cnt7 .inner h3 {
    font-size: 5rem;
}
.index_cnt7 .webgene-blog {
    display: flex;
    gap: 1.5625vw;
    /*3*/
}
.index_cnt7 .webgene-blog .webgene-item {
    width: 100%;
    margin: 0 0.78vw;
    /*1.5*/
}
.index_cnt7 .webgene-blog .webgene-item .dl {
    display: grid;
    gap: 1.5rem;
}
.index_cnt7 .webgene-blog .webgene-item .dt {
    grid-row: 3;
    grid-column: 1;
}
.index_cnt7 .webgene-blog .webgene-item .dt a {
    color: inherit;
    text-decoration: none;
}
.index_cnt7 .webgene-blog .webgene-item .day {
    grid-row: 2;
    grid-column: 1;
    width: fit-content;
    height: 2.2rem;
    display: grid;
    align-items: center;
    font-size: 1.5rem;
}
.index_cnt7 .webgene-blog .webgene-item .cate {
    grid-row: 2;
    grid-column: 1;
    font-size: 1.4rem;
    margin: 0 0 0 auto;
    width: fit-content;
    height: 2.2rem;
    background: #19100c;
    display: grid;
    align-items: center;
    font-size: 1.4rem;
    color: #fff;
    padding: 0 1em;
}
.index_cnt7 .webgene-blog .webgene-item .pic {
    grid-row: 1;
    grid-column: 1;
    width: 100%;
    aspect-ratio: 4/3;
    overflow: hidden;
}
.index_cnt7 .webgene-blog .webgene-item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}




/*about*/
.about .mainimg {
    background: url(/system_panel/uploads/images/about_mainimg.jpg) no-repeat center;
    background-size: cover;
}
.about_cnt1 {
    background: url(/system_panel/uploads/images/bgB.jpg) no-repeat center;
    background-size: cover;
    padding: 7.8125vw 0 28.64vw;
    /*15 55*/
    position: relative;
}
.about_cnt1 .inner .pic1 {
    width: 26.04vw;
    /*50*/
    aspect-ratio: 5/7;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 6.77vw;
    /*13*/
}
.about_cnt1 .inner .pic2 {
    width: 30.72vw;
    /*59*/
    aspect-ratio: 5.9/4.8;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 22.9vw;
    /*44*/
}
.about_cnt1 .inner .pic3 {
    width: 20.8vw;
    /*40*/
    aspect-ratio: 4/5.5;
    overflow: hidden;
    position: absolute;
    left: 15.625vw;
    /*30*/
    bottom: 5.2vw;
    /*10*/
}
.about_cnt1 .inner .pic4 {
    width: 30.72vw;
    /*59*/
    aspect-ratio: 5.9/4.8;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: -5.2vw;
    /*10*/
}
.about_cnt1 .inner [class^="pic"] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.about_cnt1 .inner .titleA {
    margin: 0 0 8rem;
    position: relative;
    z-index: 1;
}
.about_cnt1 .inner>p {
    font-size: 2rem;
    line-height: 1.8;
    color: #fff;
    padding: 0 21% 0 27.5%;
    /*25 33*/
    margin: 0 0 10rem;
    position: relative;
    z-index: 1;
}
.about_cnt1 .inner>p:last-of-type {
    font-size: 2rem;
    line-height: 1.8;
    color: #fff;
    padding: 0 0 0 35%;
    /*42*/
    margin: 0;
}
.about_cnt1 .inner .col2 {
    display: flex;
}
.about_cnt2 {
    padding: 22rem 0 18rem;
}
.about_cnt2 .inner .titleA {
    margin: 0 0 17rem;
}
.about_cnt2 .inner .titleA h3 {
    color: #0b0c0c;
}
.about_cnt2 .inner .set {
    position: relative;
    padding: 5rem 0 5rem 13.5%;
    border-bottom: 0.1rem solid #19100c;
}
.about_cnt2 .inner .set::before {
    content: "";
    font-size: 2.1rem;
    color: #a8a8a8;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 5rem;
}
.about_cnt2 .inner .set:nth-of-type(2)::before {
    content: "FEATURE01";
}
.about_cnt2 .inner .set:nth-of-type(3)::before {
    content: "FEATURE02";
}
.about_cnt2 .inner .set:nth-of-type(4)::before {
    content: "FEATURE03";
}
.about_cnt2 .inner .set:nth-of-type(2) {
    border-top: 0.1rem solid #19100c;
}
.about_cnt2 .inner .set h4 {
    font-size: 3.3rem;
    margin: 0 0 3rem;
}
.about_cnt2 .inner .set .col2 {
    display: flex;
    flex-direction: row-reverse;
    gap: 3.125vw;
    /*6*/
}
.about_cnt2 .inner .set .col2 .left {
    width: 40%;
    aspect-ratio: 3.9/2.6;
    overflow: hidden;
}
.about_cnt2 .inner .set .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.about_cnt2 .inner .set .col2 .right {
    width: 60%;
}
.about_cnt2 .inner .set .col2 .right p:not(.buttonB) {
    font-size: 2rem;
    line-height: 1.8;
    margin: 0 0 3rem;
}
.about_cnt3 {
    padding: 15rem 0;
    background: url(/system_panel/uploads/images/bgA.jpg) no-repeat center;
    background-size: cover;
}
.about_cnt3 .inner {
    max-width: 133rem;
}
.about_cnt3 .inner>p {
    line-height: 2rem;
    line-height: 1.8;
    color: #fff;
    padding-bottom: 3rem;
}
.about_cnt3 .slider {
    width: calc(100% - 15.625vw);
    position: relative;
    left: 15.625vw;
    /*30*/
}
.about_cnt3 .slider .slick-prev {
    top: 30%;
    z-index: 2;
}
.about_cnt3 .slider .slick-next {
    right: 33%;
    top: 30%;
    z-index: 2;
}
.about_cnt3 .slider .slick-prev::before {
    content: "";
    background: url(/system_panel/uploads/images/prev.png) no-repeat;
    width: 4.6rem;
    min-width: 4.6rem;
    height: 4.6rem;
    display: inline-block;
}
.about_cnt3 .slider .slick-next::before {
    content: "";
    background: url(/system_panel/uploads/images/next.png) no-repeat;
    width: 4.6rem;
    min-width: 4.6rem;
    height: 4.6rem;
    display: inline-block;
}
.about_cnt3 .slider .dl {
    width: 100%;
    display: grid;
    gap: 1rem;
    margin: 0 0.78vw;
    /*1.5*/
}
.about_cnt3 .slider .dt {
    grid-row: 2;
    font-size: 2.7rem;
    color: #fff;
}
.about_cnt3 .slider .pic {
    grid-row: 1;
    width: 100%;
    aspect-ratio: 5.25/3.5;
    overflow: hidden;
}
.about_cnt3 .slider .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.about_cnt3 .slider .cmt {
    color: #fff;
    line-height: 2;
}
.about_cnt4 {
    background: url(/system_panel/uploads/images/bgC.jpg) no-repeat center;
    background-size: cover;
    padding: 20rem 0;
}
.about_cnt4 .inner .set {
    display: grid;
    grid-template-columns: 42.5% 1fr;
    align-content: center;
    align-items: center;
    gap: 3.125vw 6.25vw;
    /*6 12*/
}
.about_cnt4 .inner .set .titleA {
    grid-row: 1;
    grid-column: 2;
    align-self: end;
    margin: 0;
    grid-template-columns: auto 1fr;
}
.about_cnt4 .inner .set .titleA h3 {
    color: #0b0c0c;
    line-height: 1;
    grid-column: 1;
    grid-row: 2;
}
.about_cnt4 .inner .set .titleA .eng {
    grid-column: 2;
    grid-row: 2;
    align-self: end;
}
.about_cnt4 .inner .set .titleA p {
    grid-column: span 2;
}
.about_cnt4 .inner .set .pic {
    grid-row: span 2;
    grid-column: 1;
    width: 95%;
    margin: 0 0 0 auto;
    aspect-ratio: 4.5/6.8;
    overflow: hidden;
}
.about_cnt4 .inner .set .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.about_cnt4 .inner .set .titleA {
    grid-row: 1;
    grid-column: 2;
}
.about_cnt4 .inner .set>p {
    font-size: 2rem;
    line-height: 1.8;
    align-self: start;
}
.about_cnt5 {
    padding: 15rem 0;
}
.about_cnt5 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4.16vw;
    /*8*/
    margin: 0 auto 6rem;
}
.about_cnt5 .inner .grid .dl {
    display: grid;
    gap: 1rem;
}
.about_cnt5 .inner .grid .dt {
    grid-row: 2;
    grid-column: 1;
    font-size: 2.2rem;
    margin: 0 0 0 4em;
}
.about_cnt5 .inner .grid .day {
    grid-row: 2;
    grid-column: 1;
    font-size: 1.5rem;
    align-self: end;
}
.about_cnt5 .inner .grid .pic {
    grid-row: 1;
    grid-column: 1;
    margin: auto;
    height: 30rem;
}
.about_cnt5 .inner .grid .pic img {
    height: 100%;
}
.about_cnt5 .inner .grid .cmt {
    grid-row: 3;
    grid-column: 1;
    line-height: 1.65;
}
.about_cnt5 .inner .set {
    width: fit-content;
    min-height: 10rem;
    background: #19100c;
    display: grid;
    gap: 1rem;
    justify-content: center;
    align-content: center;
    margin: auto;
    padding: 0 2.08vw;
    /*4*/
}

.about_cnt5 .inner .set .buttonA {
    font-size: 2.5rem;
    margin: auto;
}
.about_cnt5 .inner .set p:not(.buttonA) {
    color: #fff;
}





/*leather*/
.leather .mainimg {
    background: url(/system_panel/uploads/images/leather_mainimg.jpg) no-repeat center;
    background-size: cover;
}
.leather_cnt1 {
    background: url(/system_panel/uploads/images/bgB.jpg) no-repeat center;
    background-size: cover;
    padding: 7.8125vw 0 28.64vw;
    /*15 55*/
    position: relative;
}
.leather_cnt1 .inner .titleA {
    position: relative;
    z-index: 1;
}
.leather_cnt1 .inner .pic1 {
    width: 26.04vw;
    /*50*/
    aspect-ratio: 1/1;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 6.77vw;
    /*13*/
}
.leather_cnt1 .inner .pic2 {
    width: 40.62vw;
    /*78*/
    aspect-ratio: 7.8/4.4;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 34.89vw;
    /*67*/
}
.leather_cnt1 .inner .pic3 {
    width: 31.25vw;
    /*60*/
    aspect-ratio: 6/4;
    overflow: hidden;
    position: absolute;
    right: 18.75vw;
    /*36*/
    bottom: 6.77vw;
    /*13*/
}
.leather_cnt1 .inner [class^="pic"] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.leather_cnt1 .inner .titleA {
    margin: 0 0 8rem;
}
.leather_cnt1 .inner>p {
    font-size: 2rem;
    line-height: 1.8;
    color: #fff;
    /*25 33*/
    margin: 0 0 10rem;
    position: relative;
    z-index: 1;
}
.leather_cnt2 {
    padding: 17rem 0;
    position: relative;
}
.leather_cnt2 .inner .titleA {
    margin: 0 0 17rem;
}
.leather_cnt2 .inner .titleA h3 {
    color: #0b0c0c;
}
.leather_cnt2 .inner .set {
    position: relative;
    padding: 5rem 0 5rem 13.5%;
    border-bottom: 0.1rem solid #19100c;
}
.leather_cnt2 .inner .set::before {
    content: "";
    font-size: 2.1rem;
    color: #a8a8a8;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 5rem;
}
.leather_cnt2 .inner .set:nth-of-type(2)::before {
    content: "FEATURE01";
}
.leather_cnt2 .inner .set:nth-of-type(3)::before {
    content: "FEATURE02";
}
.leather_cnt2 .inner .set:nth-of-type(4)::before {
    content: "FEATURE03";
}
.leather_cnt2 .inner .set:nth-of-type(5)::before {
    content: "FEATURE04";
}
.leather_cnt2 .inner .set:nth-of-type(2) {
    border-top: 0.1rem solid #19100c;
}
.leather_cnt2 .inner .set h4 {
    font-size: 3.3rem;
    margin: 0 0 3rem;
}
.leather_cnt2 .inner .set>p {
    font-size: 2rem;
    line-height: 1.8;
    margin: 0 0 3rem;
}
.leather_cnt2 .inner .set .slider {
    width: 76vw;
    /*146*/
    transform: translate(-2.6vw, 0);
    position: relative;
}
.leather_cnt2 .inner .set .slider .dl {
    display: grid;
    gap: 2rem;
    margin: 0 2.6vw 0 0;
    /*5*/
}
.leather_cnt2 .inner .set .slider .dt {
    grid-row: 2;
    font-size: 2.7rem;
    font-weight: 600;
}
.leather_cnt2 .inner .set .slider .pic {
    grid-row: 1;
    width: 100%;
    aspect-ratio: 5.25/3.5;
    overflow: hidden;
    margin: 0 5rem 0 0;
}
.leather_cnt2 .inner .set .slider .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.leather_cnt2 .inner .set .slider .cmt {
    line-height: 2;
}
.leather_cnt2 .inner .set .slider .slick-prev {
    width: 4.6rem;
    min-width: 4.6rem;
    height: 4.6rem;
    z-index: 2;
}
.leather_cnt2 .inner .set .slider .slick-next {
    width: 4.6rem;
    min-width: 4.6rem;
    height: 4.6rem;
    right: 35%;
    top: 50%;
    z-index: 2;
}
.leather_cnt2 .inner .set .slider .slick-prev::before {
    content: "";
    background: url(/system_panel/uploads/images/prev.png) no-repeat;
    width: 4.6rem;
    min-width: 4.6rem;
    height: 4.6rem;
    display: inline-block;
}
.leather_cnt2 .inner .set .slider .slick-next::before {
    content: "";
    background: url(/system_panel/uploads/images/next.png) no-repeat;
    width: 4.6rem;
    min-width: 4.6rem;
    height: 4.6rem;
    display: inline-block;
}
.leather_cnt2 .inner .set .col2 {
    display: flex;
    gap: 2.6vw;
    /*5*/
    width: calc(100% + 3.125vw);
    /*6*/
    transform: translate(-3.125vw, 0);
}
.leather_cnt2 .inner .set .col2 :is(.left, .right) {
    width: 50%;
}
.leather_cnt2 .inner .set .col2 :is(.left, .right) .dl {
    display: grid;
    gap: 2rem;
}
.leather_cnt2 .inner .set .col2 :is(.left, .right) .dt {
    grid-row: 2;
    font-size: 2.7rem;
    font-weight: 600;
}
.leather_cnt2 .inner .set .col2 :is(.left, .right) .pic {
    grid-row: 1;
    width: 100%;
    aspect-ratio: 5.25/3.5;
    overflow: hidden;
}
.leather_cnt2 .inner .set .col2 :is(.left, .right) img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.leather_cnt2 .inner .set .col2 :is(.left, .right) .cmt {
    line-height: 2;
}
.leather_cnt3 {
    background: url(/system_panel/uploads/images/bgC.jpg) no-repeat center;
    background-size: cover;
    padding: 20rem 0;
}
.leather_cnt3 .inner .col2 {
    display: flex;
    gap: 5.2vw;
    /*10*/
    align-items: end;
}
.leather_cnt3 .inner .col2 .left {
    width: 52%;
}
.leather_cnt3 .inner .col2 .left .titleA h3 {
    color: #0b0c0c;
}
.leather_cnt3 .inner .col2 .left p {
    line-height: 2.2;
}
.leather_cnt3 .inner .col2 .right {
    width: 48%;
}
.leather_cnt3 .inner .col2 .right .sliderB {
    width: 100%;
    aspect-ratio: 5.25/3.5;
    overflow: hidden;
}
.leather_cnt3 .inner .col2 .right .sliderB .slick-img {
    width: 100%;
    aspect-ratio: 5.25/3.5;
    overflow: hidden;
    padding: 0.5rem;
}
.leather_cnt3 .inner .col2 .right .thumbnail {
    width: 100%;
    display: flex;
}
.leather_cnt3 .inner .col2 .right .thumbnail .thumbnail-img {
    width: 100%;
    aspect-ratio: 5.25/3.5;
    overflow: hidden;
    padding: 0.5rem;
}
.leather_cnt3 .inner .col2 .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}





/*order*/
.order .mainimg {
    background: url(/system_panel/uploads/images/order_mainimg.jpg) no-repeat center;
    background-size: cover;
}
.order_cnt1 {
    padding: 18rem 0;
    background: url(/system_panel/uploads/images/order_cnt1_bg.jpg) no-repeat center rgba(45, 42, 36, 1);
    background-blend-mode: overlay;
    background-size: cover;
}
.order_cnt1 .inner>p {
    color: #fff;
    font-size: 2rem;
    line-height: 1.8;
}
.order_cnt2 {
    padding: 18rem 0;
    background: url(/system_panel/uploads/images/bgA.jpg) no-repeat center;
    background-size: cover;
}
.order_cnt2 .inner>p {
    color: #fff;
    font-size: 2rem;
    line-height: 1.8;
    margin: 0 0 15rem;
}
.order_cnt2 .inner .slider {
    width: 100%;
    position: relative;
    margin: 0 auto 5rem;
}
.order_cnt2 .inner .slider .slick-prev {
    width: 4.6rem;
    min-width: 4.6rem;
    height: 4.6rem;
    z-index: 2;
}
.order_cnt2 .inner .slider .slick-next {
    width: 4.6rem;
    min-width: 4.6rem;
    height: 4.6rem;
    right: -2.3rem;
    top: 50%;
    z-index: 2;
}
.order_cnt2 .inner .slider .slick-prev::before {
    content: "";
    background: url(/system_panel/uploads/images/prev.png) no-repeat;
    width: 4.6rem;
    min-width: 4.6rem;
    height: 4.6rem;
    display: inline-block;
}
.order_cnt2 .inner .slider .slick-next::before {
    content: "";
    background: url(/system_panel/uploads/images/next.png) no-repeat;
    width: 4.6rem;
    min-width: 4.6rem;
    height: 4.6rem;
    display: inline-block;
}
.order_cnt2 .inner .slider .dl {
    display: grid;
    gap: 1.5rem;
    margin: 0 0.78vw;
    /*1.5*/
}
.order_cnt2 .inner .slider .dt {
    grid-row: 2;
    grid-column: 1;
    color: #a8a8a8;
}
.order_cnt2 .inner .slider .pic {
    grid-row: 1;
    grid-column: 1;
    width: 100%;
    aspect-ratio: 3.1/3.2;
    overflow: hidden;
}
.order_cnt2 .inner .slider .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.order_cnt2 .inner .slider .price {
    grid-row: 2;
    grid-column: 1;
    margin: 0 0 0 auto;
    color: #fff;
}
.order_cnt2 .inner .buttonA {
    width: fit-content;
    margin: auto;
}
.order_cnt3 {
    padding: 15rem 0;
}
.order_cnt3 .inner .titleA h3 {
    color: #0b0c0c;
}
.order_cnt3 .inner .set>p {
    font-size: 2rem;
    line-height: 1.8;
    margin: 0 0 5rem;
}
.order_cnt3 .inner .set {
    position: relative;
    padding: 5rem 0;
    border-bottom: 0.1rem solid #19100c;
}
.order_cnt3 .inner .set:nth-of-type(2) {
    border-top: 0.1rem solid #19100c;
}
.order_cnt3 .inner .set>h4 {
    font-size: 3.3rem;
    margin: 0 0 3rem;
}
.order_cnt3 .inner .set>h4::before {
    content: " ";
    color: #b0b0b0;
}
.order_cnt3 .inner .set:nth-of-type(2)>h4::before {
    content: "01 / ";
}
.order_cnt3 .inner .set:nth-of-type(3)>h4::before {
    content: "02 / ";
}
.order_cnt3 .inner .set:nth-of-type(4)>h4::before {
    content: "03 / ";
}
.order_cnt3 .inner .set:nth-of-type(5)>h4::before {
    content: "04 / ";
}
.order_cnt3 .inner .set .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3.125vw;
    /*6*/
}
.order_cnt3 .inner .set .grid .set2 {
    width: 100%;
    display: grid;
    align-content: start;
    gap: 2rem;
}
.order_cnt3 .inner .set .grid .set2 h5 {
    font-size: 2.7rem;
}
.order_cnt3 .inner .set .grid .set2>p {
    line-height: 2;
}
.order_cnt3 .inner .set .grid .set2 .pic {
    width: 100%;
    aspect-ratio: 5.7/3.8;
    overflow: hidden;
}
.order_cnt3 .inner .set .grid .set2 .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.order_cnt3 .inner .set .col2 {
    display: flex;
    gap: 3.125vw;
    /*6*/
}
.order_cnt3 .inner .set .col2 .left {
    width: 50%;
}
.order_cnt3 .inner .set .col2 .left p:not(.buttonB) {
    font-size: 2rem;
    line-height: 1.8;
    margin: 0 0 3rem;
}
.order_cnt3 .inner .set .col2 .right {
    width: 50%;
    aspect-ratio: 3.9/2.6;
    overflow: hidden;
}
.order_cnt3 .inner .set .col2 .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.order_cnt4 {
    padding: 15rem 0;
    background: url(/system_panel/uploads/images/bgA.jpg) no-repeat center;
    background-size: cover;
}
.order_cnt4 .inner {
    max-width: 133rem;
}
.order_cnt4 .inner .titleA {
    margin: 0 0 8rem;
}
.order_cnt4 .inner .window {
    width: 100%;
    padding: clamp(2rem, 1.5625vw, 3rem) clamp(2rem, 2.08vw, 4rem);
    background: rgba(1, 1, 1, 0.6);
    border: 0.1rem solid rgba(76, 76, 76, 0.6);
}
.order_cnt4 .inner .window h4 {
    font-size: 2.7rem;
    color: #fff;
    margin: 0 0 2rem;
}
.order_cnt4 .inner .window p {
    line-height: 2rem;
    line-height: 1.8;
    color: #fff;
}
.order_cnt4 .sliderB {
    width: calc(100% - 15.625vw);
    position: relative;
    left: 15.625vw;
    /*30*/
    margin: 0 0 5rem;
}
.order_cnt4 .sliderB .slick-prev {
    top: 30%;
    z-index: 2;
}
.order_cnt4 .sliderB .slick-next {
    right: 33%;
    top: 30%;
    z-index: 2;
}
.order_cnt4 .sliderB .slick-prev::before {
    content: "";
    background: url(/system_panel/uploads/images/prev.png) no-repeat;
    width: 4.6rem;
    min-width: 4.6rem;
    height: 4.6rem;
    display: inline-block;
}
.order_cnt4 .sliderB .slick-next::before {
    content: "";
    background: url(/system_panel/uploads/images/next.png) no-repeat;
    width: 4.6rem;
    min-width: 4.6rem;
    height: 4.6rem;
    display: inline-block;
}
.order_cnt4 .sliderB .dl {
    width: 100%;
    display: grid;
    gap: 1rem;
    margin: 0 0.78vw;
    /*1.5*/
}
.order_cnt4 .sliderB .dt {
    grid-row: 2;
    font-size: 2.7rem;
    color: #fff;
}
.order_cnt4 .sliderB .pic {
    grid-row: 1;
    width: 100%;
    aspect-ratio: 5.25/3.5;
    overflow: hidden;
}
.order_cnt4 .sliderB .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.order_cnt4 .sliderB .cmt {
    color: #fff;
    line-height: 2;
}
.order_cnt5 {
    padding: 15rem 0;
    background: url(/system_panel/uploads/images/bgC.jpg) no-repeat center;
    background-size: cover;
}
.order_cnt5 .inner .titleA h3 {
    color: #0b0c0c;
}
.order_cnt5 .inner>p:not(.buttonB) {
    font-size: 2rem;
    line-height: 1.8;
    margin: 0 0 5rem;
}
.order_cnt5 .inner .webgene-blog {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.08vw;
    /*4*/
    margin: 0 auto 5rem;
}
.order_cnt5 .inner .webgene-blog .webgene-item {
    width: 100%;
}
.order_cnt5 .inner .webgene-blog .webgene-item .dl {
    display: grid;
    gap: 2rem;
}
.order_cnt5 .inner .webgene-blog .webgene-item .dt {
    grid-row: 3;
    grid-column: 1;
    font-size: 2.2rem;
          line-height: 1.5 
}
.order_cnt5 .inner .webgene-blog .webgene-item .dt a {
    color: inherit;
}
.order_cnt5 .inner .webgene-blog .webgene-item .pic {
    grid-row: 1;
    grid-column: 1;
    width: 100%;
    aspect-ratio: 4.1/3.2;
    overflow: hidden;
}
.order_cnt5 .inner .webgene-blog .webgene-item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.order_cnt5 .inner .webgene-blog .webgene-item .day {
    grid-row: 2;
    grid-column: 1;
    height: 2.2rem;
    display: grid;
    align-items: center;
}
.order_cnt5 .inner .webgene-blog .webgene-item .cate {
    grid-row: 2;
    grid-column: 1;
    margin: 0 0 0 auto;
    width: fit-content;
    height: 2.2rem;
    background: #19100c;
    display: grid;
    align-items: center;
    padding: 0 1em;
    font-size: 1.4rem;
    color: #fff;
}
.order_cnt5 .inner .webgene-blog .webgene-item .cmt {
    line-height: 1.65;
}
.order_cnt5 .inner .buttonB {
    width: fit-content;
    margin: auto;
}





/*theend*/
.theend .mainimg {
    background: url(/system_panel/uploads/images/theend_mainimg.jpg) no-repeat center;
    background-size: cover;
}
.theend_cnt1 {
    background: url(/system_panel/uploads/images/bgB.jpg) no-repeat center;
    background-size: cover;
    padding: 7.8125vw 0 43.229vw;
    /*15 83*/
    position: relative;
}
.theend_cnt1 .inner .flex {
    display: flex;
    justify-content: center;
    gap: 2.6vw;
    /*5*/
    margin: 0 auto 15rem;
}
.theend_cnt1 .inner .flex .button {
    width: fit-content;
    min-width: 40rem;
    height: 6rem;
    background: rgba(1, 1, 1, 0.6);

}
.theend_cnt1 .inner .flex .button a {
    width: 100%;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.3rem;
    font-weight: 600;
    color: #fff;
    position: relative;
}
.theend_cnt1 .inner .flex .button a::after {
    content: "";
    background: url(/system_panel/uploads/images/arrowC.png) no-repeat;
    width: 3.6rem;
    min-width: 3.6rem;
    height: 3.6rem;
    display: inline-block;
    position: absolute;
    right: 2rem;
}
.theend_cnt1 .inner .titleA {
    position: relative;
    z-index: 1;
}
.theend_cnt1 .inner .titleA h3 span {
    font-size: 0.7em;
}
.theend_cnt1 .inner .pic1 {
    width: 26.04vw;
    /*50*/
    aspect-ratio: 1/1;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 18.75vw;
    /*36*/
}
.theend_cnt1 .inner .pic2 {
    width: 44.27vw;
    /*85*/
    aspect-ratio: 8.5/4.4;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 15.625vw;
    /*30*/
}
.theend_cnt1 .inner .pic3 {
    width: 36.45vw;
    /*70*/
    aspect-ratio: 7/4.7;
    overflow: hidden;
    position: absolute;
    right: 9.375vw;
    /*18*/
    bottom: 9.375vw;
    /*18*/
}
.theend_cnt1 .inner [class^="pic"] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.theend_cnt1 .inner .titleA {
    margin: 0 0 8rem;
}
.theend_cnt1 .inner>p {
    font-size: 2rem;
    line-height: 1.8;
    color: #fff;
    /*25 33*/
    margin: 0 0 10rem;
    position: relative;
    z-index: 1;
}
.theend_cnt2 {
    padding: 17rem 0;
    background: #f5f5f5;
}
.theend_cnt2 .inner .titleA {}
.theend_cnt2 .inner .titleA h3 {
    color: #0b0c0c;
}
.theend_cnt2 .inner .set {
    position: relative;
    padding: clamp(2rem, 2.6vw, 5rem);
    border: 0.1rem solid #4c4c4c;
    background: #fff;
}
.theend_cnt2 .inner .set:not(:last-of-type) {
    margin: 0 0 2.5rem;
}
.theend_cnt2 .inner .set h4::before {
    content: "";
    color: #b0b0b0;
    display: inline-block;
}
.theend_cnt2 .inner .set:nth-of-type(2) h4::before {
    content: "01 / ";
}
.theend_cnt2 .inner .set:nth-of-type(3) h4::before {
    content: "02 / ";
}
.theend_cnt2 .inner .set:nth-of-type(4) h4::before {
    content: "03 / ";
}
.theend_cnt2 .inner .set:nth-of-type(5) h4::before {
    content: "04 / ";
}
.theend_cnt2 .inner .set:nth-of-type(2) {
    border: 0.1rem solid #19100c;
}
.theend_cnt2 .inner .set h4 {
    font-size: 3.3rem;
    margin: 0 0 3rem;
}
.theend_cnt2 .inner .set>p {
    font-size: 2rem;
    line-height: 1.8;
    margin: 0 0 3rem;
}

.theend_cnt3 {
    padding: 18rem 0;
    background: url(/system_panel/uploads/images/bgA.jpg) no-repeat center;
    background-size: cover;
}
.theend_cnt3 .inner>p {
    color: #fff;
    font-size: 2rem;
    line-height: 1.8;
    margin: 0 0 15rem;
}
.theend_cnt3 .inner .grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.08vw;
    /*4*/
}
.theend_cnt3 .inner .grid .dl {
    display: grid;
    gap: 1.5rem;
    margin: 0 0.78vw;
    /*1.5*/
}
.theend_cnt3 .inner .grid .dt {
    grid-row: 2;
    grid-column: 1;
    font-size: 2.3rem;
    color: #fff;
}
.theend_cnt3 .inner .grid .pic {
    grid-row: 1;
    grid-column: 1;
    width: 100%;
    aspect-ratio: 4.2/2.8;
    overflow: hidden;
}
.theend_cnt3 .inner .grid .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.theend_cnt3 .inner .grid .price {
    grid-row: 2;
    grid-column: 1;
    margin: 0 0 0 auto;
    color: #fff;
}
.theend_cnt4 {
    padding: 15rem 0;
    background: url(/system_panel/uploads/images/bgC.jpg) no-repeat center;
    background-size: cover;
}
.theend_cnt4 .inner .titleA h3 {
    color: #0b0c0c;
}
.theend_cnt4 .inner>p:not(.buttonB) {
    font-size: 2rem;
    line-height: 1.8;
    margin: 0 0 5rem;
}
.theend_cnt4 .inner .webgene-blog {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.08vw;
    /*4*/
    margin: 0 auto 5rem;
}
.theend_cnt4 .inner .webgene-blog .webgene-item {
    width: 100%;
}
.theend_cnt4 .inner .webgene-blog .webgene-item .dl {
    display: grid;
    gap: 2rem;
}
.theend_cnt4 .inner .webgene-blog .webgene-item .dt {
    grid-row: 3;
    grid-column: 1;
    font-size: 2.2rem;
}
.theend_cnt4 .inner .webgene-blog .webgene-item .dt a {
    color: inherit;
}
.theend_cnt4 .inner .webgene-blog .webgene-item .pic {
    grid-row: 1;
    grid-column: 1;
    width: 100%;
    aspect-ratio: 4.1/3.2;
    overflow: hidden;
}
.theend_cnt4 .inner .webgene-blog .webgene-item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.theend_cnt4 .inner .webgene-blog .webgene-item .day {
    grid-row: 2;
    grid-column: 1;
    height: 2.2rem;
    display: grid;
    align-items: center;
}
.theend_cnt4 .inner .webgene-blog .webgene-item .cate {
    grid-row: 2;
    grid-column: 1;
    margin: 0 0 0 auto;
    width: fit-content;
    height: 2.2rem;
    background: #19100c;
    display: grid;
    align-items: center;
    padding: 0 1em;
    font-size: 1.4rem;
    color: #fff;
}
.theend_cnt4 .inner .webgene-blog .webgene-item .cmt {
    line-height: 1.65;
}
.theend_cnt4 .inner .buttonB {
    width: fit-content;
    margin: auto;
}
.theend_cnt5 {
    padding: 15rem 0;
    background: url(/system_panel/uploads/images/theend_cnt5_bg.jpg) no-repeat center rgba(45, 42, 36, 1);
    background-blend-mode: overlay;
    background-size: cover;
}
.theend_cnt5 .inner * {
    color: #fff;
}
.theend_cnt5 .inner h3 {
    font-size: 5rem;
    text-align: center;
    margin: 0 auto 5rem;
}
.theend_cnt5 .inner>p:not(.buttonA) {
    font-size: 2rem;
    text-align: center;
    line-height: 1.8;
    margin: 0 auto 5rem;
}
.theend_cnt5 .inner .ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin: 0 auto 5rem;
}
.theend_cnt5 .inner .li {
    list-style: none;
    width: 100%;
    min-height: 6.3rem;
    background: rgba(1, 1, 1, 0.6);
    border: 0.1rem solid #4c4c4c;
    display: grid;
    align-items: center;
    padding: 0 1.5em;
}
.theend_cnt5 .inner .buttonA {
    margin: auto;
}
.theend_cnt6 {
    background: url(/system_panel/uploads/images/bgB.jpg) no-repeat center;
    background-size: cover;
    padding: 7.8125vw 0 43.22vw;
    /*15 83*/
    position: relative;
}
.theend_cnt6 .inner .col2 {
    display: flex;
    flex-direction: row-reverse;
}
.theend_cnt6 .inner .col2 .left {
    width: 50%;
}
.theend_cnt6 .inner .left .titleA {
    position: relative;
    z-index: 1;
}
.theend_cnt6 .inner .left .titleA h3 span {
    font-size: 3.5rem;
}
.theend_cnt6 .inner .left>p:not(.buttonA) {
    font-size: 2rem;
    color: #fff;
    line-height: 1.8;
    margin: 0 0 5rem;
    position: relative;
    z-index: 1;
}
.theend_cnt6 .inner .left .flex {
    display: flex;
    gap: 3.125vw;
    /*6*/
    position: relative;
    z-index: 1;
}
.theend_cnt6 .inner .col2 .right {
    width: 50%;
}
.theend_cnt6 .inner .col2 .right .pic1 {
    width: 44.79vw;
    /*86*/
    aspect-ratio: 8.6/5.6;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 6.77vw;
    /*13*/
}
.theend_cnt6 .inner .pic2 {
    width: 37.5vw;
    /*72*/
    aspect-ratio: 7.2/4.8;
    overflow: hidden;
    position: absolute;
    left: 16.92vw;
    /*32.5*/
    bottom: 6.77vw;
    /*13*/
}
.theend_cnt6 .inner .pic3 {
    width: 37.5vw;
    /*72*/
    aspect-ratio: 7.2/5.6;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 6.77vw;
    /*13*/
}
.theend_cnt6 .inner [class^="pic"] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.theend_cnt6 .inner .titleA {
    margin: 0 0 8rem;
}
.theend_cnt6 .inner>p {
    font-size: 2rem;
    line-height: 1.8;
    color: #fff;
    /*25 33*/
    margin: 0 0 10rem;
    position: relative;
    z-index: 1;
}





/*blog & blogdetail共通*/
:is(.blog, .blogdetail) .mainimg {
    background: url(/system_panel/uploads/images/blog_mainimg.jpg) no-repeat center;
    background-size: cover;
}
:is(.blog_cnt1, .blogdetail_cnt1) {
    padding: 13rem 0;
    background: #f5f5f5;
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner {
    width: 80%;
    max-width: 120rem;
    margin: auto;
    display: flex;
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .col2 {
    display: flex;
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .col2 .left {
    width: 30%;
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .col2 .left h3 {
    font-size: 2.5rem;
    color: #a8a8a8;
    margin: 0 0 3rem;
    padding: 0 0 0 1em;
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .col2 .left .webgene-blog {}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .col2 .left .webgene-blog .webgene-item {}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .col2 .left .webgene-blog .webgene-item .buttonB {
    min-width: 24rem;
    min-height: 7rem;
    border-bottom: 0.1rem solid #19100c;
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .col2 .left .webgene-blog .webgene-item .buttonB a::after {
    right: 0;
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .col2 .right {
    width: 70%;
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .col2 .right .webgene-blog .webgene-item {}




/*blog*/
.blog_cnt1 .inner .col2 .right .webgene-blog {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.08vw;
    /*4*/
}
.blog_cnt1 .inner .col2 .right .webgene-blog .webgene-item .dl {
    display: grid;
    gap: 1.5rem;
}
.blog_cnt1 .inner .col2 .right .webgene-blog .webgene-item .dt {
    grid-row: 3;
    grid-column: 1;
}
.blog_cnt1 .inner .col2 .right .webgene-blog .webgene-item .dt a {
    color: inherit;
}

.blog_cnt1 .inner .col2 .right .webgene-blog .webgene-item .pic {
    grid-row: 1;
    grid-column: 1;
    width: 100%;
    aspect-ratio: 4/3;
    overflow: hidden;
}
.blog_cnt1 .inner .col2 .right .webgene-blog .webgene-item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.blog_cnt1 .inner .col2 .right .webgene-blog .webgene-item .cate {
    grid-row: 2;
    grid-column: 1;
    width: fit-content;
    height: 2.2rem;
    background: #19100c;
    font-size: 1.4rem;
    color: #fff;
    display: grid;
    align-items: center;
    padding: 0 1em;
    margin: 0 0 0 auto;
}
.blog_cnt1 .inner .col2 .right .webgene-blog .webgene-item .day {
    grid-row: 2;
    grid-column: 1;
    height: 2.2rem;
    font-size: 1.5rem;
    display: grid;
    align-items: center;
}

.webgene-pagination {
    grid-column: 1/3;
    /*display: flex;
    width: 100%;
    padding: 7rem 26.5%;
    align-content: center;
    justify-content: space-between;
    margin:auto;*/
}

.webgene-pagination ul {
    width: fit-content;
    display: flex;
    margin: 12rem auto 0;
}
.webgene-pagination ul li {
    font-size: 1.7rem;
}
.webgene-pagination :is(.prev, .next) {
    width: 3em;
    border-radius: 50%;
    height: 3em;
    background: #cdcdcd;
    list-style: none;
}
.webgene-pagination .prev {
    margin: 0 5rem 0 0;
}
.webgene-pagination .next {
    margin: 0 0 0 5rem;
}
.webgene-pagination :is(.prev a, .next a) {
    display: grid;
    justify-content: center;
    align-content: center;
    width: inherit;
    height: inherit;
    color: inherit;
    text-decoration: none;
    font-size: 1.7rem;
    font-weight: 500;
    color: #fff;
}
.webgene-pagination ul .number {
    list-style: none;
    background: #cdcdcd;
    width: 3em;
    height: 3em;
    margin: 0 0.5em;
    border-radius: 50%;
}
.webgene-pagination ul .number.selected {
    list-style: none;
    background: #0f0b09;
    width: 3em;
    height: 3em;
    margin: 0 0.5em;
}
.webgene-pagination ul .number.selected a {
    color: #fff;
}
.webgene-pagination ul .number a {
    display: grid;
    justify-content: center;
    align-content: center;
    width: inherit;
    height: inherit;
    color: inherit;
    text-decoration: none;
    font-size: 1.7rem;
    font-weight: 500;
    color: #fff;
}






/*blogdetail*/
.blogdetail_cnt1 .inner .col2 .right .webgene-blog {
    margin: 0 auto 5rem;
}
.blogdetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item {}
.blogdetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .dl {
    display: grid;
    gap: 1.5rem;
}
.blogdetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .dt {
    grid-row: 2;
    grid-column: 1;
    font-size: 3.3rem;
    padding: 0 0 1rem;
    border-bottom: 0.1rem solid #19100c;
}
.blogdetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .dt a {
    color: inherit;
}
.blogdetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .pic {
    grid-row: 3;
    grid-column: 1;
    width: 100%;
    overflow: hidden;
}
.blogdetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .pic .slider .slick-img {
    width: 100%;
    aspect-ratio: 4/3;
    overflow: hidden;
    padding: 0.5rem;
}
.blogdetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .pic .thumbnail-img {
    width: 100%;
    aspect-ratio: 4/3;
    overflow: hidden;
    padding: 0.5rem;
}
.blogdetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.blogdetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .cate {
    grid-row: 1;
    grid-column: 1;
    width: fit-content;
    height: 2.2rem;
    background: #19100c;
    font-size: 1.4rem;
    color: #fff;
    display: grid;
    align-items: center;
    padding: 0 1em;
    margin: 0 0 0 8em;
}
.blogdetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .day {
    grid-row: 1;
    grid-column: 1;
    height: 2.2rem;
    font-size: 1.5rem;
    display: grid;
    align-items: center;
}
.blogdetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .cmt {
    grid-row: 4;
    grid-column: 1;
    line-height: 1.65;
}
.blogdetail_cnt1 .inner .col2 .right .buttonB {
    margin: auto;
}





/*column & columndetail共通*/
:is(.column, .columndetail) .mainimg {
    background: url(/system_panel/uploads/images/column_mainimg.jpg) no-repeat center;
    background-size: cover;
}
:is(.column_cnt1, .columndetail_cnt1) {
    padding: 13rem 0;
    background: #f5f5f5;
}
:is(.column_cnt1, .columndetail_cnt1) .inner {
    width: 80%;
    max-width: 120rem;
    margin: auto;
    display: flex;
}
:is(.column_cnt1, .columndetail_cnt1) .inner .col2 {
    width: 100%;
    display: flex;
}
:is(.column_cnt1, .columndetail_cnt1) .inner .col2 .left {
    width: 30%;
}
:is(.column_cnt1, .columndetail_cnt1) .inner .col2 .left h3 {
    font-size: 2.5rem;
    color: #a8a8a8;
    margin: 0 0 3rem;
    padding: 0 0 0 1em;
}
:is(.column_cnt1, .columndetail_cnt1) .inner .col2 .left .webgene-blog {}
:is(.column_cnt1, .columndetail_cnt1) .inner .col2 .left .webgene-blog .webgene-item {}
:is(.column_cnt1, .columndetail_cnt1) .inner .col2 .left .webgene-blog .webgene-item .buttonB {
    min-width: 24rem;
    min-height: 7rem;
    border-bottom: 0.1rem solid #19100c;
}
:is(.column_cnt1, .columndetail_cnt1) .inner .col2 .left .webgene-blog .webgene-item .buttonB a::after {
    right: 0;
}
:is(.column_cnt1, .columndetail_cnt1) .inner .col2 .right {
    width: 70%;
}
:is(.column_cnt1, .columndetail_cnt1) .inner .col2 .right .webgene-blog .webgene-item {}




/*column*/
.column_cnt1 .inner .col2 .right .webgene-blog {}
.column_cnt1 .inner .col2 .right .webgene-blog .webgene-item .dl {
    display: grid;
    gap: 1.5rem;
    padding: 1.3vw;
    /*2.5*/
    border-bottom: 0.1rem solid #19100c;
    position: relative;
}
.column_cnt1 .inner .col2 .right .webgene-blog .webgene-item:first-of-type .dl {
    border-top: 0.1rem solid #19100c;
    position: relative;
}
.column_cnt1 .inner .col2 .right .webgene-blog .webgene-item .dt {
    grid-row: 2;
    grid-column: 1;
    font-size: 2.5rem !important;
}
.column_cnt1 .inner .col2 .right .webgene-blog .webgene-item .dt h3{
    font-size: 2.5rem !important;
}
.column_cnt1 .inner .col2 .right .webgene-blog .webgene-item .dt a {
    color: inherit;
}
.column_cnt1 .inner .col2 .right .webgene-blog .webgene-item .dt a::after{
    content: "";
    background: url(/system_panel/uploads/images/arrowB.png) no-repeat;
    width: 3.4rem;
    min-width: 3.4rem;
    height: 3.4rem;
    display: inline-block;
    position: absolute;
    right: 1rem;
    top: calc(50% - 1.7rem);
}
.column_cnt1 .inner .col2 .right .webgene-blog .webgene-item .dt a:hover::after{
    right: 0;
    transition: 0.5s;
}
.column_cnt1 .inner .col2 .right .webgene-blog .webgene-item .cate {
    grid-row: 1;
    grid-column: 1;
    width: fit-content;
    height: 2.2rem;
    background: #19100c;
    font-size: 1.4rem;
    color: #fff;
    display: grid;
    align-items: center;
    padding: 0 1em;
    margin: 0 0 0 8em;
}
.column_cnt1 .inner .col2 .right .webgene-blog .webgene-item .day {
    grid-row: 1;
    grid-column: 1;
    height: 2.2rem;
    font-size: 1.5rem;
    display: grid;
    align-items: center;
}
.column_cnt1 .inner .col2 .right .webgene-blog .webgene-item .cmt {
    grid-row: 3;
    grid-column: 1;
    line-height: 1.8;
}







/*columndetail*/
.columndetail_cnt1 .inner .col2 .right .webgene-blog {}
.columndetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .dl {
    display: grid;
    gap: 1.5rem;
    padding: 1.3vw;
    /*2.5*/
}
.columndetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item:first-of-type .dl {}
.columndetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .dt {
    grid-row: 2;
    grid-column: 1;
    font-size: 2.5rem;
    border-bottom: 0.1rem solid #19100c;
    padding: 0 0 1rem;
}
.columndetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .dt h3{
    font-size: 2.5rem;
}
.columndetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .dt a {
    color: inherit;
}
.columndetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .cate {
    grid-row: 1;
    grid-column: 1;
    width: fit-content;
    height: 2.2rem;
    background: #19100c;
    font-size: 1.4rem;
    color: #fff;
    display: grid;
    align-items: center;
    padding: 0 1em;
    margin: 0 0 0 8em;
}
.columndetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .day {
    grid-row: 1;
    grid-column: 1;
    height: 2.2rem;
    font-size: 1.5rem;
    display: grid;
    align-items: center;
}
.columndetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .cmt {
    grid-row: 3;
    grid-column: 1;
    line-height: 1.8;
}
.columndetail_cnt1 .inner .col2 .right .buttonB {
    margin: auto;
}








/*contact*/
.contact .mainimg {
    background: url(/system_panel/uploads/images/contact_mainimg.jpg) no-repeat center;
    background-size: cover;
}
.contact_cnt1 {
    background: url(/system_panel/uploads/images/bgA.jpg) no-repeat center;
    background-size: cover;
    padding: 11rem 0 19rem;
}
.contact_cnt1 .inner .titleA {
    margin: 0 auto 10rem;
}
.contact_cnt1 .inner .titleA * {
    text-align: center;
}

.contact_cnt1 .inner .col2 {
    display: flex;
    gap: 2.6vw;
    /*5*/
    margin: 0 0 14rem;
}
.contact_cnt1 .inner .col2 .left {
    width: 44%;
}
.contact_cnt1 .inner .col2 .left .slider {
    width: 100%;
    aspect-ratio: 5.25/3.5;
    overflow: hidden;
}
.contact_cnt1 .inner .col2 .left .slider .slick-img {
    width: 100%;
    aspect-ratio: 5.25/3.5;
    overflow: hidden;
    padding: 0.5rem;
}
.contact_cnt1 .inner .col2 .left .thumbnail {
    width: 100%;
    display: flex;
}
.contact_cnt1 .inner .col2 .left .thumbnail .thumbnail-img {
    width: 100%;
    aspect-ratio: 5.25/3.5;
    overflow: hidden;
    padding: 0.5rem;
}
.contact_cnt1 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.contact_cnt1 .inner .col2 .right {
    width: 56%;
}
.contact_cnt1 .inner .col2 .right h4 {
    font-size: 3.2rem;
    color: #fff;
    margin: 0 0 3rem;
}
.contact_cnt1 .inner .col2 .right >p {
    color: #fff;
    line-height: 2;
    margin: 0 0 4rem;
}
.contact_cnt1 .inner .col2 .right .dl {
    width: 100%;
    display: flex;
}
.contact_cnt1 .inner .col2 .right .dt {
    width: 8em;
    color: #758ba0;
    line-height: 2;
}
.contact_cnt1 .inner .col2 .right .dd {
    width: calc(100% - 8em);
    color: #fff;
    line-height: 2;
}
.contact_cnt1 .inner .col2 .right .dd a {
    color: inherit;
}
.contact_cnt1 .inner .col2 .right .flex {
    display: flex;
    gap: 5.2vw;
    /*10*/
    margin: 3rem 0 0;
}
.contact_cnt1 .inner>h4 {
    font-size: 2.7rem;
    color: #fff;
    text-align: center;
    margin: 0 auto 4rem;
}
.contact_cnt1 .inner .ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin: 0 auto 5rem;
}
.contact_cnt1 .inner .li {
    width: 100%;
    min-height: 6.3rem;
    background: rgba(1, 1, 1, 0.6);
    border: 0.1rem solid #4c4c4c;
    list-style: none;
}
.contact_cnt1 .inner .li p{
    width: 100%;
    min-height: inherit;
}
.contact_cnt1 .inner .li a {
    color: #fff;
    width: 100%;
    min-height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 0 1.5em;

}
.contact_cnt1 .inner .li a::before {
    content: "";
    background-size: cover;
    display: inline-block;
}
.contact_cnt1 .inner .li.insta a::before {
    background: url(/system_panel/uploads/images/icon_insta2.png) no-repeat;
    width: 2.1rem;
    min-width: 2.1rem;
    height: 2.1rem;
}
.contact_cnt1 .inner .li.youtube a::before {
    background: url(/system_panel/uploads/images/icon_youtube2.png) no-repeat;
    width: 2.2rem;
    min-width: 2.2rem;
    height: 1.6rem;
}
.contact_cnt1 .inner .buttonA {
    /*margin: auto;*/
}
.contact_cnt2 {
    background: url(/system_panel/uploads/images/bgC.jpg) no-repeat center;
    background-size: cover;
    padding: 15rem 0;
}
.contact_cnt2 .inner .titleA {
    margin: 0 0 10rem;
}
.contact_cnt2 .inner .titleA * {
    text-align: center;
}
.contact_cnt2 .inner .titleA h3 {
    color: #0b0c0c;
}
.contact_cnt2 .inner .dl {
    display: flex;
    gap: 2rem;
}
.contact_cnt2 .inner .dt {
    font-size: 2rem;
    color: #1b2f48;
    width: 25%;
    min-height: 8rem;
    display: grid;
    align-items: center;
    border-bottom: 0.1rem solid #19100c;
}
.contact_cnt2 .inner .dd {
    font-size: 2rem;
    width: 75%;
    min-height: 8rem;
    display: grid;
    align-items: center;
    border-bottom: 0.1rem solid #19100c;
}
.contact_cnt2 .inner .dl:nth-of-type(1) .dt {
    border-top: 0.1rem solid #19100c;
}
.contact_cnt2 .inner .dl:nth-of-type(1) .dd {
    border-top: 0.1rem solid #19100c;
}
.contact_cnt3 {
    background: #f5f5f5;
    background-size: cover;
    padding: 15rem 0;
}
.contact_cnt3 .inner .titleA {}
.contact_cnt3 .inner .titleA * {
    text-align: center;
}
.contact_cnt3 .inner .titleA h3 {
    color: #0b0c0c;
}
.contact_cnt3 .inner>p {
    font-size: 2rem;
    text-align: center;
    line-height: 1.8;
    margin: 0 auto 9rem;
}
form .dl {
    width: 100%;
    display: flex;
    gap: 2rem;
}
form .dl:nth-of-type(1) .dt {
    border-top: 0.1rem solid #19100c;
}
form .dl:nth-of-type(1) .dd {
    border-top: 0.1rem solid #19100c;
}
form .dl .dt {
    font-size: 1.6rem;
    color: #1b2f48;
    width: 30%;
    min-height: 8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0.1rem solid #19100c;
}
form .dt .required {
    width: fit-content;
    height: 2.2rem;
    font-size: 1.4rem;
    color: #fff;
    display: grid;
    align-items: center;
    background: #19100c;
    padding: 0.5rem;
}
form .dl .dd {
    font-size: 1.6rem;
    width: 70%;
    min-height: 8rem;
    display: grid;
    align-items: center;
    border-bottom: 0.1rem solid #19100c;
}
form input[type="text"],
form input[type="email"],
form textarea {
    width: 100%;
    height: 6rem;
}
form select {
    height: 6rem;
}
form input.zipInput {
    width: 40%;
}
form input[type="text"],
form input[type="email"],
form input[type="checkbox"],
form select,
form textarea {
    padding: 0 1em;
    border: 0.1rem solid #0b0c0c;
    background: #fff;
}
form textarea {
    height: 22rem;
    margin: 1rem 0;
}
form select {}
form .dl .dd .radioArea {
    display: flex;
    gap: 1.5625vw;
    /*3*/
}
form .dl .dd .selectArea {}
form .dl .dd .selectArea div {
    width: fit-content;
    display: inline-block;
}
form .terms {
    background: #efeff1;
    border: 0.1rem solid #0b0c0c;
    padding: clamp(2rem, 2.08vw, 4rem);
    height: 35.5rem;
    overflow-y: scroll;
    margin: 1rem 0 5rem 0;
}
form .terms p {
    line-height: 2;
}
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;
}

.about_cnt5 .titleA h3 {
    color: #0b0c0c;
}
@media screen and (min-width: 1024px) {
  .pcbrnone br{
    display:none;
  }
  .h1778827650991 br:nth-child(2){
    display:none;
  }
    .h1778827849352 br:nth-child(1),
  .h1778827723233 br:nth-child(1),
  .h1778827723233 br:nth-child(3){
    display:none;
  }
}

.bggray {
    background: #E1E1E1;
}
@media screen and (min-width:1025px) and ( max-width:1500px) {
.header .nav {
    width: 71%;
  }

  }