@charset "UTF-8";



/*index*/
.main.index {
    position: relative;
}
.main.index::before {
    content: "";
    background: url(/system_panel/uploads/images/index_mainbefore.png) no-repeat;
    background-size: cover;
    width: 16.4vw;
    /*31.5*/
    height: 105vw;
    /*201.6*/
    display: inline-block;
    position: absolute;
    left: 0;
    top: 41.145vw;
    /*79*/
    z-index: -1;
}
.main.index::after {
    content: "";
    background: url(/system_panel/uploads/images/index_mainafter.png) no-repeat;
    background-size: cover;
    width: 14.79vw;
    /*28.4*/
    height: 124.322vw;
    /*238.7*/
    display: inline-block;
    position: absolute;
    right: 0;
    top: 90.625vw;
    /*174*/
    z-index: -1;
}
#wrapper .index .mainimg{height:initial;}
#wrapper .index .mainimg .pic{height:initial;}
#wrapper .index_cnt6 .inner .titleA{position:initial;}
#wrapper .index_cnt6 .sliderB{height:initial;}
#wrapper .index_cnt6 .sliderB .set{height:initial;margin:0 0 10rem;padding:0 0 3rem;border-bottom:0.1rem dashed #ccc;}
#wrapper .index_cnt6 .sliderB .pic{height:initial;position:initial;}
#wrapper .index_cnt6 .sliderB .pic img{}
.index .mainimg {
    height: calc(70rem + 14rem);
}
.index .mainimg h2 {
    font-size: 4.5rem;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 900 !important;
    line-height: 1.44;
    font-weight: 900;
    -webkit-text-stroke: 0.16rem #fff;
    position: absolute;
    left: 13.02vw;
    /*25*/
    bottom: 8rem;
    z-index: 2;
}
.index .mainimg .slider {}
.index .mainimg .slider .pic {
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 3rem;
    overflow: hidden;
    margin: 0 2rem;
}
.index .mainimg .slider .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt1 {
    background: linear-gradient(180deg, rgba(252, 250, 216, 0.3), rgba(252, 250, 216, 0.2));
    padding: 12rem 0 7rem;
}
.index_cnt1 .inner .col2 {
    display: flex;
}
.index_cnt1 .inner .col2 .left {
    width: 25%;
}
.index_cnt1 .inner .col2 .left .titleA {}
.index_cnt1 .inner .col2 .right {
    width: 75%;
    height: 34rem;
    overflow-y: scroll;
}
.index_cnt1 .inner .col2 .right .dl {
    display: flex;
    align-items: start;
    gap: 3.125vw;
    /*6*/
    line-height: 2.05;
    padding: 2rem;
    border-bottom: 0.1rem dashed #000;
}
.index_cnt1 .inner .col2 .right .dt {
    font-size: 1.8rem;
    color: #68b9dd;
}
.index_cnt1 .inner .col2 .right .dd {
    line-height: 2.05;
}
.index_cnt2 {
    background: linear-gradient(180deg, rgba(252, 250, 216, 0.3), rgba(252, 250, 216, 0.0));
    padding: 7rem 0;
}
.index_cnt2 .inner .col2 {
    display: flex;
    gap: 3.645vw;
    /*7*/
}
.index_cnt2 .inner .col2 .left {
    width: 53%;
    position: relative;
}
.index_cnt2 .inner .col2 .left [class^="pic"] {
    border-radius: 2rem;
    overflow: hidden;
}
.index_cnt2 .inner .col2 .left [class^="pic"] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt2 .inner .col2 .left .pic1 {
    width: 71.875%;
    aspect-ratio: 4.6/5.9;
}
.index_cnt2 .inner .col2 .left .pic2 {
    width: 46.875%;
    aspect-ratio: 3/4.2;
    position: absolute;
    right: 0;
    top: 13.02vw;
    /*25*/
    z-index: 1;
}
.index_cnt2 .inner .col2 .right {
    width: 47%;
}
.index_cnt2 .inner .col2 .right .titleA {
    display: flex;
    align-items: baseline;
}
.index_cnt2 .inner .col2 .right h4 {
    font-size: 3.3rem;
    line-height: 1.51;
    margin: 0 0 3rem;
}
.index_cnt2 .inner .col2 .right>p:not(.buttonA) {
    line-height: 2.05;
    margin: 0 0 5rem;
}
.index_cnt3 {
    padding: 7rem 0;
}
.index_cnt3 .inner .titleA {
    display: flex;
    align-items: baseline;
}
.index_cnt3 .inner .flex {
    display: flex;
    justify-content: space-between;
    margin: 0 0 8rem;
}
.index_cnt3 .inner .flex p {
    line-height: 2.05;
}
.index_cnt3 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5625vw;
    /*3*/
}
.index_cnt3 .inner .grid .set {
    width: 100%;
    border-radius: 2rem;
    padding: 2.5rem;
    background: #fff;
    border: 0.1rem solid #ececec;
    display: grid;
    gap: 1rem;
    box-shadow: 0 0 1.5rem rgba(141, 140, 115, 0.1);
    position: relative;
}
.index_cnt3 .inner .grid .set::before {
    content: "";
    font-size: 4.16vw;
    /*8*/
    color: #fff;
    -webkit-text-stroke: 0.2rem #5790be;
    position: absolute;
    left: 1.04vw;
    /*2*/
    top: -0.5em;
}
.index_cnt3 .inner .grid .set:nth-of-type(1)::before {
    content: "01";
}
.index_cnt3 .inner .grid .set:nth-of-type(2)::before {
    content: "02";
}
.index_cnt3 .inner .grid .set:nth-of-type(3)::before {
    content: "03";
}
.index_cnt3 .inner .grid .set::before {
    font-family: "Zen Maru Gothic", sans-serif;
}
.index_cnt3 .inner .grid .set h4 {
    width: fit-content;
    font-size: 2.3rem;
    color: #5fbadc;
    text-align: center;
    margin: auto;
    background: repeating-linear-gradient(rgba(255, 255, 255, 1),
            rgba(255, 255, 255, 1) 2.1rem,
            rgba(255, 251, 124, 1) 2.1rem,
            rgba(255, 251, 124, 1) 2.8rem,
            rgba(255, 255, 255, 1) 2.8rem);
    line-height: 1.3;
    /*margin: auto;
    position: relative;
    z-index: 1;*/
}
/*.index_cnt3 .inner .grid .set h4::before{
    content: "";
    width: 100%;
    height: 1rem;
    background: #fffb7c;
    border-radius: 0.1rem;
    display: inline-block;
    position: absolute;
    bottom: -0.5rem;
    z-index: -1;
}*/

