@charset "UTF-8";





/*index*/
.mainimg {
    width: 100%;
    height: calc(115vh - 10rem);
    background: url(/system_panel/uploads/images/index_mainimg.jpg) no-repeat top left;
  background-size: cover;
    display: grid;
    align-content: center;
    gap: 4.16vw;
    /*8*/
}
.mainimg .catch {
    font-size: clamp(3rem, 7.29vw, 14rem) !important;
    font-weight: 900;
    color: #2aa339;
    width: 9em;
    margin: 20px 0;
    font-size: 1.5rem;
    line-height: 1.21;
    padding: 0 0 0 7.29vw;
    /*14*/
}
.mainimg .sub {
    width: fit-content;
    font-size: clamp(2rem, 2.6vw, 5rem);
    /*5*/
    font-weight: 700;
    color: #2aa339;
    background: #fff;
    padding: 0.125em 1em 0.125em 7.29vw;
    /*14*/
}
.mainimg .sub span {
    color: #89ba29;
}
.index_cnt1 {
    padding: 22rem 0;
    background: url(/system_panel/uploads/images/logomark.png) bottom -5rem right 7vw no-repeat #2aa339;
}
.index_cnt1 .inner {
    max-width: 100rem;
}
.index_cnt1 .inner p {
    font-size: 2.1rem;
    color: #fff;
    line-height: 2.28;
}
.index_cnt2 {
    min-height: 100rem;
    padding: 20rem 0;
    background: url(/system_panel/uploads/images/index_cnt2_bg.jpg) center no-repeat;
    background-size: cover;
}
.index_cnt2 .titleA {
    padding: 1rem 2rem 1rem 18.75vw;
    /*36*/
    margin: 0 0 3rem;
}
.index_cnt2 .inner .buttonA {
    margin: 0 0 1rem;
}
.index_cnt3 {
    padding: 20rem 0 0;
    background: url(/system_panel/uploads/images/bgA.png);
    overflow-x: hidden;
}
.index_cnt3 .inner .col2 {
    display: flex;
    flex-direction: row-reverse;
    gap: 2.6vw;
    /*5*/
    margin: 0 0 20rem;
}
.index_cnt3 .inner .col2 .right {
    width: 50%;
    position: relative;
}
.index_cnt3 .inner .col2 .right .titleA {
    margin: 0 0 3rem;
    margin: 0 0 3rem -18.75vw;
    padding: 0.5em 1em 0.5em 18.75vw;
}
.index_cnt3 .inner .col2 .right>p:not(.strong, .buttonA) {
    line-height: 2.41;
    margin: 0 0 5rem;
}
.index_cnt3 .inner .col2 .right .buttonA {
    margin: 0 0 1rem;
}
.index_cnt3 .inner .col2 .left {
    width: 50%;
    aspect-ratio: 8.2/5.8;
    overflow: hidden;
}
.index_cnt3 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt4 {
    padding: 17rem 0 8rem;
    background: #89ba29;
}
.index_cnt4 .inner {
    max-width: 164rem;
}
.index_cnt4 .inner .window {
    width: 100%;
}
.index_cnt4 .inner .window .catch {
    font-size: 9rem;
    color: #fff;
    font-family: initial;
    text-align: center;
    line-height: 1.7;
}
.index_cnt4 .inner .window .catch span {
    -webkit-text-stroke: 0.1rem #fff;
    color: rgba(255, 255, 255, 0);
}
.index_cnt4 .inner .window .yagou {
    color: #fff;
    margin: 0 0 0 auto;
    /*14*/
    display: flex;
    align-items: center;
    gap: 2.6vw;
    /*5*/
    justify-content: end;
}
.index_cnt4 .inner .window .yagou::before {
    content: "";
    width: 4.16vw;
    /*8*/
    height: 0.1rem;
    background: #fff;
    display: inline-block;
}
.index_cnt5 {
    padding: 15rem 0;
    background:linear-gradient(2deg,rgba(42,163,57,0),rgba(42,163,57,0.2)), url(/system_panel/uploads/images/bgA.png) ;
    overflow-x: hidden;
}
.index_cnt5 .inner .col2 {
    display: flex;
    gap: 2.6vw;
    /*5*/
    margin: 0 auto 5rem;
}
.index_cnt5 .inner .col2 .left {
    width: 38%;
    position: relative;
}
.index_cnt5 .inner .col2 .left .titleA {
    margin: 0 0 0 -18.75vw;
    /*36*/
    padding: 1rem 2rem 1rem 18.75vw;
}
.index_cnt5 .inner .col2 .right {
    width: 62%;
}
.index_cnt5 .inner .col2 .right p:not(.strong, .buttonA) {
    line-height: 2.41;
    margin: 0 0 2rem;
}
.index_cnt5 .inner .col2b {
    display: flex;
    gap: 2.08vw;
    /*4*/
}
.index_cnt5 .inner .col2b :is(.left, .right) {
    width: 50%;
}
.index_cnt5 .inner .col2b :is(.left, .right) a {
    text-decoration: none;
}
.index_cnt5 .inner .col2b :is(.left, .right) a:hover .pic img {
    scale: 1.2;
    transition: 0.5s;
}
.index_cnt5 .inner .col2b :is(.left, .right) a .figure {
    width: 100%;
    position: relative;
}
.index_cnt5 .inner .col2b :is(.left, .right) a .figure .pic {
    width: 100%;
    aspect-ratio: 5.8/4.1;
    overflow: hidden;
}
.index_cnt5 .inner .col2b :is(.left, .right) a .figure .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt5 .inner .col2b :is(.left, .right) a .figure .figcaption {
    width: fit-content;
    height: fit-content;
    padding: 1rem 2rem;
    font-size: 2.1rem;
    color: #fff;
    background: #2aa339;
    position: absolute;
    z-index: 2;
    bottom: 1.5625vw;
    /*3*/
    left: 1.5625vw;
}
.index_cnt6 {
    padding: 15rem 0;
    background: url(/system_panel/uploads/images/bgA.png);
    overflow-x: hidden;
}
.index_cnt6 .inner {
    max-width: 90%;
    max-width: 164rem;
}
.index_cnt6 .inner .col2 {
    display: flex;
}
.index_cnt6 .inner .col2 .right {
    width: 50%;
    position: relative;
    padding: 0 0 0 4.16vw;
    /*8*/
}
.index_cnt6 .inner .col2 .right .titleA {
    width: calc(100% + 7.29vw);
    margin: 0 -7.29vw 3rem 0;
    /*36*/
    padding: 0.5em 7.29vw 0.5em 1em;
    justify-content: start;
}
.index_cnt6 .inner .col2 .right>p:not(.strong, .buttonA) {
    line-height: 2.41;
    margin: 0 0 5rem;
}
.index_cnt6 .inner .col2 .right .buttonA {
    margin: 0 0 1rem;
}
.index_cnt6 .inner .col2 .left {
    width: 50%;
    aspect-ratio: 8.2/5.8;
    overflow: hidden;
}
.index_cnt6 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt7 {
    padding: 15rem 0;
    background:linear-gradient(-2deg,rgba(42,163,57,0.2),rgba(42,163,57,0)), url(/system_panel/uploads/images/bgA.png) ;
}
.index_cnt7 .inner .titleA {
    display: grid;
    background: initial;
    margin: 0 auto 5rem;
}
.index_cnt7 .inner .titleA h2 {
    grid-row: 2/3;
    text-align: center;
}
.index_cnt7 .inner .titleA p {
    background: #fff;
    padding: 1rem 5.2vw;
}
.index_cnt7 .inner .sliderA {
    width: 100%;
}
.index_cnt7 .inner .sliderA .col2 {
    width: 100%;
    display: flex;
}
.index_cnt7 .inner .sliderA .col2 .left {
    width: 50%;
    aspect-ratio: 5/5.8;
    overflow: hidden;
}
.index_cnt7 .inner .sliderA .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt7 .inner .sliderA .col2 .right {
    width: 50%;
    padding: 0 0 0 4.16vw;
}
.index_cnt7 .inner .sliderA .col2 .right .strong {}
.index_cnt7 .inner .sliderA .col2 .right p:not(.strong, .buttonA) {
    line-height: 2.41;
    margin: 0 0 2rem;
}
.index_cnt7 .slick-prev {
    left: -2.6vw;
    /*5*/
}
.index_cnt7 .slick-prev::before {
    content: "";
    background: url(/system_panel/uploads/images/arrow.png) no-repeat;
    background-size: cover;
    transform: rotate(180deg);
    width: 2.39vw;
    /*4.6*/
    height: 2.39vw;
    display: inline-block;
}
.index_cnt7 .slick-next {
    right: -2.6vw;
}
.index_cnt7 .slick-next::before {
    content: "";
    background: url(/system_panel/uploads/images/arrow.png) no-repeat;
    background-size: cover;
    width: 2.39vw;
    height: 2.39vw;
    display: inline-block;
}





