@charset "UTF-8";




/*index*/
.index .mainimg {
    width: 100%;
    height: calc(100vh - 10rem);
    height: stretch;
    overflow: hidden;
}
.index .mainimg .slider {
    width: 100%;
    height: 100%;
}
.index .mainimg .slider * {
    width: 100%;
    height: 100%;
}
.index .mainimg .slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index .mainimg [class^="catch"] {
    font-size: clamp(2.7rem, 4.94vw, 9.5rem);
    font-weight: bold;
    position: absolute;
    z-index: 2;
}
.index .mainimg .catch1 {
    -webkit-text-stroke: 0.1rem #fff;
    left: 14.0625vw;
    bottom: 26.16vw;
    /*56rem*/
    color: rgba(255, 255, 255, 0);
}
.index .mainimg .catch2 {
    color: #fff;
    left: 14.0625vw;
    bottom: 20.95vw;
    /*46rem*/
}
.index .mainimg h2 {
    font-size: clamp(1.6rem,1.82vw,3.5rem) !important;
    font-weight: bold;
    color: #fff;
    position: absolute;
    left: 14.0625vw;
    bottom: 17.75vw;/*36*/
    z-index: 2;
}
.index_cnt1 {
    background: url(/system_panel/uploads/images/bgA.jpg);
    position: relative;
    padding: 15rem 0;
}
.index_cnt1 .inner {
    width: 100%;
    max-width: initial;
}
.index_cnt1 .inner .col2 {
    display: flex;
    flex-direction: row-reverse;
    gap: 2.6vw;
    /*5*/
    justify-content: start;
}
.index_cnt1 .inner .col2 .left {
    width: 44%;
    aspect-ratio: 8.5/6.8;
    position: absolute;
    right: 0;
}
.index_cnt1 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt1 .inner .col2 .right {
    width: 56%;
    padding: 0  0 0 14.06vw;/* 27*/
}
.index_cnt1 .inner .col2 .right .titleA * {
    color: #fff;
}
.index_cnt1 .inner .col2 .right>p:not(.buttonA) {
    line-height: 2.35;
    margin: 0 0 5rem;
    color: #fff;
}
.index_cnt2 {
    padding: 15rem 0;
    background: #efe9e7;
}
.index_cnt2 .inner .webgene-blog {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.125vw;
    /*6*/
    align-content: start;
}
.index_cnt2 .inner .flex {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin: 0 0 5rem;
}
.index_cnt2 .inner .flex .titleB {
    width: 50%;
    margin: 0;
}
.index_cnt2 .inner .webgene-blog .webgene-item {
    width: 100%;
}
.index_cnt2 .inner .webgene-blog .webgene-item .figure {
    width: 100%;
}
.index_cnt2 .inner .webgene-blog .webgene-item .figure .pic {
    width: 100%;
    aspect-ratio: 4.2/3.8;
    overflow: hidden;
    margin: 0 0 1rem;
}
.index_cnt2 .inner .webgene-blog .webgene-item .figure .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt2 .inner .webgene-blog .webgene-item .figure .figcaption {
    width: 100%;
}
.index_cnt2 .inner .webgene-blog .webgene-item .figure .figcaption a {
    color: inherit;
}
.index_cnt3 {
    background: url(/system_panel/uploads/images/bgA.jpg);
    position: relative;
    padding: 15rem 0;
}
.index_cnt3 .inner{
    width: 100%;
    max-width: initial;
}
.index_cnt3 .inner .col2 {
    display: flex;
    gap: 5.2vw;
    /*10*/
    justify-content: end;
}
.index_cnt3 .inner .col2 .left {
    width: 47%;
    /*position: absolute;
    left: 0;*/
    position: relative;
}
.index_cnt3 .inner .col2 .left .pic {
    width: 100%;
    aspect-ratio: 8.5/6.8;
    overflow: hidden;
}
.index_cnt3 .inner .col2 .left .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt3 .inner .col2 .left .illust {
    width: 8.28vw;
    position: absolute;
    bottom: -3rem;
    right: -2.08vw;
    z-index: 2;
}
.index_cnt3 .inner .col2 .left .illust img {
    width: 100%;
}
.index_cnt3 .inner .col2 .right {
    width:53%;
    position: relative;
    z-index: 2;
    padding: 0 7.29vw 0 0;
}
.index_cnt3 .inner .col2 .right h3 {
    font-size: 4rem;
    color: #fff;
    line-height: 1.7;
    margin: 0 0 5rem;
}
.index_cnt3 .inner .col2 .right .dl {
    width: 100%;
    height: 10rem;
    display: flex;
    align-items: center;
    border-bottom: 0.1rem solid #fff;
    position: relative;
}
.index_cnt3 .inner .col2 .right .dt {
    width: 45%;
    height: inherit;
    display: grid;
    align-items: center;
    padding: 0 2em;
    font-family: "Anton", sans-serif;
    font-size: 3rem;
    color: #fff;
}
.index_cnt3 .inner .col2 .right .dd {
    width: 55%;
    height: inherit;
    color: #fff;
    display: flex;
    align-items: center;
}
.index_cnt3 .inner .col2 .right .dd::after {
    content: ">";
    width: calc(2.7rem * 2);
    height: 2.7rem;
    display: grid;
    align-items: center;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    transform: scale(0.5, 1);
    color: #000;
    position: absolute;
    right: 1rem;
}
.index_cnt3 .inner .col2 .right .dl:hover .dd::after {
    right: 0;
    transition: 0.5s;
}
.index_cnt3 .inner .col2 .right>p:not(.buttonA) {
    line-height: 2.35;
    margin: 0 0 5rem;
    color: #fff;
}
.index_cnt4 {
    padding: 15rem 0;
    background: #efe9e7;
}
.index_cnt4 .inner .col2 {
    display: flex;
    align-content: start;
    gap: 4.16vw;
}
.index_cnt4 .inner .col2 :is(.left, .right) {
    width: 50%;
    display: grid;
    gap: 3rem;
}
.index_cnt4 .inner .col2 :is(.left, .right) .titleC {
    grid-row: 2/3;
}
.index_cnt4 .inner .col2 :is(.left, .right) .pic {
    width: 100%;
    aspect-ratio: 6.5/5.4;
    overflow: hidden;
}
.index_cnt4 .inner .col2 :is(.left, .right) .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt4 .inner .col2 :is(.left, .right)>p {
    line-height: 2.35;
}
.index_cnt5 {
    background: url(/system_panel/uploads/images/index_cnt5_bg.jpg) rgba(15, 6, 1, 0.8);
    background-blend-mode: darken;
    position: relative;
    padding: 15rem 0;
}
.index_cnt5 .inner {
    width: 100%;
max-width: initial;}
.index_cnt5 .inner .illust {
    width: 11.19vw;
    /*21.5*/
    position: absolute;
    top: -19rem;
    right: 10.9375vw;
    /*21*/
}
.index_cnt5 .inner .illust img {
    width: 100%;
}
.index_cnt5 .inner .col2 {
    display: flex;
    flex-direction: row-reverse;
    gap: 2.6vw;
    /*5*/
    justify-content: start;
}
.index_cnt5 .inner .col2 .left {
    width: 44%;
    aspect-ratio: 8.5/6.8;
    /*position: absolute;
    right: 0;*/
}
.index_cnt5 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt5 .inner .col2 .right {
    width: 56%;
    padding: 0 0 0 14.0625vw;
}
.index_cnt5 .inner .col2 .right .titleB * {
    color: #fff;
}
.index_cnt5 .inner .col2 .right .catch {
    width: fit-content;
    font-size: 3.5rem;
    background: #fff;
    padding: 0.5rem;
    margin: 0 0 1rem;
}
.index_cnt5 .inner .col2 .right .catch:nth-of-type(2) {
    margin: 0 0 5rem;
}
.index_cnt5 .inner .col2 .right>p:not(.catch, .buttonA) {
    line-height: 2.35;
    margin: 0 0 5rem;
    color: #fff;
}
.index_cnt5 .marquee {
    font-size: 9.5rem;
    line-height: 1;
    width: 100%;
    height: 9.5rem;
    overflow: hidden;
    position: relative;
    transform: translate(0, 10rem);
}
.index_cnt5 .marquee p {
    font-size: 9.5rem;
    color: rgba(255, 255, 255, 0);
    -webkit-text-stroke: 0.1rem #fff;
    line-height: 1 !important;
    /*color: #dbcfcf;*/
    white-space: pre;
    display: block;
    position: absolute;
    animation: marquee 17s linear infinite;
    z-index: 2;
    /*animation-duration:2s;
  animation-timing-function:ease-in;
  animation-delay:1s;
  animation-iteration-count:3;
  animation-direction:alternate;
  animation-fill-mode:forwards;
  animation-play-state:running;*/
}
@keyframes marquee {
    0% {
        left: 120%;
    }
    100% {
        left: -200%;
    }
}