.index_cnt3 .inner .grid .set .pic {
    grid-row: 1;
    width: 100%;
    aspect-ratio: 3.33/2.4;
    overflow: hidden;
    border-radius: 2rem;
}
.index_cnt3 .inner .grid .set .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt3 .inner .grid .set>p:not(.buttonB) {
    margin: 0 0 3rem;
    line-height: 2.05;
}
.index_cnt3 .inner .grid .set .buttonB {}
.index_cnt4 {
    padding: 7rem 0;
    background: linear-gradient(180deg, rgba(252, 250, 216, 0.0), rgba(252, 250, 216, 0.3));
}
.index_cnt4 .inner .titleA {
    display: flex;
    align-items: baseline;
}
.index_cnt4 .inner .window {
    width: 100%;
    border: 0.7rem solid #68b9dd;
    border-radius: 2rem;
    background: url(/system_panel/uploads/images/index_cnt4_windowbg.jpg) no-repeat;
    background-size: cover;
    position: relative;
    padding: 7rem 0 10rem;
    overflow: hidden;
}
.index_cnt4 .inner .window .marquee {
    position: absolute;
    width: 100%;
    height: 10rem;
    bottom: 0;
    content: "";
    position: absolute;
    bottom: -2rem;
    left: 0;
    display: inline-block;
}
.index_cnt4 .inner .window .marquee p {
    font-size: 10rem;
    font-weight: bold;
    color: #68b9dd;
    white-space: pre;
    animation: marquee 5s infinite linear;
    position: absolute;
    left: 0;
}
@keyframes marquee {
    0% {
        left: 200%;
    }
    100% {
        left: -200%;
    }
}
.index_cnt4 .inner .window .titleA {
    width: fit-content;
    background: rgba(255, 255, 255, 0.9);
    padding: 2rem 3.125vw;
    /*6*/
    border-radius: 0 1rem 1rem 0;
}
.index_cnt4 .inner .window h4 {
    width: fit-content;
    font-size: 3.5rem;
    -webkit-text-stroke: 0.12rem #5fbadc;
    color: #fff;
    background: rgba(255, 255, 255, 0.9);
    padding: 2rem 3.125vw;
    /*6*/
    border-radius: 0 1rem 0 0;
}
.index_cnt4 .inner .window h4 span:first-of-type {
    color: #fffc00;
}
.index_cnt4 .inner .window h4 span:last-of-type {
    color: #d8f4ff;
}
.index_cnt4 .inner .window>p {
    width: fit-content;
    background: rgba(255, 255, 255, 0.9);
    padding: 0 3.125vw 2rem;
    /*6*/
    border-radius: 0 1rem 1rem 0;
    line-height: 2.05;
}
.index_cnt4 .inner .window .button {
    width: fit-content;
    background: rgba(255, 255, 255, 0.9);
    padding: 0 3.125vw 2rem;
    /*6*/
    border-radius: 0 0 1rem 0;
}
.index_cnt5 {
    background: linear-gradient(180deg, rgba(252, 250, 216, 0.3), rgba(252, 250, 216, 1));
    padding: 7rem 0 15rem;
}
.index_cnt5 .inner .col2 {
    display: flex;
    gap: 2.6vw;
    /*5*/
  align-items: end;
}
.index_cnt5 .inner .col2 .left {
    width: 52%;
}
.index_cnt5 .inner .col2 .left .grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin: 0 auto 5rem;
}
.index_cnt5 .inner .col2 .left .grid .figure {
    width: 100%;
}
.index_cnt5 .inner .col2 .left .grid .figure .pic {
    width: 100%;
    aspect-ratio: 1.9/1.55;
    background: #fff;
    border-radius: 1.5rem;
    border: 0.5rem solid #68b9dd;
    display: grid;
    align-content: center;
    justify-content: center;
    margin: 0 0 2rem;
}
.index_cnt5 .inner .col2 .left .grid .figure .pic img {
    width: auto;
}
.index_cnt5 .inner .col2 .left .grid .figure .figcaption {
    font-size: 2.1rem;
    text-align: center;
}
.index_cnt5 .inner .col2 .left .grid .figure .figcaption a {
    color: inherit;
}
.index_cnt5 .inner .col2 .left .buttonA {
    margin: auto;
}
.index_cnt5 .inner .col2 .right {
    width: 48%;
    position: relative;
}
.index_cnt5 .inner .col2 .right .pic {
    width: 100%;
    aspect-ratio: 5.1/3.4;
    overflow: hidden;
    border: 0.5rem solid #68b9dd;
    border-radius: 2rem;
}
.index_cnt5 .inner .col2 .right .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt5 .inner .col2 .right h4.fukidashi {
    width: 29.1rem;
    font-size: 2.2rem;
    transform: rotate(-10deg);
    width: 29.1rem;
    height: auto;
    aspect-ratio: 29.1/18.2;
    display: inline-grid;
    align-items: center;
    z-index: 1;
    text-align: center;
}
.index_cnt5 .inner .col2 .right h4.fukidashi::before {
    content: "";
    background: url(/system_panel/uploads/images/index_cnt5_fukidashi.png) no-repeat;
    background-size: cover;
    width: 29.1rem;
    height: auto;
    aspect-ratio: 29.1/18.2;
    display: inline-grid;
    align-items: center;
    position: absolute;
    top: 1em;
    z-index: -1;
}
.index_cnt6 {}
.index_cnt6 .inner .titleA{
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: url(/system_panel/uploads/images/index_cnt6_titleAbg.png) no-repeat;
    width: 34.4rem;
    height: 10.8rem;
    display: block;
}
.index_cnt6 .inner .titleA h3{}
.index_cnt6 .inner .buttonD {
    margin: auto;
}
.index_cnt6 .sliderB {
    width: 100%;
    height: 58rem;
    overflow: hidden;
}
.index_cnt6 .sliderB .slick-list {
    width: 100%;
    height: inherit;
    min-width: 0;
    min-height: 0;
}
.index_cnt6 .sliderB .slick-list .slick-track {
    width: 100%;
    height: inherit;
}
.index_cnt6 .sliderB .set {
    width: 100%;
    height: 58rem;
    display: grid;
    align-content: center;
position:relative;
}
/*
.index_cnt6 .sliderB .set * {
    min-width: 0;
    min-height: 0;
}*/
.index_cnt6 .sliderB .set .catch {
    font-size: 3.3rem;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 900 !important;
    line-height: 1.44;
    -webkit-text-stroke: 0.16rem #fff;
    padding: 0 18.75vw;
    /*36*/
    position: relative;
    z-index: 1;
    margin: 0 0 2rem;
}
.index_cnt6 .sliderB .set .post {
    width: fit-content;
    background: #fff;
    padding: 1rem;
    border-radius: 0.5rem;
    position: relative;
    left: 18.75vw;
    /*36*/
    z-index: 1;
    margin: 0 0 3rem;
}
.index_cnt6 .sliderB .set .buttonC {
    position: relative;
    left: 18.75vw;
    /*36*/
    z-index: 1;
}
.index_cnt6 .sliderB .slick-prev {
    left: 10%;
}
.index_cnt6 .sliderB .slick-next {
    right: 10%;
}
.index_cnt6 .sliderB .slick-prev::before {
    content: "";
    background: url(/system_panel/uploads/images/slick_prev.png) no-repeat;
    background-size: cover;
    width: 3.02vw;
    aspect-ratio: 1/1;
    display: inline-block;
}
.index_cnt6 .sliderB .slick-next::before {
    content: "";
    background: url(/system_panel/uploads/images/slick_next.png) no-repeat;
    background-size: cover;
    width: 3.02vw;
    aspect-ratio: 1/1;
    display: inline-block;
}
.index_cnt6 .sliderB .slick-prev,
.slick-next {
    z-index: 9;
}
.index_cnt6 .sliderB .pic {
    width: 100vw;
    height: 58rem;
    position: absolute;
    top: 0;
left:0;
}
.index_cnt6 .sliderB .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.index_cnt6 .inner .titleA {
    position: absolute;
    z-index: 1;
    left: 18.75vw;
    /*36*/
}
.index_cnt6 .inner .buttonC {
    margin: auto;
}
.index_cnt7 {
    padding: 18rem 0 9rem;
}
.index_cnt7 .inner .titleA * {
    text-align: center;
}
.index_cnt7 .inner .webgene-blog {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5625vw;
    /*3*/
    margin: 0 auto 5rem;
}
.index_cnt7 .inner .webgene-blog .webgene-item {}
.index_cnt7 .inner .webgene-blog .webgene-item .dl {
    width: 100%;
    display: grid;
    gap: 1rem;
}
.index_cnt7 .inner .webgene-blog .webgene-item .dt {
    grid-row: 3;
    font-size: 1.8rem;
}
.index_cnt7 .inner .webgene-blog .webgene-item .dt a {
    color: inherit;
}
.index_cnt7 .inner .webgene-blog .webgene-item .day {
    grid-row: 2;
    color: #68b9dd;
}
.index_cnt7 .inner .webgene-blog .webgene-item .pic {
    grid-row: 1;
    width: 100%;
    aspect-ratio: 2.6/2.1;
    overflow: hidden;
    border-radius: 1rem;
    background: #fcfad8;
}
.index_cnt7 .inner .webgene-blog .webgene-item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt7 .inner .buttonA {
    margin: auto;
}