/*philosophy*/
.philosophy_cnt1 {
    padding: 10rem 0;
    background: url(/system_panel/uploads/images/bgA.png);
}
.philosophy_cnt1 .inner {
    max-width: 164rem;
}
.philosophy_cnt1 .inner .col2 {
    display: flex;
}
.philosophy_cnt1 .inner .col2 .left {
    width: 50%;
}
.philosophy_cnt1 .inner .col2 .left img {
    width: 100%;
}
.philosophy_cnt1 .inner .col2 .right {
    width: 50%;
    padding: 0 0 0 3.125vw;
    /*6*/
}
.philosophy_cnt1 .inner .right>p {
    line-height: 2.41;
}

.philosophy_cnt2 {
    padding: 12rem 0;
    background-image: linear-gradient(160deg, rgba(42, 163, 57, 0.5) 50%, rgba(42, 163, 57, 0.1)), url(/system_panel/uploads/images/bgA.png);
    background-blend-mode: color-burn;
}
.philosophy_cnt2 .inner .logo {
    width: fit-content;
    margin: 0 auto 5rem;
}
.philosophy_cnt2 .inner .logo img {
    width: 100%;
}
.philosophy_cnt2 .inner>p {
    line-height: 2.41;
    text-align: center;
}
.philosophy_cnt3 {
    padding: 13rem 0;
    background: #89ba29;
}
.philosophy_cnt3 .inner .titleB {
    margin: 0 0 5rem;
}
.philosophy_cnt3 .inner .titleB h3 {
    color: #fff;
}
.philosophy_cnt3 .inner .titleB p {
    color: #fff;
}
.philosophy_cnt3 .inner .titleB p span {
    color: #e1ffa5;
}
.philosophy_cnt3 .inner .window {
    padding: clamp(2rem, 2.6vw, 5rem);
    border: 0.1rem solid #fff;
    margin: 0 0 5rem;
}
.philosophy_cnt3 .inner .window .catch {
    font-size: 7rem;
    color: #fff;
    font-family: initial;
    line-height: 1.2;
}
.philosophy_cnt3 .inner .window .catch span {
    -webkit-text-stroke: 0.1rem #fff;
    color: rgba(255, 255, 255, 0);
}
.philosophy_cnt3 .inner .window p:not(.catch) {
    line-height: 2.41;
    color: #fff;
}
.philosophy_cnt3 .inner>p {
    color: #fff;
    line-height: 2.41;
}
.philosophy_cnt3 .inner>p:not(:last-of-type) {
    margin: 0 0 5rem;
}
.philosophy_cnt4 {
    padding: 17rem 0;
    background: url(/system_panel/uploads/images/bgA.png);
}
.philosophy_cnt4 .inner .col2 {
    display: flex;
    flex-direction: row-reverse;
    gap: 3.125vw;
    /*6*/
}
.philosophy_cnt4 .inner .col2 .left {
    width: 41.5%;
}
.philosophy_cnt4 .inner .col2 .left img {
    width: 100%;
}
.philosophy_cnt4 .inner .col2 .right {
    width: 58.5%;
}
.philosophy_cnt4 .inner .col2 .right>p {
    line-height: 2.41;
}
.philosophy_cnt5 {
    padding: 12rem 0;
    background-image: linear-gradient(160deg, rgba(42, 163, 57, 0.5) 50%, rgba(42, 163, 57, 0.1)), url(/system_panel/uploads/images/bgA.png);
    background-blend-mode: color-burn;
}
.philosophy_cnt5 .col2 {
    display: flex;
    align-items: center;
    gap: 4.6875vw;
    /*9*/
}
.philosophy_cnt5 .col2 .left {
    width: 45%;
    aspect-ratio: 8.2/4.4;
    overflow: hidden;
}
.philosophy_cnt5 .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.philosophy_cnt5 .col2 .right {
    width: 55%;
    padding: 0 18.75vw 0 0;
}
.philosophy_cnt5 .col2 .right .dl {
    display: flex;
    width: 100%;
    min-height: 5.5rem;
}
.philosophy_cnt5 .col2 .right .dt {
    width: 29%;
    min-height: inherit;
    padding: 1rem 2.08vw;
    /*4*/
    border-bottom: 0.1rem solid #89ba29;
    display: grid;
    align-items: center;
}
.philosophy_cnt5 .col2 .right .dt p {
    /*min-height: inherit;*/
}
.philosophy_cnt5 .col2 .right .dd {
    width: 75%;
    min-height: inherit;
    padding: 1rem 0 1rem 2.08vw;
    /*4*/
    border-bottom: 0.1rem solid #2aa339;
    display: grid;
    align-items: center;
}
.philosophy_cnt5 .col2 .right .dd p {
    /*min-height: inherit;*/
}
.philosophy_cnt6 {
    padding: 16rem 0;
}
.philosophy_cnt6 .inner .col2 {
    display: flex;
    background: #2aa339 url(/system_panel/uploads/images/logomark.png) no-repeat bottom -3.64vw right 2.6vw;
    /*7 5*/
    background-size: 18.75vw;
    /*36*/
}
.philosophy_cnt6 .inner .col2 .left {
    width: 45%;
    aspect-ratio: 5.4/3;
    overflow: hidden;
}
.philosophy_cnt6 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.philosophy_cnt6 .inner .col2 .right {
    width: 55%;
    padding: clamp(2rem, 2.6vw, 5rem);
}
.philosophy_cnt6 .inner .col2 .right .titleB {
    margin: 0 0 5rem;
}