/*about*/
.about_cnt1 {
    background: url(/system_panel/uploads/images/bgA.jpg);
    position: relative;
    padding: 15rem 0;
}
.about_cnt1 .inner h3 {
    font-size: 4rem;
    color: #fff;
    text-align: center;
    margin: 0 auto 5rem;
}
.about_cnt1 .inner>p {
    color: #fff;
    text-align: center;
    line-height: 2.35;
}
.about_cnt2 {
    background: #efe9e7;
    position: relative;
    padding: 15rem 0;
}
.about_cnt2 .inner {
    width: 100%;
    max-width:initial;
}
.about_cnt2 .inner .titleB * {
    text-align: center;
}
.about_cnt2 .inner .set {
    margin: 0 auto 9rem;
}
.about_cnt2 .inner .set>.col2 {
    display: flex;
    flex-direction: row-reverse;
    gap: 5.2vw;
    /*10*/
    justify-content: start;
    min-height: 52rem;
}
.about_cnt2 .inner .set>.col2 .left {
    width: 44%;
    max-width: 85rem;
    aspect-ratio: 8.5/5.2;
    overflow: hidden;
    /*position: absolute;
    right: 0;*/
}
.about_cnt2 .inner .set>.col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.about_cnt2 .inner .set>.col2 .right {
    width: 56%;
    padding: 0 0 0 7.29vw;/*10 14*/
}
.about_cnt2 .inner .set>.col2 .right h4 {
    font-size: 4rem;
    line-height: 1.7;
    margin: 0 0 5rem;
}
.about_cnt2 .inner .set>.col2 .right>p:not(.buttonA) {
    line-height: 2.35;
    margin: 0 0 5rem;
}
.about_cnt2 .inner .set:nth-of-type(even) .col2 {
    justify-content: end;
    flex-direction: initial;
}
.about_cnt2 .inner .set:nth-of-type(even) .col2 .left {
    flex-direction: initial;
    right: initial;
    left: 0;
}
.about_cnt2 .inner .set:nth-of-type(even) .col2 .right {
    padding:0 7.29vw 0 0 ;/*10 14*/
}


.about_cnt2 .inner .set .window {
    width: 90%;
    max-width: 100rem;
    margin: 8rem auto 0;
    padding: 6rem 4.6875vw 3rem
        /*9*/
    ;
    background: #fff;
}
.about_cnt2 .inner .set .window h5 {
    width: fit-content;
    min-height: 5rem;
    background: #3e2920;
    border-radius: 2.5rem;
    color: #fff;
    padding: 0 2.6vw;
      font-size: 1.7rem;
    /*5*/
    display: grid;
    align-items: center;
    margin: -8.5rem auto 0;
}
.about_cnt2 .inner .set .window .col2 {
    display: flex;
    gap: 2.6vw;
    /*5*/
}
.about_cnt2 .inner .set .window .col2 .left p {
    line-height: 2.35;
}
.about_cnt2 .inner .set .window .col2 .right {
    width: auto;
    max-width: 21.4rem;
}
.about_cnt2 .inner .set .window .col2 .right img {
    width: 100%;
}