/*service*/
.main.service {
    position: relative;
}
.main.service::before {
    content: "";
    background: url(/system_panel/uploads/images/index_mainbefore.png) no-repeat;
    background-size: cover;
    width: 16.4vw;
    /*31.5*/
    height: 105vw;
    /*201.6*/
    display: inline-block;
    position: absolute;
    left: 0;
    top: 41.145vw;
    /*79*/
    z-index: 1;
}
.main.service::after {
    content: "";
    background: url(/system_panel/uploads/images/index_mainafter.png) no-repeat;
    background-size: cover;
    width: 14.79vw;
    /*28.4*/
    height: 124.322vw;
    /*238.7*/
    display: inline-block;
    position: absolute;
    right: 0;
    top: 90.625vw;
    /*174*/
    z-index: 1;
}
.service_cnt1 {
    background: linear-gradient(180deg, rgba(252, 250, 216, 0.3), rgba(252, 250, 216, 0.2));
    padding: 9rem 0;
}
.service_cnt1 .inner h3 {
    width: fit-content;
    font-size: 3.3rem;
    text-align: center;
    margin: 0 auto 5rem;
    position: relative;
}
.service_cnt1 .inner h3::after {
    content: "";
    background: url(/system_panel/uploads/images/service_cnt1_illust.png) no-repeat;
    background-size: cover;
    width: 3.125vw;
    /*6*/
    aspect-ratio: 6/4.9;
    display: inline-block;
    position: absolute;
    right: -2.6vw;
    /*5*/
    bottom: -2.08vw;
    /*4*/
}
.service_cnt1 .inner p {
    text-align: center;
    line-height: 2.05;
}
.service_cnt2 {
    padding: 6rem 0;
    background: #edf0f3;
    position: relative;
    z-index: 2;
}
.service_cnt2 .inner {
    background: url(/system_panel/uploads/images/bgA.png);
    border: 0.4rem solid #68b9dd;
    border-radius: 3rem;
    padding: clamp(2rem, 5.2vw, 10rem);
}
.service_cnt2 .inner .dl {
    display: grid;
    grid-template-columns: 20% 1fr;
    gap: 1.04vw 2.08vw;
    /*2 4*/
    align-content: center;
}
.service_cnt2 .inner .dl:not(:last-of-type) {
    margin: 0 0 2rem;
    padding: 0 0 2rem;
    border-bottom: 0.1rem solid #d2d8de;
}
.service_cnt2 .inner .dt {
    grid-row: 1;
    grid-column: 2;
    width: fit-content;
    height: fit-content;
    font-size: 2.7rem;
    color: #5fbadc;
    line-height: 1.3;
    align-self: end;
    position: relative;
    z-index: 1;
}
.service_cnt2 .inner .dt::after {
    content: "";
    width: 100%;
    height: 1rem;
    background: #fffb7c;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.service_cnt2 .inner .pic {
    grid-row: span 2;
    grid-column: 1;
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    overflow: hidden;
}
.service_cnt2 .inner .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.service_cnt2 .inner .cmt {
    grid-row: 2;
    grid-column: 2;
    line-height: 2.05;
}
.service_cnt3 {
    padding: 10rem 0;
    background: linear-gradient(180deg, rgba(252, 250, 216, 0.0) 85%, rgba(252, 250, 216, 0.5));
}
.service_cnt3 .inner .titleA * {
    text-align: center;
}
.service_cnt3 .inner .set {
    margin: 0 0 10rem;
}
.service_cnt3 .inner .set .col2 {
    display: flex;
    gap: 3.125vw;
    /*6*/
    margin: 0 0 2rem;
}
.service_cnt3 .inner .set .col2 .left {
    width: 33%;
    aspect-ratio: 3.3/2.4;
    overflow: hidden;
    border-radius: 2rem;
}
.service_cnt3 .inner .set .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.service_cnt3 .inner .set .col2 .right {
    width: 67%;
}
.service_cnt3 .inner .set .col2 .right h4 {
    width: fit-content;
    height: fit-content;
    font-size: 3.3rem;
    color: #5fbadc;
    line-height: 1.3;
    margin: 0 0 3rem;
    position: relative;
    z-index: 1;
}
.service_cnt3 .inner .set .col2 .right h4::after {
    content: "";
    width: 100%;
    height: 1rem;
    background: #fffb7c;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.service_cnt3 .inner .set .col2 .right .catch {
    font-size: 2.7rem;
    margin: 0 0 3rem;
}
.service_cnt3 .inner .set .col2 .right p:not(.catch) {
    line-height: 2.02;
}
.service_cnt3 .inner .set [class^="window"] {
    background: #edf0f3;
    padding: 2rem;
    border-radius: 2rem;
}
.service_cnt3 .inner .set [class^="window"] h5 {
    font-size: 1.7rem;
    text-align: center;
    width: fit-content;
    min-width: 16.5rem;
    height: 4rem;
    background: #fff;
    border-radius: 2rem;
    border: 0.2rem solid #000;
    display: grid;
    align-items: center;
    padding: 0 2em;
}
.service_cnt3 .inner .set [class^="window"] .ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 1.5rem;
}
.service_cnt3 .inner .set [class^="window"] .li {
    font-size: 2.1rem;
    background: #fff;
    border-radius: 1rem;
    padding: 1rem 2rem;
    display: flex;
    gap: 1rem;
    align-items: center;
}
.service_cnt3 .inner .set [class^="window"] .li::before {
    content: "";
    background: url(/system_panel/uploads/images/icon_check.png) no-repeat;
    background-size: cover;
    width: 3.1rem;
    min-width: 3.1rem;
    height: 3rem;
    display: inline-block;
}
.service_cnt3 .inner .set .windowA {
    display: flex;
    gap: 2rem;
    align-items: start;
    margin: 0 0 2rem;
}
.service_cnt3 .inner .set .windowA .listA .li {
    width: calc(50% - 1.5rem);
}
.service_cnt3 .inner .windowA .listB .li {
    width: calc(33.3% - 1.5rem);
}
.service_cnt3 .inner .set .windowA .ul {}
.service_cnt3 .inner .set .windowB .grid {
    width: 90%;
    max-width: 100rem;
    margin: 3rem auto 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.6vw;
    /*5*/
}
.service_cnt3 .inner .set .windowB .grid .dl {
    display: grid;
    align-content: start;
    gap: 2rem;
}
.service_cnt3 .inner .set .windowB .grid .dt {
    font-size: 2.7rem;
    text-align: center;
    color: #5fbadc;
}
.service_cnt3 .inner .set .windowB .grid .pic {
    grid-row: 1;
    width: 100%;
    aspect-ratio: 3/2;
    border-radius: 2rem;
    overflow: hidden;
    background: #fff;
    display: grid;
    align-items: center;
    justify-content: center;
}
.service_cnt3 .inner .set .windowB .grid .pic img {
    width: auto;
}
.service_cnt3 .inner .set .windowB .grid .cmt {
    line-height: 2.05;

}
.service_cnt3 .inner .set .windowB .grid2 {
    width: 90%;
    max-width: 100rem;
    margin: 3rem auto 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.service_cnt3 .inner .set .windowB .grid2 .dl {
    display: grid;
    align-content: start;
    gap: 2rem;
    position: relative;
    padding: 7rem 0;
}
.service_cnt3 .inner .set .windowB .grid2 .dl::before {
    content: "●";
    font-size: 3rem;
    color: #5fbadc;
    display: inline-block;
    position: absolute;
    left: calc(50% - 0.5em);
    top: 0;
    z-index: 1;
}
.service_cnt3 .inner .set .windowB .grid2 .dl::after {
    content: "";
    font-size: 3rem;
    width: 100%;
    height: 0.1rem;
    background: #000;
    display: inline-block;
    position: absolute;
    top: 0.5em;
}
.service_cnt3 .inner .set .windowB .grid2 .dl:first-of-type::after {
    left: 50%;
}
.service_cnt3 .inner .set .windowB .grid2 .dl:last-of-type::after {
    right: 50%;
}
.service_cnt3 .inner .set .windowB .grid2 .dt {
    font-size: 2.7rem;
    text-align: center;
    color: #5fbadc;
}
.service_cnt3 .inner .set .windowB .grid2 .dd {
    line-height: 2.05;
    text-align: center;
    padding: 0 1.04vw;
}
.service_cnt4 {
    padding: 10rem 0;
    background: linear-gradient(180deg, rgba(252, 250, 216, 0.5) 85%, rgba(252, 250, 216, 1));
}
.service_cnt4 .inner .ul {
    width: 90%;
    max-width: 100rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto 14rem;
}
.service_cnt4 .inner .li {
    list-style: none;
    writing-mode: vertical-lr;
    background: #fff;
    border-radius: 2rem;
    border: 0.1rem solid #ececec;
    box-shadow: 0 0 1.5rem rgba(141, 140, 115, 0.1);
    font-size: 2.7rem;
    padding: 1em;
    min-height: 38rem;
    text-align: center;
    position: relative;
}
.service_cnt4 .inner .li:not(:last-of-type)::after {
    content: "";
    font-size: 2.13vw;
    /*4.1*/
    background: url(/system_panel/uploads/images/arrowB.png) no-repeat;
    background-size: cover;
    width: 2.13vw;
    /*4.1*/
    height: 2.08vw;
    /*4*/
    position: absolute;
    top: calc(50% - 1.04vw);
    right: -1.5em;
}
.service_cnt4 .inner .window {
    width: 90%;
    max-width: 100rem;
    margin: auto;
    padding: clamp(2rem, 2.6vw, 5rem);
    border: 0.3rem solid #000;
    border-radius: 0.5rem;
    background: rgba(95, 186, 220, 0.8) url(/system_panel/uploads/images/service_cnt4_windowbg.jpg) no-repeat center;
    background-blend-mode: multiply;
    background-size: cover;
    box-shadow: 0.2rem 0.2rem 0 rgba(0, 0, 0, 1);
}
.service_cnt4 .inner .window h4 {
    font-size: 3.3rem;
    color: #fff;
    margin: 0 0 3rem;
}
.service_cnt4 .inner .window p:not(.buttonB) {
    line-height: 2.05;
    color: #fff;
    margin: 0 0 3rem;
}





/*works*/
.main.works {
    position: relative;
}
.main.works::before {
    content: "";
    background: url(/system_panel/uploads/images/index_mainbefore.png) no-repeat;
    background-size: cover;
    width: 16.4vw;
    /*31.5*/
    height: 105vw;
    /*201.6*/
    display: inline-block;
    position: absolute;
    left: 0;
    top: 41.145vw;
    /*79*/
    z-index: 1;
}
.main.works::after {
    content: "";
    background: url(/system_panel/uploads/images/index_mainafter.png) no-repeat;
    background-size: cover;
    width: 14.79vw;
    /*28.4*/
    height: 124.322vw;
    /*238.7*/
    display: inline-block;
    position: absolute;
    right: 0;
    top: 90.625vw;
    /*174*/
    z-index: 1;
}
.works_cnt1 {
    background: linear-gradient(180deg, rgba(252, 250, 216, 0.3), rgba(252, 250, 216, 0), rgba(252, 250, 216, 1));
    padding: 10rem 0;
}
.works_cnt1 .inner .titleA * {
    text-align: center;
}
.works_cnt1 .inner .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3.125vw;
    /*6*/
}
.works_cnt1 .inner .grid .dl {
    width: 100%;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2rem;
}
.works_cnt1 .inner .grid .dt {
    grid-row: 2;
    grid-column: 2;
    font-size: 2.3rem;
}
.works_cnt1 .inner .grid .cate {
    grid-row: 2;
    grid-column: 1;
    width: fit-content;
    height: 2.3rem;
    border-radius: 0.5rem;
    background: #edf0f3;
    display: grid;
    align-items: center;
    padding: 0 0.5em;
}
.works_cnt1 .inner .grid .pic {
    grid-row: 1;
    grid-column: span 2;
    width: 100%;
    aspect-ratio: 5.7/4;
    border-radius: 1rem;
    overflow: hidden;
    border: 0.1rem solid #ececec;
    box-shadow: 0 0 1.5rem rgba(141, 140, 115, 0.1);
}
.works_cnt1 .inner .grid .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.works_cnt1 .inner .grid .cmt {
    grid-row: 3;
    grid-column: span 2;
    line-height: 2.05;
}
.works_cnt2 {
    padding: 10rem 0;
}
.works_cnt2 .inner .titleA * {
    text-align: center;
}
.works_cnt2 .inner .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3.125vw;
    /*6*/
    margin: 0 auto 10rem;
}
.works_cnt2 .inner .figure {
    display: grid;
    gap: 2rem;
}
.works_cnt2 .inner .grid .figcaption {
    width: 100%;
    font-size: 2.3rem;
    text-align: center;
}
.works_cnt2 .inner .grid .pic {
    grid-row: 1;
    width: 100%;
    aspect-ratio: 5.7/4;
    border-radius: 1rem;
    overflow: hidden;
    border: 0.1rem solid #ececec;
    box-shadow: 0 0 1.5rem rgba(141, 140, 115, 0.1);
}
.works_cnt2 .inner .grid .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.works_cnt2 .inner .scroll {
    width: 100%;
    overflow-x: scroll;
    padding: 0 0 1rem;
}
.works_cnt2 .inner .scroll .table {
    width: 100%;
    min-width: 100rem;
    overflow: hidden;
    border-radius: 1rem;
}
.works_cnt2 .inner .scroll .table .tr {
    width: 100%;
    height: auto;
    min-height: 7rem;
    display: grid;
    grid-template-columns: 30% 20% 20% 5% 25%;
}
.works_cnt2 .inner .scroll .table :is(.th, td) {
    height: auto;
    min-height: 7rem;
    border-right: 0.3rem solid #68b9dd;
    display: inline-grid;
    align-items: center;
    padding: 0 1em;
}
.works_cnt2 .inner .scroll .table .td:last-of-type {
    border-right: none;
}
.works_cnt2 .inner .scroll .table .thead .tr {
    border-top: 0.3rem solid #68b9dd;
    border-bottom: 0.3rem solid #68b9dd;
    border-left: 0.3rem solid #68b9dd;
    border-right: 0.3rem solid #68b9dd;
}
.works_cnt2 .inner .scroll .table .thead .th {
    color: #68b9dd;
    text-align: center;
    background: #edf0f3;
}
.works_cnt2 .inner .scroll .table .thead .th:last-of-type {
    border-right: none;
}
.works_cnt2 .inner .scroll .table .tbody .tr {
    border-bottom: 0.3rem solid #68b9dd;
    border-left: 0.3rem solid #68b9dd;
    border-right: 0.3rem solid #68b9dd;
}
.works_cnt2 .inner .scroll .table .tbody .th {
    background: #d0dfed;
}
.works_cnt2 .inner .scroll .table .tbody .td {
    border-right: 0.3rem solid #68b9dd;
    display: inline-grid;
    align-items: center;
    padding: 0 1em;
}
.works_cnt2 .inner .scroll .table .tbody .last_td{
      border-right: none;
}