.philosophy_cnt6 .inner .col2 .right .titleB h3 {
    color: #fff;
}

.philosophy_cnt6 .inner .col2 .right .titleB p {
    color: #fff;
}

.philosophy_cnt6 .inner .col2 .right .titleB p span {
    color: #e1ffa5;
}





/*president*/
.president_cnt1 {
    padding: 10rem 0;
    background: url(/system_panel/uploads/images/bgA.png);
}
.president_cnt1 .inner {}
.president_cnt1 .inner .col2 {
    display: flex;
    align-items: start;
    gap: 4.16vw;
    /*8*/
}
.president_cnt1 .inner .col2 .left {
    width: 46.5%;
    position: relative;
}
.president_cnt1 .inner .col2 .left .pic {
    width: 100%;
    aspect-ratio: 5.2/5.8;
    overflow: hidden;
}
.president_cnt1 .inner .col2 .left .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.president_cnt1 .inner .col2 .left .ceo {
    background: #89ba29;
    padding: 2rem;
    position: absolute;
    right: 0;
    bottom: 0;
}
.president_cnt1 .inner .col2 .left .ceo * {
    color: #fff;
}
.president_cnt1 .inner .col2 .left .ceo>p {
    margin: 0 0 1rem;
}
.president_cnt1 .inner .col2 .left .ceo .flex {
    display: flex;
    align-items: baseline;
    gap: 1rem;
}

.president_cnt1 .inner .col2 .left .ceo .flex p:not(.kana) {
    font-size: 3.1rem;
}
.president_cnt1 .inner .col2 .left .ceo .flex .kana {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}