.about_cnt3 {
    background: url(/system_panel/uploads/images/index_cnt5_bg.jpg) rgba(15, 6, 1, 0.8);
    background-blend-mode: darken;
    position: relative;
    padding: 15rem 0;
}
.about_cnt3 .inner {
    width: 90%;
    max-width: 164rem;
}
.about_cnt3 .inner .illust {
    width: 11.19vw;
    /*21.5*/
    position: absolute;
    top: -9.89vw;
    /*19*/
    right: 10.9375vw;
    /*21*/
}
.about_cnt3 .inner .illust img {
    width: 100%;
}
.about_cnt3 .inner .col2 {
    display: flex;
    gap: 2.6vw;
    /*5*/
    justify-content: start;
}
.about_cnt3 .inner .col2 .left {
    width: 50%;
}
.about_cnt3 .inner .col2 .left img {
    width: 100%;
    max-width: 37.1rem;
    margin: auto;
    display: block;
}
.about_cnt3 .inner .col2 .right {
    width: 50%;
}
.about_cnt3 .inner .col2 .right .titleB * {
    color: #fff;
}
.about_cnt3 .inner .col2 .right h4 {
    font-size: 4rem;
    color: #fff;
    margin: 0 0 3rem;
}
.about_cnt3 .inner .col2 .right>p {
    color: #fff;
    line-height: 2.35;
}
.about_cnt3 .inner .col2 .right>p:first-of-type {
    margin: 0 0 5rem;
}




/*services*/
:is(.services_cnt1, .services_cnt5) {
    background: url(/system_panel/uploads/images/bgA.jpg);
    position: relative;
    padding: 11rem 0;
}
:is(.services_cnt1, .services_cnt5) .inner {
    width: 100%;
    max-width:initial;
}
:is(.services_cnt1, .services_cnt5) .inner .titleB * {
    text-align: center;
    color: #fff;
}
:is(.services_cnt1, .services_cnt5) .inner .col2 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
    min-height: 52rem;
}
:is(.services_cnt1, .services_cnt5) .inner .col2 .left {
    width: 44%;
    max-width: 85rem;
    aspect-ratio: 8.5/5.6;
    overflow: hidden;
    /*position: absolute;
    right: 0;*/
}
:is(.services_cnt1, .services_cnt5) .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
:is(.services_cnt1, .services_cnt5) .inner .col2 .right {
    width: 56%;
    padding: 0 5.2vw 0 7.29vw;/*10 14*/
}
:is(.services_cnt1, .services_cnt5) .inner .col2 .right h4 {
    font-size: 4rem;
    color: #fff;
    line-height: 1.7;
    margin: 0 0 5rem;
}
:is(.services_cnt1, .services_cnt5) .inner .col2 .right>p:not(.buttonA) {
    color: #fff;
    line-height: 2.35;
    margin: 0 0 5rem;
}
.services_cnt2 {
    background: #efe9e7;
    position: relative;
    padding: 11rem 0;
}
.services_cnt2 .inner {
    width: 100%;
    max-width:initial;
}
.services_cnt2 .inner .illust {
    width: 8.28vw;
    /*15.9*/
    position: absolute;
    right: 2.6vw;
    /*5*/
    bottom: -6rem;
    z-index: 2;
}
.services_cnt2 .inner .illust img {
    width: 100%;
}
.services_cnt2 .inner .titleB * {
    text-align: center;
}
.services_cnt2 .inner .col2 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
    min-height: 52rem;
}
.services_cnt2 .inner .col2 .left {
    width: 44%;
    max-width: 85rem;
    aspect-ratio: 8.5/5.6;
    overflow: hidden;
    /*position: absolute;
    right: 0;*/
}
.services_cnt2 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.services_cnt2 .inner .col2 .right {
    width: 56%;
    padding: 0 5.2vw 0 7.29vw;/*10 14*/
}
.services_cnt2 .inner .col2 .right h4 {
    font-size: 4rem;
    line-height: 1.7;
    margin: 0 0 5rem;
}
.services_cnt2 .inner .col2 .right>p:not(.buttonA) {
    line-height: 2.35;
    margin: 0 0 5rem;
}
.services_cnt3 {
    background: url(/system_panel/uploads/images/services_cnt3_bg.jpg) rgba(15, 6, 1, 0.43);
    background-blend-mode: darken;
    position: relative;
    padding: 11rem 0;
}
.services_cnt3 .inner {}
.services_cnt3 .inner .titleB * {
    color: #fff;
    text-align: center;
}
.services_cnt3 .inner .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.08vw;
    /*4*/
    align-content: start;
}
.services_cnt3 .inner .grid .dl {
    width: 100%;
    background: rgba(39, 21, 15, 0.5);
    border: 0.1rem solid rgba(196, 146, 106, 0.5);
    padding: 2.08vw;
    /*4*/
}
.services_cnt3 .inner .grid .dt {
    font-size: 2.7rem;
    color: #fff;
    padding: 0 1.5rem 2rem;
    border-bottom: 0.1rem solid #fff;
    margin: 0 0 2rem;
    display: flex;
    gap: 1rem;
}
.services_cnt3 .inner .grid .dt .span {
    width: fit-content;
    height: 2.8rem;
    font-size: 2.1rem;
    color: #fff;
    background: #177138;
    display: grid;
    align-items: center;
    padding: 0 0.5em;
}
.services_cnt3 .inner .grid .dd {
    color: #fff;
    line-height: 2.35;
    padding: 0 1.5rem;
}
.services_cnt4 {
    padding: 10rem 0;
    background: #efe9e7;
}
.services_cnt4 .inner .titleB * {
    text-align: center;
}
.services_cnt4 .inner>p {
    text-align: center;
    line-height: 2.35;
    margin: 0 auto 5rem;
}
.services_cnt4 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.125vw;
    /*6*/
    margin: 0 auto 7rem;
}
.services_cnt4 .inner .grid .figure {
    width: 100%;
}
.services_cnt4 .inner .grid .figure .pic {
    width: 100%;
    aspect-ratio: 4.2/3.8;
    overflow: hidden;
    margin: 0 0 2rem;
}
.services_cnt4 .inner .grid .figure .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.services .bg1 {
    width: 100%;
    height: 100rem;
    background: url(/system_panel/uploads/images/services_bg1.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}
.services_cnt6 {
    background: #efe9e7;
    background-blend-mode: darken;
    padding: 11rem 0;
}
.services_cnt6 .inner {
    position: relative;
}
.services_cnt6 .inner .titleB * {
    text-align: center;
}
.services_cnt6 .inner .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.08vw;
    /*4*/
    align-content: start;
}
.services_cnt6 .inner .grid .dl {
    width: 100%;
    background: #fff;
    border: 0.1rem solid #efe9e7;
    padding: 2.08vw;
    /*4*/
}
.services_cnt6 .inner .grid .dt {
    font-size: 2.7rem;
    padding: 0 1.5rem 2rem;
    border-bottom: 0.1rem solid #000;
    margin: 0 0 2rem;
    display: flex;
    gap: 1rem;
}
.services_cnt6 .inner .grid .dt .span {
    width: fit-content;
    height: 2.8rem;
    font-size: 2.1rem;
    color: #fff;
    background: #177138;
    display: grid;
    align-items: center;
    padding: 0 0.5em;
}
.services_cnt6 .inner .grid .dd {
    line-height: 2.35;
    padding: 0 1.5rem;
}
.services_cnt6 .inner .illust {
    width: 18.229vw;
    /*35*/
    position: absolute;
    right: -10.41vw;
    /*20*/
    bottom: -6rem;
}
.services_cnt6 .inner .illust img {
    width: 100%;
}