/*recruit*/
.main.recruit::before {
    content: "";
    background: url(/system_panel/uploads/images/index_mainbefore.png) no-repeat;
    background-size: cover;
    width: 16.4vw;
    /*31.5*/
    height: 105vw;
    /*201.6*/
    display: inline-block;
    position: absolute;
    left: 0;
    top: 41.145vw;
    /*79*/
    z-index: 1;
}
.main.recruit::after {
    content: "";
    background: url(/system_panel/uploads/images/index_mainafter.png) no-repeat;
    background-size: cover;
    width: 14.79vw;
    /*28.4*/
    height: 124.322vw;
    /*238.7*/
    display: inline-block;
    position: absolute;
    right: 0;
    top: 90.625vw;
    /*174*/
    z-index: 1;
}
.recruit_cnt1 {
    background: linear-gradient(180deg, rgba(252, 250, 216, 0.3), rgba(252, 250, 216, 0.2));
    padding: 9rem 0;
}
.recruit_cnt1 .inner .titleA * {
    text-align: center;
}
.recruit_cnt1 .inner>p {
    text-align: center;
    line-height: 2.05;
    margin: 0 auto 5rem;
}
.recruit_cnt1 .inner .pic {
    width: 100%;
    aspect-ratio: 12/5;
    overflow: hidden;
    border-radius: 1rem;
    border: 0.5rem solid #68b9dd;
}
.recruit_cnt1 .inner .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.recruit_cnt2 {
    background: linear-gradient(180deg, rgba(252, 250, 216, 0.2), rgba(252, 250, 216, 0.0));
    padding: 8rem 0;
}
.recruit_cnt2 .inner .dl {
    padding: 0 0 2rem 7.29vw;
    /*14*/
    border-bottom: 0.1rem dashed #000;
    position: relative;
}
.recruit_cnt2 .inner .dl:not(:last-of-type) {
    margin: 0 0 2rem;
}
.recruit_cnt2 .inner .dl::before {
    content: "";
    font-size: 4.16vw;
    /*8*/
    color: #fff;
    position: absolute;
    left: 1.04vw;
    /*2*/
}
.recruit_cnt2 .inner .dt {
    font-size: 3.7rem;
    height: 4.16vw;
    display: flex;
    align-items: center;
    color: #81abce;
    margin: 0 0 2rem;
}
.recruit_cnt2 .inner .dd {
    line-height: 2.05;
}
.recruit_cnt2 .inner .dl:nth-of-type(2)::before {
    content: "01";
    -webkit-text-stroke: 0.2rem #5790be;
}
.recruit_cnt2 .inner .dl:nth-of-type(3)::before {
    content: "02";
    -webkit-text-stroke: 0.2rem #6aa2c7;
}
.recruit_cnt2 .inner .dl:nth-of-type(4)::before {
    content: "03";
    -webkit-text-stroke: 0.2rem #f3cc67;
}
.recruit_cnt2 .inner .dl:nth-of-type(5) .dt {
    color: #6aa2c7;
}
.recruit_cnt2 .inner .dl:nth-of-type(6) .dt {
    color: #f3cc67;
}
.recruit_cnt3 {
    background: linear-gradient(180deg, rgba(252, 250, 216, 0.0), rgba(252, 250, 216, 0.3));
    padding: 8rem 0;
    position: relative;
    z-index: 2;
}
.recruit_cnt3 .inner .titleA * {
    text-align: center;
}
.recruit_cnt3 .inner .col2 {
    display: flex;
    flex-direction: row-reverse;
    gap: 3.125vw;
    margin: 0 0 5rem;
}
.recruit_cnt3 .inner .col2 .left {
    width: 52%;
    border-radius: 2rem;
    overflow: hidden;
    aspect-ratio: 6/4;
}
.recruit_cnt3 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.recruit_cnt3 .inner .col2 .right {
    width: 48%;
}
.recruit_cnt3 .inner .col2 .right p {
    line-height: 2.05;
}
.recruit_cnt3 .inner .dl {
    display: grid;
    grid-template-columns: 25% 1fr;
    grid-template-rows: auto 1fr;
    gap: 1.04vw 2.08vw;
    /*2 4*/
    align-content: start;
}
.recruit_cnt3 .inner .dl:not(:last-of-type) {
    margin: 0 0 2rem;
}
.recruit_cnt3 .inner .dt {
    grid-row: 1;
    grid-column: 2;
    width: fit-content;
    height: fit-content;
    font-size: 2.7rem;
    color: #5fbadc;
    line-height: 1.3;
    align-self: end;
    position: relative;
    z-index: 1;
}
.recruit_cnt3 .inner .dt::after {
    content: "";
    width: 100%;
    height: 1rem;
    background: #fffb7c;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.recruit_cnt3 .inner .pic {
    grid-row: span 2;
    grid-column: 1;
    width: 100%;
    aspect-ratio: 3/2.2;
    border-radius: 2rem;
    border: 0.5rem solid #68b9dd;
    overflow: hidden;
}
.recruit_cnt3 .inner .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.recruit_cnt3 .inner .cmt {
    grid-row: 2;
    grid-column: 2;
    line-height: 2.05;
}
.recruit_cnt3 .inner .window {
    background: #edf0f3;
    padding: 2rem;
    border-radius: 2rem;
    display: flex;
    gap: 2rem;
    align-items: start;
    margin: 5rem 0 0;
}
.recruit_cnt3 .inner .window h4 {
    font-size: 1.7rem;
    text-align: center;
    width: fit-content;
    min-width: 16.5rem;
    height: 4rem;
    background: #fff;
    border-radius: 2rem;
    border: 0.2rem solid #000;
    display: grid;
    align-items: center;
    padding: 0 1em;
}
.recruit_cnt3 .inner .window .ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 1.5rem;
}
.recruit_cnt3 .inner .window .li {
    width: calc(50% - 1rem);
    font-size: 2.1rem;
    background: #fff;
    border-radius: 1rem;
    padding: 1rem 2rem;
    display: flex;
    gap: 1rem;
    align-items: center;
}
.recruit_cnt3 .inner .window .li::before {
    content: "";
    background: url(/system_panel/uploads/images/icon_check.png) no-repeat;
    background-size: cover;
    width: 3.1rem;
    min-width: 3.1rem;
    height: 3rem;
    display: inline-block;
}
.recruit_cnt4 {
    background: linear-gradient(180deg, rgba(252, 250, 216, 0.3), rgba(252, 250, 216, 1));
    padding: 8rem 0;
    position: relative;
    z-index: 2;
}
.recruit_cnt4 .inner .titleA {
    margin: 0 auto 11rem;
}
.recruit_cnt4 .inner .titleA * {
    text-align: center;
}
.recruit_cnt4 .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.08vw;
    /*4*/
}
.recruit_cnt4 .grid .dl {
    border: 0.1rem solid #fff;
    box-shadow: 0 0 1.5rem rgba(141, 140, 115, 0.1);
    background: #fff url(/system_panel/uploads/images/bgB.png);
    border-radius: 2rem;
}
.recruit_cnt4 .grid .dl:nth-of-type(2),
.recruit_cnt4 .grid .dl:nth-of-type(5) {
    transform: translate(0, -4rem);
}
.recruit_cnt4 .grid .dl:nth-of-type(3),
.recruit_cnt4 .grid .dl:nth-of-type(6) {
    transform: translate(0, -8rem);
}
.recruit_cnt4 .grid .dt {
    width: 100%;
    height: 7.5rem;
    background: rgba(0, 0, 0, 0.95) url(/system_panel/uploads/images/bgB.png);
    background-blend-mode: darken;
    font-size: 2.7rem;
    text-align: center;
    color: #fff;
    display: grid;
    align-items: center;
    border-radius: 2rem 2rem 0 0;
}
.recruit_cnt4 .grid .dd {
    width: 100%;
    background-blend-mode: multiply;
    padding: 2rem;
    line-height: 2.05;
}
.recruit_cnt5 {
    padding: 10rem 0;
    background: #edf0f3;
}
.recruit_cnt5 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5625vw;
    /*3*/
    position: relative;
}
.recruit_cnt5 .inner .grid::after {
    content: "";
    width: 100%;
    height: 1.5rem;
    background: #68b9dd;
    display: inline-block;
    position: absolute;
    bottom: 4rem;
}
.recruit_cnt5 .inner .grid .dl {
    padding: clamp(2rem, 1.5625vw, 3rem);
    background: #fff url(/system_panel/uploads/images/bgA.png);
    border-radius: 4rem;
    border: 0.5rem solid #68b9dd;
    position: relative;
    z-index: 1;
}
.recruit_cnt5 .inner .grid .dl::before {
    content: "";
    font-size: 4.16vw;
    /*8*/
    color: #fff;
    -webkit-text-stroke: 0.2rem #5790be;
    position: absolute;
    left: 1.04vw;
    /*2*/
    top: -0.5em;
}
.recruit_cnt5 .inner .grid .dl:nth-of-type(1)::before {
    content: "01";
}
.recruit_cnt5 .inner .grid .dl:nth-of-type(2)::before {
    content: "02";
}
.recruit_cnt5 .inner .grid .dl:nth-of-type(3)::before {
    content: "03";
}
.recruit_cnt5 .inner .grid .dt {
    grid-row: 1;
    grid-column: 2;
    width: fit-content;
    height: fit-content;
    font-size: 2.7rem;
    color: #5fbadc;
    line-height: 1.3;
    align-self: end;
    position: relative;
    z-index: 1;
    margin: 0 auto 3rem;
}
.recruit_cnt5 .inner .grid .dt::after {
    content: "";
    width: 100%;
    height: 1rem;
    background: #fffb7c;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.recruit_cnt5 .inner .grid .dd {
    line-height: 2.05;
}