.president_cnt1 .inner .col2 .right {
    width: 63.5%;
    /*6*/
}
.president_cnt1 .inner .right>p {
    line-height: 2.41;
}
.president_cnt2 {
    padding: 13rem 0;
    background: #89ba29;
}
.president_cnt2 * {
    color: #fff;
}
.president_cnt2 .inner .titleB {
    margin: 0 0 5rem;
}
.president_cnt2 .inner .titleB h3 {
    color: #fff;
}
.president_cnt2 .inner .titleB p {
    color: #fff;
}
.president_cnt2 .inner .titleB p span {
    color: #e1ffa5;
}
.president_cnt2 .inner .set {
    display: flex;
    gap: 4.16vw;
    /*8*/
    align-items: start;
}
.president_cnt2 .inner .set h4 {
    font-size: 2.3rem;
    font-weight: 900;
    text-align: center;
    width: fit-content;
    min-width: 6em;
    background: #2aa339;
    padding: 0.5em 1em;
}
.president_cnt2 .inner .set .dl {
    width: 85%;
    position: relative;
}
.president_cnt2 .inner .set:not(:last-of-type) .dl::before {
    content: "";
    width: 0.1rem;
    height: 100%;
    display: inline-block;
    background: #2aa339;
    left: -2.08vw;
    position: absolute;
}
.president_cnt2 .inner .set .dt {
    font-size: 2.7rem;
    font-weight: 900;
    margin: 0 0 2rem;
}
.president_cnt2 .inner .set .dt::before {
    content: "●";
    color: #2aa339;
    left: calc(-2.08vw - 0.5em);
    position: absolute;
}
.president_cnt2 .inner .set .dd {
    line-height: 2.41;
    padding: 0 0 8rem;
}
.president_cnt2 .inner .set.set:not(:last-of-type) .dd {
    padding: 0 0 8rem;
}
.president_cnt3 {
    padding: 15rem 0;
    background: url(/system_panel/uploads/images/bgA.png);
}
.president_cnt3 .inner>p {
    margin: 0 0 4rem;
}
.president_cnt3 .inner .set {
    width: 100%;
    padding: 2rem clamp(2rem, 2.08vw, 4rem);
    position: relative;
    display: grid;
    grid-template-columns: 0.33fr 1fr;
    grid-template-rows: auto 1fr auto;
    gap: 1.08vw 2.6vw;
    /*2 4 */
    align-content: start;
}
.president_cnt3 .inner .set::before {
    width: 100%;
    height: 0.1rem;
    content: "";
    display: inline-block;
    background: linear-gradient(90deg, rgba(137, 186, 41, 1)30%, rgba(42, 163, 57, 1) 30%);
    position: absolute;
    top: 0;
    left: 0;
}
.president_cnt3 .inner .set::after {
    width: 100%;
    height: 0.1rem;
    content: "";
    display: inline-block;
    background: linear-gradient(90deg, rgba(137, 186, 41, 1)30%, rgba(42, 163, 57, 1) 30%);
    position: absolute;
    top: 0;
    left: 0;
}
.president_cnt3 .inner .set h4 {
    grid-column: 2/3;
    font-size: 2.7rem;
    font-weight: 900;
    color: #2aa339;
}
.president_cnt3 .inner .set .pic {
    grid-column: 1/2;
    grid-row: 1/4;
    width: 100%;
    aspect-ratio: 2.6/2;
    overflow: hidden;
}
.president_cnt3 .inner .set .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.president_cnt3 .inner .set p:not(.buttonA) {
    line-height: 2.41;
}
.president_cnt3 .inner .set .buttonA {
    align-self: end;
}
.president_cnt4 {
    padding: 16rem 0;
}
.president_cnt4 .inner .col2 {
    display: flex;
    background: #2aa339 url(/system_panel/uploads/images/logomark.png) no-repeat bottom -3.64vw right 2.6vw;
    /*7 5*/
    background-size: 18.75vw;
    /*36*/
}
.president_cnt4 .inner .col2 .left {
    width: 45%;
    aspect-ratio: 5.4/3;
    overflow: hidden;
}
.president_cnt4 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.president_cnt4 .inner .col2 .right {
    width: 55%;
    padding: clamp(2rem, 2.6vw, 5rem);
}
.president_cnt4 .inner .col2 .right .titleB {
    margin: 0 0 5rem;
}

.president_cnt4 .inner .col2 .right .titleB h3 {
    color: #fff;
}

.president_cnt4 .inner .col2 .right .titleB p {
    color: #fff;
}

.president_cnt4 .inner .col2 .right .titleB p span {
    color: #e1ffa5;
}





/*presiint*/
.presiint_cnt1 {
    padding: 7rem 0;
    background: url(/system_panel/uploads/images/bgA.png);
}
.presiint_cnt1 .inner .window {
    width: 100%;
    position: relative;
}
.presiint_cnt1 .inner .window .pic {
    width: 100%;
    aspect-ratio: 12/5.8;
    overflow: hidden;
}
.presiint_cnt1 .inner .window .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.presiint_cnt1 .inner .window .ceo {
    background: #89ba29;
    padding: 2rem;
    position: absolute;
    right: 0;
    bottom: 0;
}
.presiint_cnt1 .inner .window .ceo * {
    color: #fff;
}
.presiint_cnt1 .inner .window .ceo>h3 {
    margin: 0 0 1rem;
}
.presiint_cnt1 .inner .window .ceo .flex {
    display: flex;
    align-items: baseline;
    gap: 1rem;
}

.presiint_cnt1 .inner .window .ceo .flex p:not(.kana) {
    font-size: 3.1rem;
}
.presiint_cnt1 .inner .window .ceo .flex .kana {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}
.presiint_cnt2 {
    padding: 7rem 0;
    background: url(/system_panel/uploads/images/bgA.png);
}
.presiint_cnt2 .inner .col2 {
    display: flex;
    gap: 2.6vw;
    /*5*/
}
.presiint_cnt2 .inner .col2:not(:last-of-type) {
    margin: 0 auto 11rem;
}
.presiint_cnt2 .inner .col2:nth-of-type(even) {
    flex-direction: row-reverse;
}
.presiint_cnt2 .inner .col2 .left {
    width: 60%;
}
.presiint_cnt2 .inner .col2 .left h4 {
    font-size: 3rem;
    font-weight: 900;
    color: #2aa339;
    margin: 0 0 2rem;
}
.presiint_cnt2 .inner .col2 .left .dt {
    display: flex;
    gap: 1.5625vw;
    /*3*/
    align-items: start;
    font-size: 2.5rem;
    line-height: 1.76;
    padding: 0 0 1rem;
    margin: 0 0 1rem;
    border-bottom: 0.1rem solid #000;
}
.presiint_cnt2 .inner .col2 .left .dt::before {
    content: "";
    width: 2.6vw;
    /*5*/
    height: 0.1rem;
    display: inline-block;
    background: #000;
    margin: 0.875em 0;
}
.presiint_cnt2 .inner .col2 .left .dd {
    line-height: 2.41;
}
.presiint_cnt2 .inner .col2 .right {
    width: 40%;
}
.presiint_cnt2 .inner .col2 .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.presiint_cnt3 {
    padding: 16rem 0;
}
.presiint_cnt3 .inner .col2 {
    display: flex;
    background: #2aa339 url(/system_panel/uploads/images/logomark.png) no-repeat bottom -3.64vw right 2.6vw;
    /*7 5*/
    background-size: 18.75vw;
    /*36*/
}
.presiint_cnt3 .inner .col2 .left {
    width: 45%;
    aspect-ratio: 5.4/3;
    overflow: hidden;
}
.presiint_cnt3 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.presiint_cnt3 .inner .col2 .right {
    width: 55%;
    padding: clamp(2rem, 2.6vw, 5rem);
}
.presiint_cnt3 .inner .col2 .right .titleB {
    margin: 0 0 5rem;
}