.services_cnt7 {
    padding: 12rem 0;
    background: url(/system_panel/uploads/images/bgA.jpg);
}
.services_cnt7 .inner .titleB * {
    text-align: center;
    color: #fff;
}
.services_cnt7 .inner>p {
    color: #fff;
    text-align: center;
    line-height: 2.35;
    margin: 0 auto 5rem;
}
.services_cnt7 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.125vw;
    /*6*/
    margin: 0 auto 7rem;
}
.services_cnt7 .inner .grid .figure {
    width: 100%;
}
.services_cnt7 .inner .grid .figure .pic {
    width: 100%;
    aspect-ratio: 4.2/3.8;
    overflow: hidden;
    margin: 0 0 2rem;
}
.services_cnt7 .inner .grid .figure .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.services_cnt7 .inner .grid .figure .figcaption {
    color: #fff;
}

/*methods*/
.methods_cnt1 {
    background: url(/system_panel/uploads/images/bgA.jpg);
    position: relative;
    padding: 11rem 0;
}
.methods_cnt1 .inner {
    width: 100%;
    max-width: initial;
}
.methods_cnt1 .inner .titleB * {
    text-align: center;
    color: #fff;
}
.methods_cnt1 .inner .col2 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
    min-height: 52rem;
}
.methods_cnt1 .inner .col2 .left {
    width: 44%;
    max-width: 85rem;
    aspect-ratio: 8.5/5.6;
    overflow: hidden;
    /*position: absolute;
    right: 0;*/
}
.methods_cnt1 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.methods_cnt1 .inner .col2 .right {
    width: 56%;
    padding: 0 5.2vw 0 7.29vw;/*10 14*/
}
.methods_cnt1 .inner .col2 .right h4 {
    font-size: 4rem;
    color: #fff;
    line-height: 1.7;
    margin: 0 0 5rem;
}
.methods_cnt1 .inner .col2 .right>p:not(.buttonA) {
    color: #fff;
    line-height: 2.35;
    margin: 0 0 5rem;
}
.methods_cnt2 {
    background: #efe9e7;
    position: relative;
    padding: 11rem 0;
}
.methods_cnt2 .inner {
    width: 100%;
    max-width: initial;
}
.methods_cnt2 .inner .titleB * {
    text-align: center;
}
.methods_cnt2 .inner .col2 {
    display: flex;
    justify-content: start;
    flex-direction: row-reverse;
    justify-content: start;
    min-height: 52rem;
}
.methods_cnt2 .inner .col2 .left {
    width: 44%;
    max-width: 85rem;
    aspect-ratio: 8.5/5.2;
    background: #fff;
    overflow: hidden;
    /*position: absolute;
    right: 0;*/
}
.methods_cnt2 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.methods_cnt2 .inner .col2 .right {
    width: 56%;
    padding: 0 5.2vw 0 7.29vw;/*10 14*/
}
.methods_cnt2 .inner .col2 .right h4 {
    font-size: 4rem;
    line-height: 1.7;
    margin: 0 0 5rem;
}
.methods_cnt2 .inner .col2 .right>p:not(.buttonA) {
    line-height: 2.35;
    margin: 0 0 5rem;
}
.methods_cnt2 .inner .col2:nth-of-type(2) {
    margin: 0 auto 9rem;
}
.methods_cnt2 .inner .col2:nth-of-type(even) {
    flex-direction: initial;
    justify-content: end;
}
.methods_cnt2 .inner .col2:nth-of-type(even) .left {
    right: initial;
    left: 0;
}
.methods_cnt2 .inner .col2:nth-of-type(even) .right {
    padding: 0 7.29vw 0 5.2vw;
}
:is(.methods_cnt3, .methods_cnt5) {
    padding: 10rem 0;
    background: url(/system_panel/uploads/images/bgA.jpg);
}
:is(.methods_cnt3, .methods_cnt5) .inner .titleB * {
    text-align: center;
    color: #fff;
}
:is(.methods_cnt3, .methods_cnt5) .inner .dl {
    width: 100%;
    background: rgba(39, 21, 15, 0.5);
    border: 0.1rem solid rgba(196, 146, 106, 0.5);
    padding: 2.08vw;
    /*4*/
}
:is(.methods_cnt3, .methods_cnt5) .inner .dl:not(:last-of-type) {
    margin: 0 0 1.5rem;
}
:is(.methods_cnt3, .methods_cnt5) .inner .dt {
    font-size: 2.7rem;
    color: #fff;
    padding: 0 1.5rem 2rem;
    border-bottom: 0.1rem solid #fff;
    margin: 0 0 2rem;
}
:is(.methods_cnt3, .methods_cnt5) .inner .dd {
    color: #fff;
    line-height: 2.35;
    padding: 0 1.5rem;
}
.methods_cnt4 {
    background: #efe9e7;
    position: relative;
    padding: 11rem 0;
}
.methods_cnt4 .inner {
    width: 100%;
    max-width:initial;
}
.methods_cnt4 .inner .titleB * {
    text-align: center;
}
.methods_cnt4 .inner .col2 {
    display: flex;
    justify-content: start;
    flex-direction: row-reverse;
    justify-content: start;
    min-height: 52rem;
}
.methods_cnt4 .inner .col2 .left {
    width: 44%;
    max-width: 85rem;
    aspect-ratio: 8.5/5.2;
    background: #fff;
    overflow: hidden;
    /*position: absolute;
    right: 0;*/
}
.methods_cnt4 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.methods_cnt4 .inner .col2 .right {
    width: 56%;
    padding: 0 5.2vw 0 7.29vw;/*10 14*/
}
.methods_cnt4 .inner .col2 .right h4 {
    font-size: 4rem;
    line-height: 1.7;
    margin: 0 0 5rem;
}
.methods_cnt4 .inner .col2 .right>p:not(.buttonA) {
    line-height: 2.35;
    margin: 0 0 5rem;
}




