/*recruit*/
.main.environment {
    position: relative;
}
.main.environment::before {
    content: "";
    background: url(/system_panel/uploads/images/index_mainbefore.png) no-repeat;
    background-size: cover;
    width: 16.4vw;
    /*31.5*/
    height: 105vw;
    /*201.6*/
    display: inline-block;
    position: absolute;
    left: 0;
    top: 41.145vw;
    /*79*/
    z-index: 1;
}
.main.environment::after {
    content: "";
    background: url(/system_panel/uploads/images/index_mainafter.png) no-repeat;
    background-size: cover;
    width: 14.79vw;
    /*28.4*/
    height: 124.322vw;
    /*238.7*/
    display: inline-block;
    position: absolute;
    right: 0;
    top: 90.625vw;
    /*174*/
    z-index: 1;
}
.environment_cnt1 {
    padding: 10rem 0;
    background: linear-gradient(180deg, rgba(252, 250, 216, 0.3), rgba(252, 250, 216, 0.2));
}
.environment_cnt1 .inner .titleA * {
    text-align: center;
}
.environment_cnt1 .inner [class^="col2"] {
    display: flex;
    gap: 1rem;
}
.environment_cnt1 .inner [class^="col2"] :is(.left, .right) .set {
    border: 1rem solid #68b9dd;
    background: #fff;
    border-radius: 1rem;
    padding: 2rem;
}
.environment_cnt1 .inner [class^="col2"] :is(.left, .right) .set h4 {
    width: fit-content;
    display: inline-block;
    font-size: 2.3rem;
    color: #5fbadc;
    margin: 0 0 2rem;
}
.environment_cnt1 .inner [class^="col2"] :is(.left, .right) .set .pic {
    width: fit-content;
    margin: 0 auto 5rem;
}
.environment_cnt1 .inner [class^="col2"] :is(.left, .right) .set .pic img {
    width: 100%;
}
.environment_cnt1 .inner [class^="col2"] :is(.left, .right) .set .em {
    width: fit-content;
    display: inline-block;
}
.environment_cnt1 .inner [class^="col2"] :is(.left, .right) .set .dt {
    font-size: 2rem;
    text-align: center;
    padding: 0.5rem 0;
    margin: 0 auto 1.5rem;
    border-top: 0.1rem solid #000;
    border-bottom: 0.1rem solid #000;
}
.environment_cnt1 .inner [class^="col2"] :is(.left, .right) .set .flex {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 1rem;
}
.flex.old_ma {
    margin-bottom: 3rem;
}
.environment_cnt1 .inner [class^="col2"] :is(.left, .right) .set .flex>p:not(.span, .em) {
    font-size: 7rem;
}
.environment_cnt1 .inner [class^="col2"] :is(.left, .right) .set .flex .span {
    font-size: 3.5rem;
}
.environment_cnt1 .inner .col2:not(:last-of-type) {
    margin: 0 0 1rem;
}
.environment_cnt1 .inner .col2.top .left {
    width: 40%;
    display: grid;
    gap: 1rem;
}
.environment_cnt1 .inner .col2.top .right {
    width: 60%;
}
.environment_cnt1 .inner .col2.top .right .set {
    height: 100%;
}
.environment_cnt1 .inner .col2.mid .left {
    width: 50%;
}
.environment_cnt1 .inner .col2.mid .right {
    width: 50%;
    display: flex;
    gap: 1rem;
}
.environment_cnt1 .inner .col2.mid .right .set {
    width: 50%;
}
.environment_cnt1 .inner .col2.btm .left {
    width: 50%;
}
.environment_cnt1 .inner .col2.btm .left .set {
    height: 100%;
}
.environment_cnt1 .inner .col2.btm .left .set .span {
    white-space: pre;
}
.environment_cnt1 .inner .col2.btm .right {
    width: 50%;
}
.environment_cnt2 {
    padding: 10rem 0;
    background: linear-gradient(180deg, rgba(252, 250, 216, 0.2), rgba(252, 250, 216, 0.0));
}
.environment_cnt2 .inner>p {
    line-height: 2.05;
}
.environment_cnt3 {
    padding: 10rem 0;
}
.environment_cnt3 .inner .dl {
    position: relative;
    padding: 2.5rem 0 2.5rem 20%;
}
.environment_cnt3 .inner .dl::before {
    content: "";
    width: 2.6rem;
    min-width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    background: #8bc8e2;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 2.5rem;
    z-index: 1;
}
.environment_cnt3 .inner .dl::after {
    content: "";
    width: 0.1rem;
    height: 100%;
    display: inline-block;
    background: #000;
    position: absolute;
    left: 1.3rem;
    top: 2.5rem;
}
.environment_cnt3 .inner .dl:last-of-type::after {
    content: initial;
}
.environment_cnt3 .inner .dt {
    font-size: 2.7rem;
    color: #5fbadc;
    margin: 0 0 1rem;
}
.environment_cnt3 .inner .time {
    position: absolute;
    left: 5rem;
    top: 3rem;
}
.environment_cnt3 .inner .cmt {
    line-height: 2.05;
}
.environment_cnt4 {
    padding: 10rem 0;
    background: #fcfcf5;
}
.environment_cnt4 .inner .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}
.environment_cnt4 .inner .grid .dl {
    display: grid;
    grid-template-columns: 35% 1fr;
    border: 0.5rem solid #68b9dd;
    border-radius: 3rem;
    background: url(/system_panel/uploads/images/bgA.png);
    padding: clamp(2rem, 1.5625vw, 3rem);
    gap: 1rem 1.5625vw;
}
.environment_cnt4 .inner .grid .dt {
    grid-row: 1;
    grid-column: 2;
    width: fit-content;
    height: fit-content;
    font-size: 2.7rem;
    color: #5fbadc;
    line-height: 1.3;
    align-self: end;
    position: relative;
    z-index: 1;
}
.environment_cnt4 .inner .grid .dt::after {
    content: "";
    width: 100%;
    height: 1rem;
    background: #fffb7c;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.environment_cnt4 .inner .grid .pic {
    grid-row: span 2;
    grid-column: 1;
    display: grid;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 0.1rem solid #ececec;
    border-radius: 1rem;
    box-shadow: 0 0 1.5rem rgba(141, 140, 115, 0.1);
}
.environment_cnt4 .inner .grid .pic img {
    width: auto;
}
.environment_cnt4 .inner .grid .cmt {
    grid-row: 2;
    grid-column: 2;
    line-height: 2.05;
}
.environment_cnt5 {
    padding: 10rem 0;
}
.environment_cnt5 .inner .window {
    width: 90%;
    max-width: 100rem;
    margin: auto;
    padding: clamp(2rem, 2.6vw, 5rem);
    border: 0.3rem solid #000;
    border-radius: 0.5rem;
    background: rgba(95, 186, 220, 0.8) url(/system_panel/uploads/images/environment_cnt4_windowbg.jpg) no-repeat center;
    background-blend-mode: multiply;
    background-size: cover;
    box-shadow: 0.2rem 0.2rem 0 rgba(0, 0, 0, 1);
}
.environment_cnt5 .inner .window h4 {
    font-size: 3.3rem;
    color: #fff;
    margin: 0 0 3rem;
}
.environment_cnt5 .inner .window p:not(.buttonB) {
    line-height: 2.05;
    color: #fff;
    margin: 0 0 3rem;
}