.presiint_cnt3 .inner .col2 .right .titleB h3 {
    color: #fff;
}

.presiint_cnt3 .inner .col2 .right .titleB p {
    color: #fff;
}

.presiint_cnt3 .inner .col2 .right .titleB p span {
    color: #e1ffa5;
}





/*service*/
.service_cnt1 {
    padding: 9rem 0 12rem;
    background: url(/system_panel/uploads/images/bgA.png);
}
.service_cnt1 .inner .col2 {
    display: flex;
    gap: 3.64vw;
    /*7*/
}
.service_cnt1 .inner .col2 .left {
    width: 33%;
}
.service_cnt1 .inner .col2 .left img {
    width: 100%;
}
.service_cnt1 .inner .col2 .right {
    width: 67%;
}
.service_cnt1 .inner .col2 .right .strong {
    margin: 0 0 2rem;
}
.service_cnt1 .inner .col2 .right p {
    line-height: 2.41;
}
.service_cnt2 {
    padding: 12rem 0;
    background: url(/system_panel/uploads/images/bgA.png);
}
.service_cnt2 .inner .col2 {
    display: flex;
    gap: 1.5625vw;
    /*3*/
    flex-direction: row-reverse;
}
.service_cnt2 .inner .col2:not(:last-of-type) {
    margin: 0 auto 10rem;
}
.service_cnt2 .inner .col2:nth-of-type(odd) {
    flex-direction: initial;
}
.service_cnt2 .inner .col2 .left {
    width: 63%;
}
.service_cnt2 .inner .col2 .left .grid {
    background: #fff;
    display: grid;
    padding: 1rem 1rem 1rem 10rem;
    gap: 1rem;
    position: relative;
    margin: 0 0 1.5rem;
}
.service_cnt2 .inner .col2 .left .grid::before {
    content: "SERVICE";
    font-size: 1.3rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: #2aa339;
    position: absolute;
    left: 2rem;
    top: 1rem;
}
.service_cnt2 .inner .col2 .left .grid::after {
    font-size: 4rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: #2aa339;
    position: absolute;
    left: 2rem;
    top: 2.5rem;
}
.service_cnt2 .inner .col2:nth-of-type(2) .left .grid::after {
    content: "01";
}
.service_cnt2 .inner .col2:nth-of-type(3) .left .grid::after {
    content: "02";
}
.service_cnt2 .inner .col2:nth-of-type(4) .left .grid::after {
    content: "03";
}
.service_cnt2 .inner .col2:nth-of-type(5) .left .grid::after {
    content: "04";
}
.service_cnt2 .inner .col2 .left .grid h4 {
    font-size: 2.7rem;
    font-weight: 900;
    text-align: center;
    width: fit-content;
    color: #2aa339;
}
.service_cnt2 .inner .col2 .left .grid h4::before {
    content: "";
    width: 0.1rem;
    height: calc(100% - 4rem);
    display: inline-block;
    background: #000;
    position: absolute;
    left: 8rem;
    top: 2rem;
}
.service_cnt2 .inner .col2 .left .grid .sub {
    grid-row: 1/2;
}
.service_cnt2 .inner .col2 .left .dl {
    width: 100%;
    position: relative;
}
.service_cnt2 .inner .col2 .left .dt {
    background: #89ba29;
    font-size: 1.9rem;
    font-weight: 900;
    color: #fff;
    padding: 1rem 2.5rem;
    margin: 0 0 1rem;
}
.service_cnt2 .inner .col2 .left .dd {
    line-height: 2.41;
    padding: 0 0 8rem;
}
.service_cnt2 .inner .col2 .left.set:not(:last-of-type) .dd {
    padding: 0 0 8rem;
}
.service_cnt2 .inner .col2 .right {
    width: 37%;
    aspect-ratio: 4.3/3.4;
    overflow: hidden;
}
.service_cnt2 .inner .col2 .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.service_cnt3 {
    padding: 12rem 0;
    background-image: linear-gradient(160deg, rgba(42, 163, 57, 0.5) 50%, rgba(42, 163, 57, 0.1)), url(/system_panel/uploads/images/bgA.png);
    background-blend-mode: color-burn;
}
.service_cnt3 .inner .col2 {
    display: flex;
    gap: 3.125vw;
    /*6*/
}
.service_cnt3 .inner .col2 .left {
    width: 50%;
}
.service_cnt3 .inner .col2 .left :is(.slider, .thumbnail) {}
.service_cnt3 .inner .col2 .left :is(.slider, .thumbnail) .slick-img {
    aspect-ratio: 5.8/4.4;
    overflow: hidden;
    margin: 0.5rem;
}
.service_cnt3 .inner .col2 .left :is(.slider, .thumbnail) img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.service_cnt3 .inner .col2 .right {
    width: 50%;
}
.service_cnt3 .inner .col2 .right h4 {
    width: fit-content;
    background: #31a430;
    font-size: 2.3rem;
    font-weight: 900;
    color: #fff;
    padding: 0.5em 1em;
    margin: 0 0 1rem;
}
.service_cnt3 .inner .col2 .right .read {
    color: #31a430;
    margin: 0 0 2rem;
}
.service_cnt3 .inner .col2 .right p:not(.read, .buttonA) {
    line-height: 2.41;
    margin: 0 0 3rem;
}