/*works&worksdetail共通*/
:is(.works, .worksdetail) .mainimg {
    background: url(/system_panel/uploads/images/works_mainimg.jpg) center rgba(0, 50, 85, 0.5);
    background-size: cover;
    background-blend-mode: darken;
}
:is(.works_cnt1, .worksdetail_cnt1) {
    width: 100%;
    background: #efe9e7;
    padding: 10rem 0 7rem;
}
:is(.works_cnt1, .worksdetail_cnt1) .inner {
    max-width: 100rem;
}
:is(.works_cnt1, .worksdetail_cnt1) .inner .flex {
    display: flex;
    gap: 2.6vw;
    align-items: center;
    justify-content: center;
}
:is(.works_cnt1, .worksdetail_cnt1) .inner .flex .webgene-blog {
    width: fit-content;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /*justify-content: space-around;*/
    gap: 2.6vw;
    /*5*/
}
:is(.works_cnt2, .worksdetail_cnt2) {
    width: 100%;
    background: #efe9e7;
    padding: 0 0 13rem;
}
:is(.works_cnt2, .worksdetail_cnt2) .inner {
    max-width: 100rem;
}


/*works*/
.works_cnt2 .inner .webgene-blog {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.125vw;
    /*6*/
}
.works_cnt2 .inner .webgene-blog .webgene-item {}
.works_cnt2 .inner .webgene-blog .webgene-item .dl {
    display: grid;
    gap: 1rem;
}
.works_cnt2 .inner .webgene-blog .webgene-item .dt {
    grid-row: 3/4;
    grid-column: 1/2;
}
.works_cnt2 .inner .webgene-blog .webgene-item .dt a {
    color: inherit;
}
/*
.works_cnt2 .inner .webgene-blog .webgene-item .cate {
    grid-row: 2/3;
    grid-column: 1/2;
    width: fit-content;
    height: 2.3rem;
    display: grid;
    align-items: center;
    padding: 0 1em;
    font-size: 1.3rem;
    background: #238ecc;
    color: #fff;
}
.works_cnt2 .inner .webgene-blog .webgene-item .day {
    grid-row: 2/3;
    grid-column: 1/2;
    width: fit-content;
    height: 2.3rem;
    display: grid;
    align-items: center;
    margin: 0 0 0 auto;
}
    */
.works_cnt2 .inner .webgene-blog .webgene-item .pic {
    grid-row: 1/2;
    aspect-ratio: 3.6/3.4;
    overflow: hidden;
}
.works_cnt2 .inner .webgene-blog .webgene-item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.webgene-pagination {
    grid-column: 1/4;
}

.webgene-pagination ul {
    width: fit-content;
    display: flex;
    margin: 0 auto 0;
}
.webgene-pagination ul li {
    font-size: 1.7rem;
}
.webgene-pagination :is(.prev, .next) {
    width: 3em;
    height: 3em;
    list-style: none;
}
.webgene-pagination .prev {
    margin: 0 5rem 0 0;
}
.webgene-pagination .next {
    margin: 0 0 0 5rem;
}
.webgene-pagination :is(.prev a, .next a) {
    display: grid;
    justify-content: center;
    align-content: center;
    width: inherit;
    height: inherit;
    color: inherit;
    text-decoration: none;
    color: #c6b7b3;
}
.webgene-pagination ul .number {
    list-style: none;
    background: #c6b7b3;
    border-radius: 50%;
    width: 3em;
    height: 3em;
    margin: 0 0.5em;
}
.webgene-pagination ul .number.selected {
    list-style: none;
    background: #177138;
    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;
    color: #fff;
}





/*worksdetail*/
.worksdetail_cnt2 {
    margin: 0 auto;
}
.worksdetail_cnt2 .inner .webgene-blog {
    margin: 0 auto;
}
.worksdetail_cnt2 .inner .webgene-blog .webgene-item {
    margin: 0 auto 6rem;
}
.worksdetail_cnt2 .inner .webgene-blog .webgene-item .dl {
    display: grid;
    gap: 2rem;
}
.worksdetail_cnt2 .inner .webgene-blog .webgene-item .cate {
    grid-row: 1/2;
    grid-column: 1/2;
    width: fit-content;
    height: 2.8rem;
    display: grid;
    align-items: center;
    padding: 0 2em;
    background: #177138;
    color: #fff;
    margin: 0 0 0 10em;

}
.worksdetail_cnt2 .inner .webgene-blog .webgene-item .day {
    grid-row: 1/2;
    grid-column: 1/2;
    width: fit-content;
    height: 2.8rem;
    display: grid;
    align-items: center;
}
.worksdetail_cnt2 .inner .webgene-blog .webgene-item .dt {
    grid-row: 2/3;
    grid-column: 1/2;
    display: grid;
    align-items: center;
    font-size: 3.1rem;
    font-weight: bold;
    padding: 0 0 2rem;
    border-bottom: 0.1rem solid #000;
}
.worksdetail_cnt2 .inner .webgene-blog .webgene-item .cmt {
    line-height: 2.35;
}
.worksdetail_cnt2 .inner .webgene-blog .webgene-item .pic {
    grid-column: 1/2;
    width: 100%;
    border-radius: 0.5rem;
    overflow: hidden;

}
.worksdetail_cnt2 .inner .webgene-blog .webgene-item .pic .slider {}
.worksdetail_cnt2 .inner .webgene-blog .webgene-item .pic .slick-img {
    width: 100%;
    aspect-ratio: 10/7.2;
    overflow: hidden;
    margin: 0 0.5rem;
}
.worksdetail_cnt2 .inner .webgene-blog .webgene-item .pic .thumbnail-img {
    width: 100%;
    aspect-ratio: 2.45/1.75;
    overflow: hidden;
    margin: 0.5rem;
}
.worksdetail_cnt2 .inner .webgene-blog .webgene-item .pic img {
    width: 100%;
    height: 100%;
    /*object-fit: cover;*/
    object-fit: cover;
    object-position: center;
}
.worksdetail_cnt2 .inner .buttonA {
    margin: auto;
}