/*voice*/
.main.voice {
    position: relative;
}
.main.voice::before {
    content: "";
    background: url(/system_panel/uploads/images/index_mainbefore.png) no-repeat;
    background-size: cover;
    width: 16.4vw;
    /*31.5*/
    height: 105vw;
    /*201.6*/
    display: inline-block;
    position: absolute;
    left: 0;
    top: 41.145vw;
    /*79*/
    z-index: 1;
}
.main.voice::after {
    content: "";
    background: url(/system_panel/uploads/images/index_mainafter.png) no-repeat;
    background-size: cover;
    width: 14.79vw;
    /*28.4*/
    height: 124.322vw;
    /*238.7*/
    display: inline-block;
    position: absolute;
    right: 0;
    top: 90.625vw;
    /*174*/
    z-index: 1;
}
[class^="voice_cnt"] {
    padding: 10rem 0;
    background: linear-gradient(180deg, rgba(252, 250, 216, 0.3), rgba(252, 250, 216, 0.0));
}
[class^="voice_cnt"] .inner .col2 {
    display: flex;
    flex-direction: row-reverse;
    gap: 2.6vw;
    align-items: center;
    margin: 0 0 5rem;
}
[class^="voice_cnt"] .inner .col2 .left {
    width: 48%;
}
[class^="voice_cnt"] .inner .col2 .left p {
    margin: 0 0 1rem;
}
[class^="voice_cnt"] .inner .col2 .left .name {
    font-size: 2.7rem;
    margin: 0 0 2rem;
}
[class^="voice_cnt"] .inner .col2 .left .msg {
    width: fit-content;
    font-size: 3.3rem;
    background: #fff;
    padding: 1.5rem;
    border-radius: 1rem;
    border: 0.1rem solid #ececec;
    box-shadow: 0 0 1.5rem rgba(141, 140, 115, 0.1);
    /*margin: 0 0 1rem -13.54vw;*/
  margin: 0 0 1rem -6.54vw;
    /*26*/
    position: relative;
    z-index: 1;
    white-space: pre;
}
[class^="voice_cnt"] .inner .dl {
    margin: 0 0 5rem;
    padding: 5rem 0 0;
}
[class^="voice_cnt"] .inner .dt {
    font-size: 2rem;
    color: #68b9dd;
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0 0 3rem;
}
[class^="voice_cnt"] .inner .question {
    font-size: 2.7rem;
    color: #68b9dd;
    margin: 0 0 3rem;
    position: relative;
}
[class^="voice_cnt"] .inner {}
[class^="voice_cnt"] .inner .dd:not(.question) {
    line-height: 2.05;
}
[class^="voice_cnt"] .inner .two {
    line-height: 2.05;
}
[class^="voice_cnt"] .inner :is(.dd, .two) .span {
    background: #edf0f3;
    width: fit-content;
    height: 3rem;
    border-radius: 0.5rem;
    padding: 0 0.25em;
    display: grid;
    align-items: center;
    margin: 3rem 0 0;
}
[class^="voice_cnt"] .inner .col2 .right {
    width: 62%;
    aspect-ratio: 6.4/4;
    overflow: hidden;
    border-radius: 1rem;
    border: 0.5rem solid #68b9dd;
}
[class^="voice_cnt"] .inner .col2 .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
[class^="voice_cnt"] .inner .col2b .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
[class^="voice_cnt2"] .inner .col2b .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
[class^="voice_cnt3"] .inner .col2b .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
[class^="voice_cnt"] .inner .col2b {
    display: flex;
    align-items: center;
    gap: 2.6vw;
    /*5*/
}
[class^="voice_cnt"] .inner .col2b .left {
    width: 52%;
}
[class^="voice_cnt"] .inner .col2b .right {
    width: 48%;
    aspect-ratio: 6.4/4;
    overflow: hidden;
    border-radius: 1rem;
    border: 0.5rem solid #68b9dd;
}
[class^="voice_cnt"] .inner>p {
    line-height: 2.05;
}
[class^="voice_cnt"] .inner>.pic {
    width: 100%;
    aspect-ratio: 12/4;
    overflow: hidden;
    border-radius: 1rem;
    border: 0.5rem solid #68b9dd;
    margin: 0 auto 4rem;
}
[class^="voice_cnt"] .inner>.pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.voice_cnt2 {
    background: #fcfcf5;
}
.voice_cnt3 {
    background: #fff;
}