/*job*/
:is(.job_cnt1, .job_cnt2) {
    padding: 9rem 0 12rem;
    background: url(/system_panel/uploads/images/bgA.png);
}
:is(.job_cnt1, .job_cnt2) .inner .col2 {
    display: flex;
    gap: 1.5625vw;
    /*3*/
    align-items: start;
    margin: 0 0 6rem;
}
:is(.job_cnt1, .job_cnt2) .inner .col2 .left {
    width: 37%;
    aspect-ratio: 4.3/4.2;
    overflow: hidden;
}
:is(.job_cnt1, .job_cnt2) .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
:is(.job_cnt1, .job_cnt2) .inner .col2 .right {
    width: 63%;
}
:is(.job_cnt1, .job_cnt2) .inner .col2 .right .strong {
    margin: 0 0 2rem;
}
:is(.job_cnt1, .job_cnt2) .inner .col2 .right .dl:first-of-type {
    margin: 0 0 3rem;
}
:is(.job_cnt1, .job_cnt2) .inner .col2 .right .dt {
    font-size: 1.9rem;
    color: #fff;
    background: #89ba29;
    padding: 0.5em 1em;
    margin: 0 0 2rem;
}
:is(.job_cnt1, .job_cnt2) .inner .col2 .right .dd {
    line-height: 2.41;
}
:is(.job_cnt1, .job_cnt2) .inner .col2 .right .dd .ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}
:is(.job_cnt1, .job_cnt2) .inner .col2 .right .dd .li {
    list-style: none;
    line-height: 1;
}
:is(.job_cnt1, .job_cnt2) .inner>.dl:not(.schedule) {
    margin: 0 0 3rem;
}
:is(.job_cnt1, .job_cnt2) .inner>.dl:not(.schedule) .dt {
    font-size: 1.9rem;
    color: #fff;
    background: #89ba29;
    padding: 0.5em 1em;
    margin: 0 0 2rem;
}
:is(.job_cnt1, .job_cnt2) .inner>.dl:not(.schedule) .dd {
    line-height: 2.41;
}
:is(.job_cnt1, .job_cnt2) .inner .schedule {
    background: #fff;
    padding: clamp(2rem, 1.5625vw, 3rem) clamp(2rem, 2.08vw, 4rem);
    margin: 0 0 3rem;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2rem;
}
:is(.job_cnt1, .job_cnt2) .inner .schedule:last-of-type {
    margin: 0;
}
:is(.job_cnt1, .job_cnt2) .inner .schedule .dt {
    grid-column: 2/3;
    font-size: 2.5rem;
    height: 3.6rem;
    display: grid;
    align-items: center;
}
:is(.job_cnt1, .job_cnt2) .inner .schedule .time {
    grid-column: 1/2;
    grid-row: 1/2;
    font-size: 2.3rem;
    background: #2aa339;
    color: #fff;
    width: fit-content;
    min-width: 10rem;
    height: 3.6rem;
    display: grid;
    align-items: center;
    text-align: center;
}
:is(.job_cnt1, .job_cnt2) .inner .schedule .cmt {
    grid-column: 1/3;
    line-height: 2.41;
    border-top: 0.1rem solid #000;
}
.job .bg1 {
    width: 100%;
    height: 60rem;
    background: url(/system_panel/uploads/images/job_bg1.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}





/*environment*/

.environment_cnt1 {
    padding: 9rem 0 12rem;
    background: url(/system_panel/uploads/images/bgA.png);
}
.environment_cnt1 .inner .col2 {
    display: flex;
    gap: 1.5625vw;
    /*3*/
    align-items: start;
    margin: 0 0 6rem;
}
.environment_cnt1 .inner .col2 .left {
    width: 37%;
    aspect-ratio: 4.3/4.2;
    overflow: hidden;
}
.environment_cnt1 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.environment_cnt1 .inner .col2 .right {
    width: 63%;
}
.environment_cnt1 .inner .col2 .right .strong {
    margin: 0 0 2rem;
}
.environment_cnt1 .inner .col2 .right>p {
    line-height: 2.41;
}
.environment_cnt2 {
    padding: 13rem 0;
    background: #89ba29;
}
.environment_cnt2 .inner .titleB {
    margin: 0 0 5rem;
}
.environment_cnt2 .inner .titleB h3 {
    color: #fff;
}
.environment_cnt2 .inner .titleB p {
    color: #fff;
}
.environment_cnt2 .inner .titleB p span {
    color: #e1ffa5;
}
.environment_cnt2 .inner>p {
    line-height: 2.41;
    color: #fff;
    margin: 0 0 5rem;
}
.environment_cnt2 .inner h4 {
    width: fit-content;
    background: #31a430;
    font-size: 2.3rem;
    font-weight: 900;
    color: #fff;
    padding: 0.5em 1em;
    margin: 0 0 3rem;
}
.environment_cnt2 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.6vw;
    /*5*/
    margin: 0 auto 8rem;
}
.environment_cnt2 .inner .grid>.dl {
    padding: clamp(2rem, 1.5625vw, 3rem);
    background: #fff;
}
.environment_cnt2 .inner .grid>.dl>.dt {
    font-size: 3rem;
    font-weight: 900;
    color: #2aa339;
    text-align: center;
    padding: 0 0 2rem;
    border-bottom: 0.1rem solid #000;
    margin: 0 0 2.5rem;
}
.environment_cnt2 .inner .grid>.dl>.dd:not(.cmt) {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 1.08vw;/*2*/
}
.environment_cnt2 .inner .grid>.dl>.dd .deci {
    font-size: 7.5rem;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}