/*staff*/
:is(.staff_cnt1, .staff_cnt2) {
    background: #efe9e7;
    padding: 7rem 0;
}
:is(.staff_cnt1, .staff_cnt2) .inner .titleB * {
    text-align: center;
}
:is(.staff_cnt1, .staff_cnt2) .inner>p {
    text-align: center;
    line-height: 2.35;
    margin: 0 auto 5rem;
}
:is(.staff_cnt1, .staff_cnt2) .inner .grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5.2vw;
    /*10*/
    align-content: start;
}
:is(.staff_cnt1, .staff_cnt2) .inner .grid .staff .modalBtn .dl {
    width: 100%;
    display: grid;
    align-content: start;
    gap: 1rem;
    cursor: pointer;
}
:is(.staff_cnt1, .staff_cnt2) .inner .grid .staff .modalBtn .dt {
    grid-row: 2/3;
}

:is(.staff_cnt1, .staff_cnt2) .inner .grid .staff .modalBtn .name {
    font-family: "Anton", sans-serif;
    font-size: 3.3rem;
    display: flex;
    align-items: center;
}
:is(.staff_cnt1, .staff_cnt2) .inner .grid .staff .modalBtn .name::after {
    content: ">";
    width: 5.4rem;
    height: 2.7rem;
    font-size: initial;
    font-family: initial;
    color: #3e2920;
    background: #fff;
    transform: scale(0.5, 1);
    display: grid;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
:is(.staff_cnt1, .staff_cnt2) .inner .grid .pic {
    grid-row: 1/2;
    width: 100%;
    aspect-ratio: 6.4/3.8;
    overflow: hidden;
}
:is(.staff_cnt1, .staff_cnt2) .inner .grid .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.staff_cnt2 {
    padding: 7rem 0 17rem;
}

/*管理ページ用*/
#wrapper .staff_cnt1 .inner .grid{
    display: block;
}
#wrapper .staff .fade{
    opacity: 1;
}
#wrapper .staff .modal{
    display: block;
    position: initial;
}
/*ここまで*/
.staff .modal-body {
    padding: 5rem;
}
.staff .modalCloseBtn {
    text-align: right;
}
.staff .modal-dialog {
    max-width: 125rem;
}
.staff .fa .fa-times {
    content: "×";
    font-size: 4rem;
}
.staff .intModalBox {
    display: flex;
    gap: 5rem;
}
.staff .intModalL {
    width: 35%;
    aspect-ratio: 4.2/4;
}
.staff .intModalL img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.staff .intModalR {
    width: 65%;
}
.staff .intModalR .position {
    margin: 0 0 1rem;
}
.staff .intModalR .name {
    font-family: "Anton", sans-serif;
    font-size: 4rem;
    margin: 0 0 3rem;
}
.staff .intModalR .from {
    margin: 0 0 3rem;
}
.staff .intModalR .from .dt {
    float: left;
    line-height: 2.35;
}
.staff .intModalR .from .dd {
    line-height: 2.35;
}
.staff .intModalR .from .cmt {
    border-top: 0.1rem dashed #dbd6db;
}
.staff .intModalR .qualification {
    margin: 0 0 3rem;
}
.staff .intModalR .qualification .dt {
    float: left;
    line-height: 2.35;
}
.staff .intModalR .qualification .dd {
    line-height: 2.35;
}