/*company*/
.main.company {
    position: relative;
}
.main.company::before {
    content: "";
    background: url(/system_panel/uploads/images/index_mainbefore.png) no-repeat;
    background-size: cover;
    width: 16.4vw;
    /*31.5*/
    height: 105vw;
    /*201.6*/
    display: inline-block;
    position: absolute;
    left: 0;
    top: 41.145vw;
    /*79*/
    z-index: 1;
}
.main.company::after {
    content: "";
    background: url(/system_panel/uploads/images/index_mainafter.png) no-repeat;
    background-size: cover;
    width: 14.79vw;
    /*28.4*/
    height: 124.322vw;
    /*238.7*/
    display: inline-block;
    position: absolute;
    right: 0;
    top: 90.625vw;
    /*174*/
    z-index: 1;
}
.company_cnt1 {
    padding: 10rem 0;
    background: linear-gradient(180deg, rgba(252, 250, 216, 0.3), rgba(252, 250, 216, 0.0));
}
.company_cnt1 .inner .window {
    width: 100%;
    aspect-ratio: 12/5;
    border: 0.5rem solid #68b9dd;
    border-radius: 1rem;
    background: url(/system_panel/uploads/images/company_cnt1_1.jpg) no-repeat;
    background-size: cover;
    display: grid;
    align-items: end;
    place-content: end center;
    padding: 0  0 10rem;
}
.company_cnt1 .inner .window .dl{
}
.company_cnt1 .inner .window .dt{
    color: #fff;
    margin: 0 0 1rem;
}
.company_cnt1 .inner .window .dd{
    font-size: 2.7rem;
    color: #fff;
}
.company_cnt1 .inner .msg {
    width: 60%;
    padding: 1.5625vw;
    background: #68b9dd;
    border-radius: 1rem;
    margin: -9rem auto 3rem;
}
.company_cnt1 .inner .msg p {
    font-size: 3rem;
    text-align: center;
    color: #fff;
    line-height: 1.5;
}
.company_cnt1 .inner .msg .eng {
    font-size: 2.5rem;
    color: #c0e8f9;
}
.company_cnt1 .inner>p {
    line-height: 2.05;
}
.company_cnt2 {
    padding: 2rem 0;
}
.company_cnt2 .inner .window {
    width: 100%;
    background: #f0f9fd;
    padding: clamp(2rem, 2.6vw, 5rem) clamp(2rem, 5.2vw, 10rem);
    border-radius: 1rem;
}
.company_cnt2 .inner .window .titleA {
    display: flex;
}
.company_cnt2 .inner .window>p {
    line-height: 2.05;
}
.company_cnt3 {
    padding: 10rem 0;
    background: linear-gradient(180deg, rgba(252, 250, 216, 0.0) 30%, rgba(252, 250, 216, 1));
}
.company_cnt3 .inner .titleA {
    display: flex;
}
.company_cnt3 .inner .dl {
    display: flex;
    gap: 2.6vw;
    /*5*/
    border-bottom: 0.1rem dashed #000;
    padding: 2rem 0;
}
.company_cnt3 .inner .dt {
    width: 15%;
    min-width: 10em;
    color: #81abce;
    line-height: 2.05;
    padding: 0 0 0 2.6vw;
    /*5*/
}
.company_cnt3 .inner .dd {
    width: 85%;
    line-height: 2.05;
}
.company_cnt3 .inner .map {
    width: 100%;
    aspect-ratio: 12/3;
    overflow: hidden;
    border-radius: 1rem;
    margin: 3rem 0 0;
}
.company_cnt3 .inner .map iframe {
    width: 100%;
    height: 100%;
    border: initial;
}
.company_cnt4 {
    padding: 10rem 0;
    background: #f0f9fd;
}
.company_cnt4 .inner .titleA {
    display: flex;
}
.company_cnt4 .inner .dl {
    display: flex;
    gap: 2.6vw;
    /*5*/
    border-bottom: 0.1rem dashed #000;
    padding: 2rem 0;
}
.company_cnt4 .inner .dt {
    width: 15%;
    min-width: 5em;
    font-size: 2.8rem;
    line-height: 2.05;
    padding: 0 0 0 2.6vw;
    /*5*/
}
.company_cnt4 .inner .dt span {
    font-size: initial;
}
.company_cnt4 .inner .dd {
    width: 85%;
    line-height: 2.05;
}