.environment_cnt2 .inner .grid>.dl>.dd .unit {
    font-size: 3rem;
    font-weight: bold;
}
.environment_cnt2 .inner .grid>.dl>.cmt {
    margin: 1rem 0 0;
    line-height: 2.41;
}
.environment_cnt2 .inner .grid>.dl>.dd>.dl {
    width: 45%;
}
.environment_cnt2 .inner .grid>.dl>.dd:has(dl) {
    justify-content: space-between;
    display: flex;
}
.environment_cnt2 .inner .grid>.dl>.dd>.dl>.dt {
    width: 100%;
    border-top: 0.1rem solid #000;
    border-bottom: 0.1rem solid #000;
    padding: 1rem 0;
    font-size: 2.3rem;
    font-weight: bold;
    text-align: center;
}
.environment_cnt2 .inner .grid>.dl>.dd>.dl>.dd {
    display: flex;
    justify-content: center;
    align-items: baseline;
}
.environment_cnt2 .inner .grid>.dl.age {
    grid-column: 1/3;
}
.environment_cnt2 .inner .grid>.dl.age .grid2 {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3rem;
}
.environment_cnt2 .inner .grid>.dl.age .grid2 .pic {
    grid-column: 1/3;
    grid-row: 1/3;
}
.environment_cnt2 .inner .grid>.dl.age .grid2 .pic img {
    display: block;
    margin: auto;
}
.environment_cnt2 .inner .grid>.dl.age .grid2 .dt {
    width: 100%;
    border-top: 0.1rem solid #000;
    border-bottom: 0.1rem solid #000;
    padding: 1rem 0;
    font-size: 2.3rem;
    font-weight: bold;
    text-align: center;
}
.environment_cnt2 .inner .grid>.dl.age .grid2 .dd {
    display: flex;
    justify-content: center;
    align-items: baseline;
}
.environment_cnt3 {
    padding: 15rem 0;
    background: url(/system_panel/uploads/images/bgA.png);
}
.environment_cnt3 .inner>p {
    line-height: 2.41;
    margin: 0 0 5rem;
}
.environment_cnt3 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5625vw;
    /*5*/
    margin: 0 auto 9rem;
}
.environment_cnt3 .inner .grid .dl {
    background: #fff;
    padding: 2rem;
    display: grid;
    gap: 1rem;
}
.environment_cnt3 .inner .grid .dt {
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    color: #2aa339;
}
.environment_cnt3 .inner .grid .pic {
    grid-row: 1/2;
    width: fit-content;
    margin: auto;
}
.environment_cnt3 .inner .grid .pic img {
    width: 100%;
}
.environment_cnt3 .inner .grid .dd {
    line-height: 2.41;
}
.environment_cnt4 {
    padding: 13rem 0 18rem;
    background-image: linear-gradient(160deg, rgba(42, 163, 57, 0.5) 50%, rgba(42, 163, 57, 0.1)), url(/system_panel/uploads/images/bgA.png);
    background-blend-mode: color-burn;
}
.environment_cnt4 .slider {
    height: 32rem;
}
.environment_cnt4 .pic {
    aspect-ratio: 4.2/3.2;
    overflow: hidden;
}
.environment_cnt4 .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}