/*recruit*/
.recruit_cnt1 {
    width: 100%;
    height: 93rem;
    background: url(/system_panel/uploads/images/recruit_cnt1_bg.jpg) no-repeat center;
    background-size: cover;
    position: relative;
}
.recruit_cnt1 .inner {
    height: inherit;
}
.recruit_cnt1 .inner .catch {
    font-size: 11rem;
    color: #fff;
    line-height: 1.36;
    position: absolute;
    bottom: 6rem;
    right: 3.125vw;
    /*6*/
}
.recruit_cnt2 {
    width: 100%;
    height: 93rem;
    background: url(/system_panel/uploads/images/recruit_cnt2_bg.jpg) no-repeat right rgba(15, 6, 1, 0.31);
    background-blend-mode: darken;
    background-size: cover;
    position: relative;
    padding: 10rem 0;
    background-position: left;
}
.recruit_cnt2 .inner {
    width: 65%;
    margin: 0 0 0 auto;
}
.recruit_cnt2 .inner .catch {
    font-size: 6rem;
    color: #fff;
    line-height: 1.57;
    margin: 0 0 3rem;
}
.recruit_cnt2 .inner>p:not(.catch) {
    color: #fff;
    line-height: 2.35;
    margin: 0 0 5rem;
}
.recruit_cnt2 .inner .flex {
    display: flex;
    align-items: baseline;
    gap: 2rem;
}
.recruit_cnt2 .inner .flex p {
    color: #fff;
}
.recruit_cnt2 .inner .flex .name {
    font-size: 2.7rem;
}
.recruit_cnt3 {
    background: url(/system_panel/uploads/images/bgA.jpg);
    padding: 11rem 0;
}
.recruit_cnt3 .inner {
    max-width: 148rem;
}
.recruit_cnt3 .inner .titleB * {
    color: #fff;
    text-align: center;
}
.recruit_cnt3 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    align-content: start;
}
.recruit_cnt3 .inner .grid .dl {
    width: 100%;
    background: rgba(39, 21, 15, 0.5);
    border: 0.1rem solid rgba(196, 146, 106, 0.5);
    padding: 2.08vw;
    /*4*/
}
.recruit_cnt3 .inner .grid .dt {
    font-size: 2.7rem;
    color: #fff;
    padding: 0 1.5rem 2rem;
    border-bottom: 0.1rem solid #fff;
    margin: 0 0 2rem;
    display: flex;
    gap: 1rem;
}
.recruit_cnt3 .inner .grid .dt .span {
    width: fit-content;
    height: 2.8rem;
    font-size: 2.1rem;
    color: #fff;
    background: #177138;
    display: grid;
    align-items: center;
    padding: 0 0.5em;
}
.recruit_cnt3 .inner .grid .dd {
    color: #fff;
    line-height: 2.35;
    padding: 0 1.5rem;
}
.recruit_cnt4 {
    width: 100%;
    padding: 13rem 0;
    background: #efe9e7;
}
.recruit_cnt4 .inner .titleB * {
    text-align: center;
}
.recruit_cnt4 .inner .dl {
    width: 100%;
    min-height: 7.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.recruit_cnt4 .inner .dt {
    width: 20%;
    min-height: inherit;
    display: grid;
    align-items: center;
    border-bottom: 0.1rem solid #042d13;
    padding: 0.5rem 0 0.5rem 4.6875vw;
    /*9*/
}
.recruit_cnt4 .inner .dd {
    width: 80%;
    min-height: inherit;
    display: grid;
    align-items: center;
    border-bottom: 0.1rem solid #5bcf85;
    padding: 0.5rem 1.5625vw;
    /*3*/
}
.recruit_cnt4 .slider {
    margin: 1rem auto 0;
}
.recruit_cnt4 .slider .slick-img {
    width: 100%;
    aspect-ratio: 4.5/3.6;
    overflow: hidden;
}
.recruit_cnt4 .slider .slick-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.recruit_cnt5 {
    padding: 25rem 0;
    background: url(/system_panel/uploads/images/recruit_cnt5_bg.jpg) no-repeat center;
    background-size: cover;
}
.recruit_cnt5 .inner .catch {
    font-size: 13rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    color: #fff;
    text-align: center;
    line-height: 1.46;
}
.recruit_cnt6 {
    padding: 11rem 0;
    background: #144e29;
}
.recruit_cnt6 .inner .titleB * {
    text-align: center;
    color: #fff;
}
.recruit form .dl .dt {
    color: #fff;
}
form .dt .required {
    display: inline-block;
    background: #177138;
    padding: 0.5rem;
}
.recruit form .dl .dd {
    color: #fff;
}
.recruit form .col label {
    color: #fff;
}





/*contact*/
.contact_cnt1 {
    width: 100%;
    background: #efe9e7;
    padding: 10rem 0;
}
.contact_cnt1 .inner .titleB * {
    text-align: center;
}
.contact_cnt1 .inner>p {
    text-align: center;
    line-height: 2.35;
    margin: 0 0 4rem;
}
.contact_cnt1 .inner .window {
    width: 90%;
    max-width: 100rem;
    margin: 0 auto 8rem;
    padding: clamp(2rem, 2.08vw, 4rem);
    /*4*/
    background: #fff;
}
.contact_cnt1 .inner .window .tel {
    font-size: 2.7rem;
    font-family: "Anton", sans-serif;
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 1rem;
    margin: 0 auto 2rem;
}
.contact_cnt1 .inner .window .tel a {
    font-size: 5.5rem;
    color: inherit;
}
.contact_cnt1 .inner .window p:not(.tel) {
    text-align: center;
    line-height: 2.35;
}
form .dl {
    width: 100%;
    min-height: 7.5rem;
    display: flex;
    gap: 0.5rem;
}
form .dl .dt {
    width: 20%;
    min-height: inherit;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.1rem solid #2a553a;
    padding: 0.5rem;
}
form .dt .required {
    font-size: 1.5rem;
    color: #fff;
    display: inline-block;
    background: #177138;
    padding: 0.5rem;
}
form .dl .dd {
    width: 80%;
    min-height: inherit;
    display: flex;
    align-items: center;
    border-bottom: 0.1rem solid #5bcf85;
    padding: 0.5rem 0;
}
form .dl .dd:has(>.addArea) {
    display: block;
}
form input[type="text"],
form input[type="email"],
form textarea {
    width: 100%;
    height: 6rem;
    background: #cee0d4;
}
form input#age {
    width: 8em;
}
form input#career {
    width: 8em;
}
form input.zipInput {
    width: 8em;
}
form input[type="text"],
form input[type="email"],
form input[type="checkbox"],
form textarea {
    padding: 0 1em;
    border: 0.1rem solid #dedee4;
}
form textarea {
    height: 22rem;
}
form #qualifications {
    height: 12.5rem;
}
form select {}
form .checkArea {
    display: flex;
    gap: 2.08vw;
    /*4*/
}
form .dl .dd .addArea input {
    margin: 0.25rem 0;
}
form .dl .dd .selectArea {}
form .dl .dd .selectArea div {
    width: fit-content;
    display: inline-block;
}
form .terms {
    background: #9ab8a4;
    padding: 2.08vw;
    /*4*/
    height: 35rem;
    overflow-y: scroll;
    margin: 1rem 0 5rem 0;
}
form .terms p {
    line-height: 2.35;
}
form .col {

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





/*company*/
.company_cnt1 {
    background: url(/system_panel/uploads/images/bgA.jpg);
    position: relative;
    padding: 11rem 0;
}
.company_cnt1 .inner {
    /*width: 90%;*/
    width: 100%;
    max-width: initial;
}
.company_cnt1 .inner .titleB * {
    text-align: center;
    color: #fff;
}
.company_cnt1 .inner .col2 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
    min-height: 52rem;
}
.company_cnt1 .inner .col2 .left {
    width: 44%;
    max-width: 85rem;
    aspect-ratio: 8.5/5.6;
    overflow: hidden;
    /*position: absolute;
    right: 0;*/
}
.company_cnt1 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.company_cnt1 .inner .col2 .right {
    width: 56%;
    padding: 0 5.2vw 0 7.29vw;/*10 14*/
}
.company_cnt1 .inner .col2 .right h4 {
    font-size: 4rem;
    color: #fff;
    line-height: 1.7;
    margin: 0 0 5rem;
}
.company_cnt1 .inner .col2 .right>p:not(.buttonA) {
    color: #fff;
    line-height: 2.35;
    margin: 0 0 5rem;
}
.company_cnt1 .inner .col2 .right .flex {
    display: flex;
    align-items: baseline;
    gap: 2rem;
}
.company_cnt1 .inner .col2 .right .flex p {
    color: #fff;
}
.company_cnt1 .inner .col2 .right .flex .name {
    font-size: 2.7rem;
}
.company_cnt1 .inner .illust{
    width: 7.86vw;/*15.1*/
    min-width: 5rem;
    position: absolute;
    bottom: -2rem;
    left: 40%;
}
.company_cnt1 .inner .illust img{
    width: 100%;
}
.company_cnt2 {
    width: 100%;
    padding: 13rem 0;
    background: #efe9e7;
}
.company_cnt2 .inner .titleB * {
    text-align: center;
}
.company_cnt2 .inner .dl {
    width: 100%;
    min-height: 7.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.company_cnt2 .inner .dt {
    width: 20%;
    min-height: inherit;
    display: grid;
    align-items: center;
    border-bottom: 0.1rem solid #042d13;
    padding: 0.5rem 0 0.5rem 4.6875vw;
    /*9*/
}
.company_cnt2 .inner .dd {
    width: 80%;
    min-height: inherit;
    display: grid;
    align-items: center;
    border-bottom: 0.1rem solid #5bcf85;
    padding: 0.5rem 1.5625vw;
    /*3*/
}
.company_cnt2 .slider {
    margin: 1rem auto 0;
}
.company_cnt2 .slider .slick-img {
    width: 100%;
    aspect-ratio: 4.5/3.6;
    overflow: hidden;
}
.company_cnt2 .slider .slick-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.company .map {
    width: 100%;
    height: 30rem;
}
.company .map iframe {
    width: 100%;
    height: inherit;
    border: none;
}
.company_cnt3 {
    padding: 12rem 0;
    background: #efe9e7;
}
.company_cnt3 .inner .titleB * {
    text-align: center;
}
.company_cnt3 .inner>p {
    text-align: center;
    line-height: 2.35;
    margin: 0 auto 5rem;
}
.company_cnt3 .inner .col2 {
    display: flex;
    align-items: start;
    gap: 5.2vw;
    /*10*/
}
.company_cnt3 .inner .col2 :is(.left, .right) {
    width: 50%;
}
.company_cnt3 .inner .col2 :is(.left, .right)>.dl {
    width: 100%;
    display: grid;
    gap: 2rem;
}
.company_cnt3 .inner .col2 :is(.left, .right)>.dl>.dt {
    font-size: 3.5rem;
    padding: 0 0 2rem;
    border-bottom: 0.1rem solid #000;
}
.company_cnt3 .inner .col2 :is(.left, .right)>.dl>.dd {
    line-height: 2.35;
}
.company_cnt3 .inner .col2 :is(.left, .right)>.dl>.dd>.figure {
    width: 100%;
}
.company_cnt3 .inner .col2 :is(.left, .right)>.dl>.dd>.figure .pic {
    width: 100%;
    aspect-ratio: 6.4/3.8;
    overflow: hidden;
}
.company_cnt3 .inner .col2 :is(.left, .right)>.dl>.dd>.figure .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.company_cnt3 .inner .col2 :is(.left, .right)>.dl>.dd>.dl {
    width: 100%;
    min-height: 5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.company_cnt3 .inner .col2 :is(.left, .right)>.dl>.dd>.dl>.dt {
    color: #042d13;
    width: 20%;
    min-height: inherit;
    display: grid;
    align-items: center;
    border-bottom: 0.1rem solid #000;
    padding: 0 0 0 2rem;
}
.company_cnt3 .inner .col2 :is(.left, .right)>.dl>.dd>.dl>.dd {
    width: 80%;
    min-height: inherit;
    display: grid;
    align-items: center;
    border-bottom: 0.1rem solid #5bcf85;
    padding: 0 0 0 2rem;
}

.p1754297168194{
  margin: 3rem 0;
  

}

@media screen and (min-width:1280px) and ( max-width:1500px) {
  .about_cnt2 .inner .set>.col2 .right h4,
  .services_cnt2 .inner .col2 .right h4,
  :is(.services_cnt1, .services_cnt5) .inner .col2 .right h4,
.bottom .inner .col2 .right .catch ,
  .methods_cnt2 .inner .col2 .right h4,
  .methods_cnt4 .inner .col2 .right h4 {
      font-size: 3rem;
  }
  .services_cnt3 .inner .grid .dt ,
  .services_cnt6 .inner .grid .dt {
    font-size: 2.5rem;
  }
  .recruit_cnt1 .inner .catch,
  .recruit_cnt5 .inner .catch {
    font-size: 8rem;
  }
}

@media screen and (min-width:700px){
  .brdisplaynone br{
    display:none;
  }
  .h1754298752281 br:nth-child(2),
  .h1754298752346 br:nth-child(2),
  .h1754297168171 br:nth-child(2),
  .h1754297168182 br:nth-child(2),
  .h1754297168205 br:nth-child(1),
  .h1754356167905 br:nth-child(1){
    display:none;
  }
}
.p1754299023501{
  line-height:1.7
}

@media screen and (min-width:600px)and (max-width:1280px){
.services_cnt6 .inner .illust {
    width: 12.229vw;
    position: absolute;
      right: -3.41vw;
    bottom: -13rem;
  }
}