/*blog&blogdetail共通*/
:is(.blog_cnt1, .blogdetail_cnt1) {
    padding: 10rem 0;
    background: linear-gradient(180deg, rgba(252, 250, 216, 0.3), rgba(252, 250, 216, 0.3));
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner {
    width: 80%;
    max-width: 120rem;
    margin: auto;
    display: flex;
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner h3 {
    text-align: initial;
    margin: initial;
    width: 10%;
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 2rem;
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog .webgene-item {}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog .webgene-item a {}








/*blog*/
.blog_cnt2 {
    background: linear-gradient(180deg, rgba(252, 250, 216, 0.3), rgba(252, 250, 216, 0.0));
}
.blog_cnt2 .inner {}
.blog_cnt2 .inner .webgene-blog {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.08vw
        /*4*/
    ;
}
.blog_cnt2 .inner .webgene-blog .webgene-item {}
.blog_cnt2 .inner .webgene-blog .webgene-item .dl {
    display: grid;
    gap: 1rem;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .dt {
    grid-row: 3/4;
    font-size: 1.8rem;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .dt a {
    color: inherit;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .pic {
    grid-row: 1/2;
    aspect-ratio: 2.6/2.1;
    width: 100%;
    border-radius: 1rem;
    overflow: hidden;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .cate {
    color: #68b9dd;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .cmt {
    font-size: 1.5rem;
    line-height: 1.75;
}
.blog_cnt2 .inner .buttonA {
    margin: auto;
}

.webgene-pagination {
    grid-column: span 4;
    /*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;
    height: 3em;
    list-style: none;
    color: #e4eff6;
}
.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;
}
.webgene-pagination ul .number {
    list-style: none;
    background: #e4eff6;
    border-radius: 50%;
    width: 3em;
    height: 3em;
    margin: 0 0.5em;
}
.webgene-pagination ul .number.selected {
    list-style: none;
    background: #68b9dd;
    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: initial;
}





/*blogdetail*/
.blogdetail_cnt2 {
    padding: 0 0 13rem;
    background: linear-gradient(180deg, rgba(252, 250, 216, 0.3), rgba(252, 250, 216, 0.0));
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item {
    margin: 0 auto 5rem;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .dl {
    display: grid;
    gap: 2rem;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .dl * {
    min-width: 0;
    min-height: 0;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .dt {
    grid-row: 2;
    grid-column: 1;
    font-size: 2.5rem;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .pic {
    grid-row: 3;
    grid-column: 1;
    aspect-ratio: 8/5.4;
    width: 100%;
    border-radius: 1rem;
    overflow: hidden;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .cate {
    grid-row: 1;
    grid-column: 1;
    color: #68b9dd;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .cmt {
    grid-column: 1;
    line-height: 2.05;
}
.blogdetail_cnt2 .inner .buttonB {
    margin: auto;
}







/*contact*/
.contact_cnt1 {
    background: linear-gradient(180deg, rgba(252, 250, 216, 0.3) 30%, rgba(252, 250, 216, 0.3));
    padding: 10rem 0;
}
.contact_cnt1 .inner .titleA {
    display: flex;
}
.contact_cnt1 .inner .tel a {
    font-size: 5rem;
    color: inherit;
    display: flex;
    align-items: baseline;
    gap: 1rem;
}
.contact_cnt1 .inner .tel a::before {
    content: "";
    background: url(/system_panel/uploads/images/icon_tel2.png) no-repeat;
    background-size: cover;
    width: 3.7rem;
    min-width: 3.7rem;
    height: 3.7rem;
    display: inline-block;
}
.contact_cnt1 .inner>p:not(.tel) {
    padding: 0 0 0 5rem;
    line-height: 2.05;
}
.contact_cnt2 {
    background: linear-gradient(180deg, rgba(252, 250, 216, 0.3) 30%, rgba(252, 250, 216, 0.0));
    padding: 10rem 0;
}
.contact_cnt2 .inner .titleA {
    display: flex;
}
form .dl {
    display: flex;
    gap: 1rem;
    border-bottom: 0.1rem dashed #000;
    padding: 0.5rem 0;
}
form .dl .dt {
    width: 25%;
    min-width: 10em;
    min-height: 5.5rem;
    line-height: 2.05;
    padding: 0 0 0 2.6vw;
    /*5*/
    display: flex;
    align-items: center;
    justify-content: space-between;
}
form .dt .required {
    font-size: 1.4rem;
    display: inline-block;
    border: 0.2rem solid #000;
    background: #eee768;
    border-radius: 0.5rem;
    display: inline-grid;
    align-items: center;
    padding: 0 0.5em;
}
form .dl .dd {
    width: 75%;
    min-height: 5.5rem;
    line-height: 2.05;
}
form input[type="text"],
form input[type="email"],
form textarea {
    width: 100%;
    min-height: 5.5rem;
    border-radius: 0.5rem;
}
form textarea{
    height: 21rem;
}
form input.zipInput {
    width: 40%;
}
form input[type="text"],
form input[type="email"],
form input[type="checkbox"],
form textarea {
    padding: 0 1em;
    border: 0.1rem solid #ececec;
}
form select {}
form .dl .dd .selectArea {}
form .dl .dd .selectArea div {
    width: fit-content;
    display: inline-block;
}
form .dl .dd .fileArea input {
    width: 100%;
}
form .terms {
    font-size: 1.5rem;
    background: #edf0f3;
    padding: 1rem;
    height: 14rem;
    overflow-y: scroll;
    margin: 1rem 0 5rem 0;
}
form .terms p {
    line-height: 1.66;
}
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;
}