/*interview*/
:is(.interview_cnt1, .interview_cnt2, .interview_cnt3) {
    padding: 13rem 0;
    background: url(/system_panel/uploads/images/bgA.png);
}
:is(.interview_cnt1, .interview_cnt2, .interview_cnt3) .inner .col2 {
    display: flex;
    gap: 1.5625vw;
    /*3*/
    align-items: start;
    margin: 0 0 8rem;
}
:is(.interview_cnt1, .interview_cnt2, .interview_cnt3) .inner .col2 .left {
    width: 33%;
    aspect-ratio: 4.3/5;
    overflow: hidden;
}
:is(.interview_cnt1, .interview_cnt2, .interview_cnt3) .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
:is(.interview_cnt1, .interview_cnt2, .interview_cnt3) .inner .col2 .right {
    width: 67%;
}
:is(.interview_cnt1, .interview_cnt2, .interview_cnt3) .inner .col2 .right .read {
    background: #89ba29;
    font-size: 1.9rem;
    color: #fff;
    padding: 1rem 2.5rem;
    margin: 0 0 3rem;
}
:is(.interview_cnt1, .interview_cnt2, .interview_cnt3) .inner .col2 .right .read2 {
    background: #fff;
    font-size: 2.1rem;
    padding: 1rem 2.5rem;
    margin: 0 0 3rem;
}
:is(.interview_cnt1, .interview_cnt2, .interview_cnt3) .inner .col2 .right .dl:first-of-type {
    margin: 0 0 3rem;
}
:is(.interview_cnt1, .interview_cnt2, .interview_cnt3) .inner .col2 .right .name {
    font-size: 3rem;
    margin: 0 0 2rem;
}
:is(.interview_cnt1, .interview_cnt2, .interview_cnt3) .inner .col2 .right .dd {
    line-height: 2.41;
}
:is(.interview_cnt1, .interview_cnt2, .interview_cnt3) .inner .col2 .right .dl {}
:is(.interview_cnt1, .interview_cnt2, .interview_cnt3) .inner .col2 .right .dt:not(.name){
font-size: 2.5rem;
  margin: 0 0 2rem;
  position: relative;
  padding: 0 0 0 3.125vw;
}
:is(.interview_cnt1, .interview_cnt2, .interview_cnt3) .inner .col2 .right .dt:not(.name)::before
{
content: "";
  width: 2.08vw;
  height: 0.1rem;
  display: inline-block;
  background: #000;
  position: absolute;
  left: 0.52vw;
  top: 50%;
}
:is(.interview_cnt1, .interview_cnt2, .interview_cnt3) .inner>.read2 {
    background: #fff;
    font-size: 2.1rem;
    padding: 1rem 2.5rem;
    margin: 0 0 3rem;
}
:is(.interview_cnt1, .interview_cnt2, .interview_cnt3) .inner>.dl:first-of-type {
    margin: 0 0 3rem;
}
:is(.interview_cnt1, .interview_cnt2, .interview_cnt3) .inner>.dl .dt {
    font-size: 2.5rem;
    margin: 0 0 2rem;
    position: relative;
    padding: 0 0 0 3.125vw;
    /*6*/
}
:is(.interview_cnt1, .interview_cnt2, .interview_cnt3) .inner>.dl .dt::before {
    content: "";
    width: 2.08vw;
    height: 0.1rem;
    display: inline-block;
    background: #000;
    position: absolute;
    left: 0.52vw;
    /*1*/
    top: 50%;
}
:is(.interview_cnt1, .interview_cnt2, .interview_cnt3) .inner>.dl .dd {
    line-height: 2.41;
    border-top: 0.1rem solid #000;
    padding: 2rem 0;
}
.interview_cnt2 {
    background-image: linear-gradient(160deg, rgba(42, 163, 57, 0.5) 50%, rgba(42, 163, 57, 0.1)), url(/system_panel/uploads/images/bgA.png);
    background-blend-mode: color-burn;
}
.requirement_cnt1 {
    padding: 10rem 0 7rem;
    background: url(/system_panel/uploads/images/bgA.png);
}
.requirement_cnt1 .inner .titleB {
    margin: 0 auto 5rem;
}
.requirement_cnt1 .inner .titleB * {
    text-align: center;
}
.requirement_cnt1 .inner .ul {
    display: flex;
    justify-content: space-between;
    width: 90%;
    max-width: 62rem;
    margin: 0 auto 5rem;
    position: relative;
}
.requirement_cnt1 .inner .ul::before {
    content: "";
    width: 100%;
    height: 0.1rem;
    background: #2aa339;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
}
.requirement_cnt1 .inner .li {
    list-style: none;
    writing-mode: vertical-rl;
    width: fit-content;
    padding: 1em;
    min-height: 35.5rem;
    background: #2aa339;
    color: #fff;
    font-size: 2.7rem;
    font-weight: bold;
    text-align: center;
}
.requirement_cnt1 .inner>p {
    text-align: center;
    line-height: 2.41;
}
.requirement_cnt2 {
    padding: 10rem 0 17rem;
    background: url(/system_panel/uploads/images/bgA.png);
}
.requirement_cnt2 .inner .titleB {
    margin: 0 auto 5rem;
}
.requirement_cnt2 .inner .titleB * {
    text-align: center;
}
.requirement_cnt2 .inner h4 {
    width: fit-content;
    background: #31a430;
    font-size: 2.3rem;
    font-weight: 900;
    color: #fff;
    padding: 0.5em 1em;
    margin: 7rem 0 3rem;
}
.requirement_cnt2 .inner .set {
    background: #fff;
    padding: clamp(2rem, 2.6vw, 5rem);
    position: relative;
    margin: 0 0 3rem;
}
.requirement_cnt2 .inner .set h5 {
    font-size: 3rem;
    font-weight: 900;
    color: #2aa339;
}
.requirement_cnt2 .inner .set .dl {
    display: flex;
    gap: 1rem;
    width: 100%;
    min-height: 5.5rem;
}
.requirement_cnt2 .inner .set .dt {
    width: 20%;
    min-height: inherit;
    padding: 1rem 2.08vw;
    /*4*/
    border-bottom: 0.1rem solid #89ba29;
    line-height: 2.41;
}
.requirement_cnt2 .inner .set .dd {
    width: 80%;
    min-height: inherit;
    padding: 1rem 0 1rem 2.08vw;
    /*4*/
    border-bottom: 0.1rem solid #2aa339;
    line-height: 2.41;
}






/*entry*/
.entry_cnt1 {
    background: url(/system_panel/uploads/images/bgA.png);
    padding: 5rem 0 13rem;
}
.entry_cnt1 .inner>P {
    line-height: 2.41;
    margin: 0 0 5rem;
}
form .dl {
    width: 100%;
}
form .dl .dt {
    width: 100%;
    display: flex;
    gap: 1rem;
}
form .dt .required {
    display: inline-block;
    background: #2aa339;
    padding: 0.5rem;
    color: #fff;
}
form .dl .dd {
    width: 100%;
    padding: 1em 0 2em;
}
form input[type="text"],
form input[type="email"],
form textarea {
    width: 100%;
    min-height: 6rem;
}
form input.zipInput {
    width: 40%;
}
form input[type="text"],
form input[type="email"],
form input[type="checkbox"],
form textarea {
    padding: 0 1em;
    border: none;
}
form textarea {
    height: 20rem;
}
form select {}
form .dl .dd .selectArea {}
form .dl .dd .selectArea div {
    width: fit-content;
    display: inline-block;
}
form .dl .dd .radioArea {
    display: flex;
    gap: 0.5rem;
}
form .dl .dd .radioArea div.bg  {
    background: #fff;
    padding: 1.08vw;
    /*2 3*/
}
form .dl .dd .checkArea {
    display: flex;
    gap: 0.5rem;
}
form .dl .dd .checkArea div.bg  {
    background: #fff;
    padding: 1.08vw;
    /*2 3*/
}
form .dl .dd #age {
    width: 6em;
}
form .dl .dd .age {
    background: #fff;
    width: 3em;
    height: 6rem;
    display: inline-grid;
    align-items: center;
}
form .terms {
    background: #e2e2e2;
    border: none;
    padding: 2.08vw;
    height: 32rem;
    overflow-y: scroll;
    margin: 0 0 5rem 0;
}
form .terms p {
    line-height: 2.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;
    border: none;
}



@media screen and (min-width: 1024px) {
 .brdisplaynone br {
  display:none;
}
}
.p1758793367067{
  line-height:1.7;
}