@charset "UTF-8";





/*index*/
#wrapper .index .mainimg{
height:initial;
}
#wrapper .index .mainimg .slider{
height:initial;
  position:initial;
}
.index .mainimg {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.index .mainimg .slider {
    width: 100%;
    height: inherit;
    position: absolute;
    left: 0;
    top: 0;
}
.index .mainimg .slider * {
    width: 100%;
    height: inherit;
}
.index .mainimg .slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index .mainimg .window {
    width: 36.45vw;
    /*70*/
    background: #0f0f0f;
    border: 0.1rem solid #4a2609;
    position: relative;
    top: 23rem;
    left: 0;
    z-index: 2;
    padding: 1.5625vw 1.5625vw 1.5625vw 13.54vw;
    /*3 26*/
}
.index .mainimg .window * {
    color: #fff;
}
.index .mainimg .window .catch {
    font-size: 3.5rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
}
.index .mainimg .window .flex {
    display: flex;
    align-items: end;
    margin: 0 0 3rem;
}
.index .mainimg .window .flex p {
    font-size: 3.5rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    line-height: 1 !important;
}
.index .mainimg .window .flex .logo {
    width: fit-content;
    max-width: 22.5rem;
}
.index .mainimg .window .flex .logo img {
    width: 100%;
}
.index .mainimg .window>p {
    line-height: 1.875;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
}
.index_cnt1 {
    padding: 16rem 0;
    background: linear-gradient(180deg, #111 90%, #2f2f2f), url(/system_panel/uploads/images/bgA.png);
    background-blend-mode: hard-light;
    position: relative;
}
.index_cnt1 .inner h3 {
    font-size: 3.5rem;
    color: #8b8b8a;
    text-align: center;
    margin: 0 auto 8rem;
}
.index_cnt1 .inner h3 span {
    color: #cb252a;
}
.index_cnt1 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.08vw;
    align-content: start;
}
.index_cnt1 .inner .grid .figure {
    width: 100%;
}
.index_cnt1 .inner .grid .figure .pic {
    width: 100%;
    aspect-ratio: 3.7/2.7;
    overflow: hidden;
    margin: 0 auto 1rem;
}
.index_cnt1 .inner .grid .figure .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt1 .inner .grid .figcaption {
    color: #fff;
    line-height: 1.875;
}
.index_cnt1 .inner .catch {
    width: 100%;
    height: 7.5rem;
    background: #cb252a;
    display: grid;
    align-items: center;
    font-size: 3.3rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
}
.index_cnt2 {
    padding: 21rem 0;
    position: relative;
}
.index_cnt2 .inner .flex {
    display: flex;
    align-items: end;
    justify-content: center;
    margin: 0 auto 5rem;
}
.index_cnt2 .inner .flex .logo {
    width: fit-content;
    max-width: 17rem;
}
.index_cnt2 .inner .flex .logo img {
    width: 100%;
}
.index_cnt2 .inner>p {
    max-width: 70rem;
    text-align: center;
    line-height: 1.875;
    margin: 0 auto 24rem;
}
.index_cnt2 .inner .col2 {
    display: flex;
    gap: 6.77vw;
    /*13*/
}
.index_cnt2 .inner .col2 .left {
    width: 40%;
}
.index_cnt2 .inner .col2 .left>p:not(.buttonA) {
    line-height: 1.875;
    margin: 0 0 3rem;
}
.index_cnt2 .inner .col2 .left .ul {
    margin: 0 0 5rem;
}
.index_cnt2 .inner .col2 .left .li {
    width: 100%;
    min-height: 6.5rem;
    display: flex;
    align-items: center;
    position: relative;
    list-style: none;
    font-size: 1.8rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    border-bottom: 0.1rem solid #1a1919;
}
.index_cnt2 .inner .col2 .left .li a {
    color: inherit;
}
.index_cnt2 .inner .col2 .left .li:first-of-type {
    border-top: 0.1rem solid #1a1919;
}
.index_cnt2 .inner .col2 .left .li::after {
    content: "";
    background: url(/system_panel/uploads/images/arrowB.png) no-repeat;
    width: 1rem;
    height: 1.3rem;
    display: inline-block;
    position: absolute;
    right: 1rem;
}
.index_cnt2 .inner .col2 .right {
    width: 48.4375vw;
    /*93*/
    aspect-ratio: 9.3/6.3;
    overflow: hidden;
    position: absolute;
    right: 0;
}
.index_cnt2 .inner .col2 .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt3 {
    padding: 18rem 0;
    background: url(/system_panel/uploads/images/index_cnt3_bg.png) no-repeat;
    background-size: cover;
}
.index_cnt3 .inner .titleA{
    margin: 0 auto 12rem;
}
.index_cnt3 .inner .titleA * {
    color: #fff;
    text-align: center;
}
.index_cnt3 .inner .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.6vw;
    /*5*/
    margin: 0 auto 7rem;
}
.index_cnt3 .inner .grid .dl {
    width: 100%;
    border-right: 0.1rem solid #373737;
    text-align: center;
    display: grid;
    align-content: start;
    gap: 2rem;
}
.index_cnt3 .inner .grid .dt {
    grid-row: 2;
    font-size: 2.3rem;
    color: #fff;
}
.index_cnt3 .inner .grid .pic {
    grid-row: 1;
    width: 5.2vw;
    aspect-ratio: 1/1;
    background: #1b1b1b;
    border: 0.1rem solid #4a2609;
    margin: auto;
    display: grid;
    align-items: center;
    justify-content: center;
}
.index_cnt3 .inner .grid .pic img {
    width: auto;
}
.index_cnt3 .inner .grid .cmt {
    color: #fff;
    line-height: 1.875;
}
.index_cnt3 .inner .buttonA {
    margin: auto;
}
.index_cnt4 {
    padding: 20rem 0;
    background: #dddddd;
}
.index_cnt4 .inner .titleB {
    display: grid;
    gap: 1rem;
}
.index_cnt4 .inner .titleB h3 {
    text-align: center;
}
.index_cnt4 .inner .titleB p {
    text-align: center;
}
.index_cnt4 .inner .window>p {
    text-align: center;
    margin: 0 auto 5rem;
}
.index_cnt4 .inner .window {
    padding: clamp(2rem, 5.2vw, 10rem);
    background: #fff;
}
.index_cnt4 .inner .window form {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0 auto 7rem;
}
.index_cnt4 .inner .window form .search-contents-wrapper input {
    /*width: calc(100% - 20rem);*/
  width:100%;
    height: 5.6rem;
    border: 0.1rem solid #c4c4c4;
}
.search-contents-wrapper input[type="text"] {
    background: #fff;
}
.index_cnt4 .inner .window form button {
    width: 20rem;
    height: 5.6rem;
    background: #cb252a;
    font-size: 1.8rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    border: none;
}
.index_cnt4 .inner .window form button::before {
    content: "";
    background: url(/system_panel/uploads/images/icon_search.png) no-repeat;
    width: 1.9rem;
    height: 1.9rem;
    display: inline-block;
}
.index_cnt4 .inner .window h4 {
    font-size: 2.3rem;
    padding: 0 0 1rem;
    border-bottom: 0.1rem solid #111111;
    margin: 0 0 2rem;
}
.index_cnt4 .inner .window .ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 2rem;
}

.index_cnt4 .inner .window .li {
    width: 100%;
    min-height: 6.5rem;
    list-style: none;
    font-size: 1.8rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    border-bottom: 0.1rem solid #c2c2c2;
}
.index_cnt4 .inner .window .li p {
    width: 100%;
    min-height: inherit;
}

.index_cnt4 .inner .window .li a {
    width: 100%;
    min-height: inherit;
    color: inherit;
    display: flex;
    align-items: center;
    position: relative;
}
.index_cnt4 .inner .window .li a::after {
    content: "";
    background: url(/system_panel/uploads/images/arrowB.png) no-repeat;
    width: 1rem;
    height: 1.3rem;
    display: inline-block;
    position: absolute;
    right: 1rem;
}
.index_cnt6 .inner .newslist {
    overflow-y: auto;
    scrollbar-color: var(--blue_dark) var(--grey);
    max-height: 375px;
    margin-top: 70px;
}
.index_cnt5 {
    padding: 20rem 0 8rem;
}
.index_cnt5 .inner .col2 {
    display: flex;
    gap: 2.08vw;
    /*4*/
}
.index_cnt5 .inner .col2 :is(.left, .right) {
    width: 50%;
    padding: 3.645vw;
    /*7*/
}
.index_cnt5 .inner .col2 :is(.left, .right) .titleA * {
    color: #fff;
}
.index_cnt5 .inner .col2 :is(.left, .right)>p:not(.buttonA) {
    color: #fff;
    line-height: 1.875;
    margin: 0 0 3rem;
}
.index_cnt5 .inner .col2 .left {
    background: linear-gradient(135deg, rgba(21, 0, 1, 0.7) 70%, rgba(21, 0, 1, 0)), url(/system_panel/uploads/images/index_cnt5_1.jpg) no-repeat center;
    background-size: cover;
    background-blend-mode: darken;
}
.index_cnt5 .inner .col2 .right {
    background: linear-gradient(135deg, rgba(21, 0, 1, 0.7) 70%, rgba(21, 0, 1, 0)), url(/system_panel/uploads/images/index_cnt5_2.jpg) no-repeat center;
    background-size: cover;
    background-blend-mode: darken;
}
.index_cnt6 {
    padding: 8rem 0;
}
.index_cnt6 .inner .dl {
    padding: 2rem 0;
    display: flex;
    gap: 2.6vw;
    /*5*/
    border-bottom: 0.1rem solid #1a1919;
}
.index_cnt6 .inner .dl:nth-of-type(1) {
    border-top: 0.1rem solid #1a1919;
}
.index_cnt6 .inner .dt {
    width: 20%;
    text-align: center;
    line-height: 1.875;
}
.index_cnt6 .inner .dd {
    width: 80%;
    line-height: 1.875;
}
.index_cnt7 {
    padding: 8rem 0 12rem;
}
.index_cnt7 .inner .webgene-blog .webgene-item .dl {
    padding: 2rem 0;
    display: flex;
    gap: 2.6vw;
    /*5*/
    border-bottom: 0.1rem solid #1a1919;
    align-items: center;
}
.index_cnt7 .inner .webgene-blog .webgene-item:nth-of-type(1) .dl {
    border-top: 0.1rem solid #1a1919;
}
.index_cnt7 .inner .webgene-blog .webgene-item:last-of-type .dl {
    margin: 0 auto 6rem;
}
.index_cnt7 .inner .webgene-blog .webgene-item .dt {
    width: 75%;
    line-height: 1.875;
    order: 3;
}
.index_cnt7 .inner .webgene-blog .webgene-item .dt a {
    color: inherit;
}
.index_cnt7 .inner .webgene-blog .webgene-item .day {
    width: 12%;
    text-align: center;
    line-height: 1.875;
}
.index_cnt7 .inner .webgene-blog .webgene-item .cate {
    width: 12%;
    height: 2rem;
    background: #e3e3e3;
    display: grid;
    align-items: center;
    justify-content: center;
}
.index_cnt7 .inner .buttonA {
    margin: auto;
}
.calendar-box iframe {
    width: 75%;
    aspect-ratio: 1 / 1;
    border: none;
}




/*service*/
.service_cnt1 {
    padding: 12rem 0;
    background: linear-gradient(180deg, #111 70%, #2f2f2f), url(/system_panel/uploads/images/bgA.png);
}
.service_cnt1 .inner h3 {
    font-size: 3.5rem;
    color: #fff;
    text-align: center;
    line-height: 1.71;
    margin: 0 auto 5rem;
}
.service_cnt1 .inner>p {
    color: #fff;
    text-align: center;
    line-height: 1.875;
    margin: 0 auto 5rem;
}
.service_cnt1 .inner .flex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.08vw;
    /*4*/
}
.service_cnt2 {
    padding: 11rem 0 14rem;
    background: #000;
    position: relative;
}
.service_cnt2::before {
    content: "";
    background: url(/system_panel/uploads/images/service_cnt2_before.png) no-repeat;
    background-size: cover;
    width: 62.7vw;
    /*120.4*/
    aspect-ratio: 62.7/85.3;
    position: absolute;
    left: 0;
    top: 0;
}
.service_cnt2::after {
    content: "";
    background: url(/system_panel/uploads/images/service_cnt2_after.png) no-repeat;
    background-size: cover;
    width: 25.83vw;
    /*49.6*/
    aspect-ratio: 49.6/81.5;
    position: absolute;
    right: 0;
    bottom: 0;
}
.service_cnt2 .inner {
    position: relative;
    z-index: 1;
}
.service_cnt2 .inner .titleB *{
    text-align: center;
}
.service_cnt2 .inner .titleB h3{
    color: #fff;
}
.service_cnt2 .inner .set {
    padding: 6.25vw 0;
    /*12*/
    border-bottom: 0.1rem solid #373737;
}
.service_cnt2 .inner .set .titleB * {
    text-align: center;
}
.service_cnt2 .inner .set .titleB h3 {
    color: #fff;
}
.service_cnt2 .inner .set .col2 {
    display: flex;
    align-items: start;
    flex-direction: row-reverse;
    gap: 3.125vw;
    /*6*/
}
.service_cnt2 .inner .set .col2 .left {
    width: 47%;
    aspect-ratio: 5.4/3.6;
    overflow: hidden;
}
.service_cnt2 .inner .set .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.service_cnt2 .inner .set .col2 .right {
    width: 53%;
}
.service_cnt2 .inner .set .col2 .right h4 {
    font-size: 3.5rem;
    color: #fff;
    margin: 0 0 4rem;
}
.service_cnt2 .inner .set .col2 .right .sub {
    font-size: 2.3rem;
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 900;
    color: #fff;
}
.service_cnt2 .inner .set .col2 .right>p {
    color: #fff;
    line-height: 1.875;
}
.service_cnt2 .inner .set h5 {
    font-size: 2.7rem;
    color: #fff;
    margin: 10rem 0 2rem;
}
.service_cnt2 .inner .set .window {
    background: #1b1b1b;
    border: 0.1rem solid #4a2609;
    padding: clamp(2rem, 1.5625vw, 3rem) clamp(2rem, 2.08vw, 4rem);
    margin: 5rem auto 10rem;
}
.service_cnt2 .inner .set .window h5 {
    font-size: 2.5rem;
    color: #fff;
    margin: 0 0 2rem;
}
.service_cnt2 .inner .set .window .ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
.service_cnt2 .inner .set .window .li {
    width: fit-content;
    height: 3.7rem;
    padding: 0 1em;
    display: grid;
    align-items: center;
    color: #fff;
    background: #494949;
}
.service_cnt2 .inner .set .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 0 auto 7rem;
}
.service_cnt2 .inner .set .grid .pic {
    width: 100%;
    aspect-ratio: 3.85/2.6;
    overflow: hidden;
}
.service_cnt2 .inner .set .grid .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.service_cnt2 .inner .set .dl {
    width: 100%;
    margin: 0 0 1rem;
}
.service_cnt2 .inner .set .dt {
    width: 100%;
    min-height: 5rem;
    background: #ddd;
    display: grid;
    align-items: center;
    padding: 1rem clamp(2rem, 2.08vw, 4rem);
}
.service_cnt2 .inner .set .dd {
    background: #fff;
    line-height: 1.875;
    padding: 1rem clamp(2rem, 2.08vw, 4rem);
    line-height: 1.875;
}
.service_cnt2 .inner .set .dd:has(>.ul) {
    padding: 0;
}
.service_cnt2 .inner .set .dd .ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.1rem;
    background: #c4c4c4;
}
.service_cnt2 .inner .set .dd .li {
    font-family: initial;
    font-weight: initial;
    width: 100%;
    min-height: 5rem;
    display: grid;
    align-items: center;
    list-style: none;
    background: #fff;
    padding: 0 clamp(2rem, 1.5625vw, 3rem);
}
.service_cnt3 {
    padding: 15rem 0;
    background: #dddddd;
}

.service_cnt3 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 0 auto 7rem;
}
.service_cnt3 .inner .grid .pic {
    width: 100%;
    aspect-ratio: 3.85/2.6;
    overflow: hidden;
}
.service_cnt3 .inner .grid .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.service_cnt3 .inner h4 {
    font-size: 2.1rem;
    margin: 0 0 2rem;
}
.service_cnt3 .inner .ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.1rem;
    background: #c4c4c4;
}
.service_cnt3 .inner .ul:not(:last-of-type) {
    margin: 0 auto 5rem;
}
.service_cnt3 .inner .li {
    font-family: initial;
    font-weight: initial;
    width: 100%;
    min-height: 5rem;
    display: grid;
    align-items: center;
    list-style: none;
    background: #fff;
    padding: 0 clamp(2rem, 1.5625vw, 3rem);
}
.service_cnt4 {
    padding: 15rem 0;
}
.service_cnt4 .col2 {
    width: 90%;
    max-width: 100rem;
    margin: auto;
    display: flex;
    align-items: center;
    gap: 3.125vw;
    /*6*/
}
.service_cnt4 .col2 .right {
    width: 50%;
}
.service_cnt4 .col2 .right img {
    width: 100%;
}
.service_cnt4 .col2 .left {
    width: 50%;
}
.service_cnt4 .col2 .left h4 {
    font-size: 2.5rem;
    margin: 0 0 4rem;
}
.service_cnt4 .col2 .left>p {
    padding: 2rem;
    background: #f4f4f4;
    line-height: 1.875;
}





/*strength*/
.strength_cnt1 {
    padding: 12rem 0 6rem;
}
.strength_cnt1 .inner .titleB {
    margin: 0 auto 5rem;
}
.strength_cnt1 .inner .titleB h3 {
    font-size: 3.5rem;
    text-align: center;
    line-height: 1.71;
}
.strength_cnt1 .inner .titleB p {
    text-align: center;
}
.strength_cnt1 .inner>p {
    text-align: center;
    line-height: 1.875;
}
.strength_cnt2 {
    padding: 6rem 0 20rem;
}
.strength_cnt2 .inner {}
.strength_cnt2 .inner .titleB * {
    text-align: center;
}
.strength_cnt2 .inner .titleB h3 {}
.strength_cnt2 .inner .col2 {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 2.08vw;
    /*4*/
}
.strength_cnt2 .inner .col2:nth-of-type(even) {
    flex-direction: initial;
}
.strength_cnt2 .inner .col2:not(:last-of-type) {
    margin: 0 0 7rem;
}
.strength_cnt2 .inner .col2 .left {
    width: 54%;
    aspect-ratio: 6.2/3.2;
    overflow: hidden;
}
.strength_cnt2 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.strength_cnt2 .inner .col2 .right {
    width: 46%;
}
.strength_cnt2 .inner .col2 .right h4 {
    font-size: 2.5rem;
    line-height: 1.48;
    margin: 0 0 4rem;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 0 0 1.5625vw;
    /*3*/
}
.strength_cnt2 .inner .col2 .right h4::before {
    content: "";
    font-size: 8rem;
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 600;
    color: #eaeaea;
    position: absolute;
    left: 0;
    z-index: -1;
}
.strength_cnt2 .inner .col2:nth-of-type(1) .right h4::before {
    content: "01";
}
.strength_cnt2 .inner .col2:nth-of-type(2) .right h4::before {
    content: "02";
}
.strength_cnt2 .inner .col2:nth-of-type(3) .right h4::before {
    content: "03";
}
.strength_cnt2 .inner .col2:nth-of-type(4) .right h4::before {
    content: "04";
}
.strength_cnt2 .inner .col2:nth-of-type(5) .right h4::before {
    content: "05";
}
.strength_cnt2 .inner .col2 .right>p {
    line-height: 1.875;
}





/*recruit*/
.recruit_cnt1 {
    padding: 12rem 0;
    background: linear-gradient(180deg, #111 70%, #2f2f2f), url(/system_panel/uploads/images/bgA.png);
}
.recruit_cnt1 .inner h3 {
    font-size: 3.5rem;
    color: #fff;
    text-align: center;
    line-height: 1.71;
    margin: 0 auto 5rem;
}
.recruit_cnt1 .inner>p {
    color: #fff;
    text-align: center;
    line-height: 1.875;
    margin: 0 auto 5rem;
}
.recruit_cnt1 .inner .flex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.08vw;
    /*4*/
}
.recruit_cnt2 {
    padding: 12rem 0 20rem;
}
.recruit_cnt2 .inner .titleB {
    margin: 0 auto 10rem;
}
.recruit_cnt2 .inner .titleB * {
    text-align: center;
}
.recruit_cnt2 .inner .titleB h3 {}
.recruit_cnt2 .inner .col2 {
    display: flex;
    align-items: start;
    flex-direction: row-reverse;
    gap: 2.08vw;
    /*4*/
}
.recruit_cnt2 .inner .col2:nth-of-type(odd) {
    flex-direction: initial;
}
.recruit_cnt2 .inner .col2:not(:last-of-type) {
    margin: 0 0 10rem;
}
.recruit_cnt2 .inner .col2 .left {
    width: 54%;
    aspect-ratio: 6.2/3.2;
    overflow: hidden;
}
.recruit_cnt2 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.recruit_cnt2 .inner .col2 .right {
    width: 46%;
}
.recruit_cnt2 .inner .col2 .right h4 {
    font-size: 2.5rem;
    line-height: 1.48;
    margin: 0 0 4rem;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 0 0 1.5625vw;
    /*3*/
}
.recruit_cnt2 .inner .col2 .right h4::before {
    content: "";
    font-size: 8rem;
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 600;
    color: #eaeaea;
    position: absolute;
    left: 0;
    z-index: -1;
}
.recruit_cnt2 .inner .col2:nth-of-type(2) .right h4::before {
    content: "01";
}
.recruit_cnt2 .inner .col2:nth-of-type(3) .right h4::before {
    content: "02";
}
.recruit_cnt2 .inner .col2:nth-of-type(4) .right h4::before {
    content: "03";
}
.recruit_cnt2 .inner .col2 .right>p {
    line-height: 1.875;
}
.recruit_cnt2 .inner .window {
    width: 100%;
    padding: clamp(2rem, 3.125vw, 6rem);
    background: #1b1b1b;
    border: 0.1rem solid #4a2609;
}
.recruit_cnt2 .inner .window h4 {
    font-size: 3.5rem;
    color: #fff;
    text-align: center;
    line-height: 1.71;
    margin: 0 auto 5rem;
}
.recruit_cnt2 .inner .window .ul {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}
.recruit_cnt2 .inner .window .li {
    width: fit-content;
    height: 5rem;
    padding: 0 2em;
    display: grid;
    align-items: center;
    font-size: 1.8rem;
    color: #fff;
    background: #494949;
}
.recruit_cnt3 {
    padding: 11rem 0 14rem;
    background: #000;
    position: relative;
    overflow: hidden;
}
.recruit_cnt3::before {
    content: "";
    background: url(/system_panel/uploads/images/service_cnt2_before.png) no-repeat;
    background-size: cover;
    width: 62.7vw;
    /*120.4*/
    aspect-ratio: 62.7/85.3;
    position: absolute;
    left: 0;
    top: 0;
}
.recruit_cnt3::after {
    content: "";
    background: url(/system_panel/uploads/images/service_cnt2_after.png) no-repeat;
    background-size: cover;
    width: 25.83vw;
    /*49.6*/
    aspect-ratio: 49.6/81.5;
    position: absolute;
    right: 0;
    bottom: 0;
}
.recruit_cnt3 .inner {
    position: relative;
    z-index: 1;
}
.recruit_cnt3 .inner .titleB h3,.recruit_cnt4 .inner .titleB h3{
    color: #fff;
}
.recruit_cnt3 .inner>.dl:not(:last-of-type) {
    margin: 0 0 1rem;
}
.recruit_cnt3 .inner .dl .dt {
    width: 100%;
    min-height: 5rem;
    background: #ddd;
    display: flex;
    align-items: baseline;
    gap: 1.5625vw;
    /*3*/
    padding: 1rem clamp(2rem, 2.08vw, 4rem);
    font-size: 2.1rem;
}
.recruit_cnt3 .inner .dl .dt .span {
    font-size: initial;
    font-family: initial;
}
.recruit_cnt3 .inner .dl .dd {
    background: #fff;
    line-height: 1.875;
    padding: 1rem clamp(2rem, 2.08vw, 4rem);
    line-height: 1.875;
}
.recruit_cnt3 .inner .dl .dd:has(.table) {
    padding: 1rem clamp(2rem, 2.08vw, 4rem) 5rem;
}
.recruit_cnt3 .inner .dl .dd:has(.table)>p {
    line-height: 1.875;
    margin: 0 0 2rem;
}
.recruit_cnt3 .inner .dl .dd .table {
    width: 100%;
}
.recruit_cnt3 .inner .dl .dd .table .tr {
    display: grid;
    grid-template-columns: 25% 1fr;
    gap: 2rem;
}
.recruit_cnt3 .inner .dl .dd .table .thead .tr .th {
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 800;
}
.recruit_cnt3 .inner .dl .dd .table .tr .th {
    border-bottom: 0.1rem solid #111111;
    line-height: 1.875;
    padding: 0.5em 1em;
}
.recruit_cnt3 .inner .dl .dd .table .tr .td {
    border-bottom: 0.1rem solid #111111;
    line-height: 1.875;
    padding: 0.5em 1em;
}
.recruit_cnt4 {
    background: #121212;
    padding: 14rem 0;
}







/*contact*/
.contact_cnt1 {
    width: 100%;
    padding: 8rem 0;
    background: linear-gradient(180deg, #111 70%, #2f2f2f), url(/system_panel/uploads/images/bgA.png);
}
.contact_cnt1 .inner .titleB h3 {
    color: #fff;
}
.contact_cnt1 .inner .tel {
    width: auto;
    max-width: 35rem;
    padding: 2.5rem;
    border-top: 0.1rem solid #484848;
    border-bottom: 0.1rem solid #484848;
}
.contact_cnt1 .inner .tel p {
    text-align: center;
    color: #fff;
}
.contact_cnt1 .inner .tel p a {
    font-size: 3.7rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 1rem;
    margin: 0 0 1rem;
}
.contact_cnt1 .inner .tel p a::before {
    content: "";
    background: url(/system_panel/uploads/images/icon_tel.png) no-repeat;
    width: 2.8rem;
    min-width: 2.8rem;
    aspect-ratio: 1/1;
    display: inline-block;
}

.contact_cnt2 {
    padding: 14rem 0;
    background: #121212;
}
.contact_cnt2 .inner .titleB h3 {
    color: #fff;
}
.contact_cnt2 .inner>p {
    color: #fff;
    line-height: 1.875;
    margin: 0 0 9rem;
}

form .dl {
    width: 100%;
    display: flex;
    gap: 2rem;
}
form .dl .dt {
    width: 34%;
    padding: 1rem 0.5rem;
    border-bottom: 0.1rem solid #c2c2c2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.8rem;
    color: #b7b7b7;
}
form .dt .required {
    width: fit-content;
    height: 2.5rem;
    display: inline-grid;
    align-items: center;
    background: #cb252a;
    font-size: 1.5rem;
    color: #fff;
    padding: 0 1rem;
}
form .dl .dd {
    width: 66%;
    padding: 1rem 0.5rem;
    border-bottom: 0.1rem solid #c2c2c2;
    color: #b7b7b7;
}
form input[type="text"],
form input[type="email"],
form textarea {
    width: 100%;
    min-height: 6rem;
    background: #b7b7b7;
    border: 0.1rem solid #c4c4c4;
}
form textarea {
    height: 25rem;
}
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 #c4c4c4;
}
form select {}
form .dl .dd .selectArea {}
form .dl .dd .selectArea div {
    width: fit-content;
    display: inline-block;
}
form .dl .dd .checkArea>div {
    margin: 0 0 1rem;
}
form .dl .dd .fileArea input {
    width: 100%;
}
form .terms {
    background: #626262;
    border: 0.1rem solid #c4c4c4;
    padding: clamp(2rem, 2.08vw, 4rem);
    height: 16rem;
    overflow-y: scroll;
    margin: 1rem 0 5rem 0;
}
form .terms p {
    font-size: 1.5rem;
    color: #fff;
    line-height: 2;
}
form .col {

    width: 100% !important;
    display: flex;
    justify-content: center;
    margin: 0 auto 5rem;
}
form .col label {
    width: fit-content;
    font-size: 1.8rem;
    color: #b7b7b7;
}
form .privacyLabel {
    width: 100%;
    text-align: center;
}
form button {
    -webkit-appearance: none;
    display: block;
    margin: auto;
    width: 18rem;
    height: 3.8rem;
    background: #cb252a;
    font-size: 1.4rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    color: #fff;
    border: none;
    cursor: pointer;
}
form button span {
    width: 100%;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    position: relative;
}
form button span::after {
    content: "";
    background: url(/system_panel/uploads/images/arrowA.png) no-repeat;
    width: 0.7rem;
    height: 0.9rem;
    display: inline-block;
    position: absolute;
    right: 1rem;
}





/*company*/
.company_cnt1 {
    width: 100%;
    padding: 12rem 0;
    position: relative;
}
.company_cnt1::before {
    content: "";
    width: 48.43vw;
    /*93*/
    height: 33.33vw;
    /*64*/
    display: inline-block;
    background: #f4f4f4;
    position: absolute;
    left: 13.02vw;
    /*25*/
    top: 8.85vw;
    /*17*/
    z-index: -1;
}
.company_cnt1 .inner>p {
    max-width: 100rem;
    line-height: 2.31;
    margin: 0 0 5rem;
}
.company_cnt1 .inner .ceo {
    width: fit-content;
    display: flex;
    align-items: baseline;
    gap: 1rem;
    margin: 0 0 4rem auto;
}
.company_cnt1 .inner .ceo p {
    font-size: 2rem;
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 900;
}
.company_cnt1 .inner .ceo .name {
    font-size: 2.7rem;
}
.company_cnt1 .inner .col2 {
    width: 90%;
    max-width: 100rem;
    margin: auto;
    display: flex;
    gap: 2.08vw;
    /*4*/

}
.company_cnt1 .inner .col2 :is(.left, .right) {
    width: 50%;
    aspect-ratio: 4.8/3.4;
    overflow: hidden;
}
.company_cnt1 .inner .col2 :is(.left, .right) img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.company_cnt2 {
    padding: 11rem 0 14rem;
    background: #000;
    position: relative;
    overflow: hidden;
}
.company_cnt2::before {
    content: "";
    background: url(/system_panel/uploads/images/service_cnt2_before.png) no-repeat;
    background-size: cover;
    width: 62.7vw;
    /*120.4*/
    aspect-ratio: 62.7/85.3;
    position: absolute;
    left: 0;
    top: 0;
}
.company_cnt2::after {
    content: "";
    background: url(/system_panel/uploads/images/service_cnt2_after.png) no-repeat;
    background-size: cover;
    width: 25.83vw;
    /*49.6*/
    aspect-ratio: 49.6/81.5;
    position: absolute;
    right: 0;
    bottom: 0;
}
.company_cnt2 .inner {
    position: relative;
    z-index: 1;
}
.company_cnt2 .inner .titleB h3 {
    color: #fff;
}
.company_cnt2 .inner .dl {
    width: 100%;
    display: flex;
    gap: 2rem;
}
.company_cnt2 .inner .dt {
    width: 25%;
    min-height: 8rem;
    padding: 1rem;
    border-bottom: 0.1rem solid #c2c2c2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.8rem;
    color: #fff;
    line-height: 1.875;
}
.company_cnt2 .inner .dd {
    width: 75%;
    min-height: 8rem;
    display: grid;
    align-items: center;
    padding: 1rem;
    border-bottom: 0.1rem solid #c2c2c2;
    font-size: 1.8rem;
    color: #fff;
    line-height: 1.875;
}
.company_cnt2 .inner .dd a {
    color: inherit;
}
.company_cnt2 .slider {
    margin: 8rem 0;
    position: relative;
    z-index: 1;
}
.company_cnt2 .slider .pic {
    width: 100%;
    aspect-ratio: 4/3;
    overflow: hidden;
    margin: 0 1rem;
}
.company_cnt2 .slider .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.company_cnt2 .inner .map {
    width: 100%;
    height: 30rem;
}
.company_cnt2 .inner .map iframe {
    width: 100%;
    height: inherit;
    border: none;
}
.company_cnt3 {
    padding: 12rem 0 6rem;
}
.company_cnt3 .inner .dl {
    display: flex;
    align-items: center;
    padding: 0 0 5rem 7.29vw;
    /*14*/
    position: relative;
}
.company_cnt3 .inner .dl::before {
    content: "";
    width: 0.1rem;
    height: 100%;
    background: #1a1919;
    display: inline-block;
    position: absolute;
    left: 2.6vw;
    /*5*/
    top: 0;
}
.company_cnt3 .inner .dl::after {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: #1a1919;
    display: inline-block;
    position: absolute;
    left: calc(2.6vw - 0.75rem);
    /*5*/
    top: 0;
}
.company_cnt3 .inner .dt {
    min-width: 8em;
    font-size: 2rem;
}
.company_cnt3 .inner .year {
    min-width: 6em;
}
.company_cnt3 .inner .cmt {
    width: 75%;
    margin: 0 0 0 auto;
}
.company_cnt4 {
    padding: 6rem 0;
}
.company_cnt4 .inner .dl:not(:last-of-type) {
    margin: 0 0 1rem;
}
.company_cnt4 .inner .dt {
    width: 100%;
    min-height: 5rem;
    background: #ddd;
    display: flex;
    align-items: baseline;
    gap: 1.5625vw;
    /*3*/
    padding: 1rem clamp(2rem, 2.08vw, 4rem);
    font-size: 2.1rem;
}
.company_cnt4 .inner .dd {
    border: 0.1rem solid #dddddd;
    padding: clamp(2rem, 1.5625vw, 3rem) clamp(2rem, 2.6vw, 5rem);
    line-height: 1.875;
}
.company_cnt4 .inner .dd .col2 {
    display: flex;
    gap: 2.6vw;
    /*5*/
}
.company_cnt4 .inner .dd .col2 :is(.left, .right) {
    width: 50%;
}
.company_cnt5 {
    padding: 6rem 0 12rem;
}
.company_cnt5 .inner .window {
    padding: clamp(2rem, 2.08vw, 4rem) clamp(2rem, 4.16vw, 8rem);
    background: url(/system_panel/uploads/images/company_cnt5_windowbg.jpg) no-repeat center rgba(21, 0, 1, 0.7);
    background-size: cover;
    background-blend-mode: darken;
}
.company_cnt5 .inner .window .titleB {
    margin: 0 0 2rem;
}
.company_cnt5 .inner .window .titleB h3 {
    color: #fff;
}
.company_cnt5 .inner .window>p:not(.buttonA) {
    color: #fff;
    line-height: 1.875;
    margin: 0 0 3rem;
}















/*blog&blogdetail共通*/
:is(.blog_cnt1, .blogdetail_cnt1) {
    padding: 12rem 0 8rem;
}
: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: 2.08vw;
    /*4*/
    padding: 0 clamp(2rem, 1.5625vw, 3rem);
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog .webgene-item {
    width:fit-content;
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog .webgene-item a {}
:is(.blog_cnt2, .blogdetail_cnt2) {
    padding: 0 0 17rem;
}


/*blog*/
.blog_cnt2 .inner {}
.blog_cnt2 .inner .webgene-blog {}
.blog_cnt2 .inner .webgene-blog .webgene-item {
    border-bottom: 0.1rem solid #1a1919;
    padding: 1rem 2rem;
}
.blog_cnt2 .inner .webgene-blog .webgene-item:first-of-type {
    border-top: 0.1rem solid #1a1919;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .dl {
    display: grid;
    grid-template-columns: 25% 1fr;
    grid-template-rows: auto auto 1fr;
    align-content: start;
    gap: clamp(2rem, 1.5625vw, 3rem) clamp(3rem, 3.125vw, 6rem);
}
.blog_cnt2 .inner .webgene-blog .webgene-item .dt {
    grid-row: 2;
    grid-column: 2;
    font-size: 2.1rem;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .dt a {
    color: inherit;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .pic {
    grid-row: span 3;
    grid-column: 1;
    aspect-ratio: 2.9/1.75;
    width: 100%;
    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 .day {
    grid-row: 1;
    grid-column: 2;
    width: fit-content;
    height: 2rem;
    display: grid;
    align-items: center;
    margin: 0 0 0 8em;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .cate {
    grid-row: 1;
    grid-column: 2;
    width: fit-content;
    height: 2rem;
    background: #e3e3e3;
    display: grid;
    align-items: center;
    padding: 0 1em;
    font-size: 1.5rem;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .cmt {
    grid-row: 3;
    grid-column: 2;
    line-height: 1.875;
}
.blog_cnt2 .inner .buttonA {
    margin: auto;
}

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

.webgene-pagination ul {
    width: fit-content;
    display: flex;
    margin: 8rem 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;
    font-size: 1.7rem;
    font-weight: 500;
}
.webgene-pagination ul .number {
    list-style: none;
    width: 3em;
    height: 3em;
    margin: 0 0.5em;
}
.webgene-pagination ul .number.selected {
    list-style: none;
    background: #dddddd;
    width: 3em;
    height: 3em;
    margin: 0 0.5em;
}
.webgene-pagination ul .number.selected a {}
.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;
}





/*blogdetail*/
.blogdetail_cnt2 {
    padding: 0 0 16rem;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item {
    margin: 0 auto 5rem;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .dl {
    display: grid;
    gap: 3rem;
    /*padding: 3rem 3rem 5rem;*/
}
.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.1rem;
    padding: 0 clamp(2rem, 1.5625vw, 3rem) 2rem;
    border-bottom: 0.1rem solid #1a1919;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .pic {
    grid-row: 3;
    grid-column: 1;
    width: 100%;
    aspect-ratio: 9/5.4;
    overflow: hidden;
    padding: 0 clamp(2rem, 1.5625vw, 3rem) 2rem;
}
.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 .day {
    grid-row: 1;
    grid-column: 1;
    width: fit-content;
    height: 2rem;
    display: grid;
    align-items: center;
    margin: 0 0 0 clamp(2rem, 1.5625vw, 3rem);
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .cate {
    grid-row: 1;
    grid-column: 1;
    width: fit-content;
    height: 2rem;
    background: #e3e3e3;
    display: grid;
    align-items: center;
    padding: 0 1em;
    font-size: 1.5rem;
    margin: 0 0 0 8em;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .cmt {
    grid-column: 1;
    line-height: 1.875;
    border-bottom: 0.1rem solid #1a1919;
    padding: 0 clamp(2rem, 1.5625vw, 3rem) 2rem;
}
.blogdetail_cnt2 .inner .buttonA {
    margin: auto;
}





/*product*/
.product_cnt1 {
    padding: 20rem 0;
    background: #dddddd;
}
.product_cnt1 .inner .titleB {
    display: grid;
    gap: 1rem;
}
.product_cnt1 .inner .titleB h3 {
    text-align: center;
}
.product_cnt1 .inner .titleB p {
    text-align: center;
}
.product_cnt1 .inner .window>p {
    text-align: center;
    margin: 0 auto 5rem;
}
.product_cnt1 .inner .window {
    padding: clamp(2rem, 5.2vw, 10rem);
    background: #fff;
}
.product_cnt1 .inner .window form {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0 auto 7rem;
}
.product_cnt1 .inner .window form search-contents-wrapper input {
    /*width: calc(100% - 20rem);*/
    width:100%;
    height: 5.6rem;
    border: 0.1rem solid #c4c4c4;
}
.product_cnt1 .inner .window form button {
    width: 20rem;
    height: 5.6rem;
    background: #cb252a;
    font-size: 1.8rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    border: none;
}
.product_cnt1 .inner .window form button::before {
    content: "";
    background: url(/system_panel/uploads/images/icon_search.png) no-repeat;
    width: 1.9rem;
    height: 1.9rem;
    display: inline-block;
}
.product_cnt1 .inner .window h4 {
    font-size: 2.3rem;
    padding: 0 0 1rem;
    border-bottom: 0.1rem solid #111111;
    margin: 0 0 2rem;
}
.product_cnt1 .inner .window h4:nth-of-type(2) {
    margin: 10rem 0 2rem;
}
.product_cnt1 .inner .window .ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 2rem;
}

.product_cnt1 .inner .window .li {
    width: 100%;
    min-height: 6.5rem;
    list-style: none;
    font-size: 1.8rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    border-bottom: 0.1rem solid #c2c2c2;
}
.product_cnt1 .inner .window .li p {
    width: 100%;
    min-height: inherit;
}

.product_cnt1 .inner .window .li a {
    width: 100%;
    min-height: inherit;
    color: inherit;
    display: flex;
    align-items: center;
    position: relative;
}
.product_cnt1 .inner .window .li a::after {
    content: "";
    background: url(/system_panel/uploads/images/arrowB.png) no-repeat;
    width: 1rem;
    height: 1.3rem;
    display: inline-block;
    position: absolute;
    right: 1rem;
}
.product_cnt2 {
    padding: 12rem 0 17rem;
}
.product_cnt2 .inner h3{
    font-size: 2.5rem;
    margin: 0 0 3rem;
}
.product_cnt2 .inner .webgene-blog {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5625vw;
    /*3*/
}
.product_cnt2 .inner .webgene-blog .webgene-item {}
.product_cnt2 .inner .webgene-blog .webgene-item .dl {
    display: grid;
    gap: 1rem;
}
.product_cnt2 .inner .webgene-blog .webgene-item .dt {
    grid-row: 2;
    padding: 0 0 2rem;
    border-bottom: 0.1rem solid #1a1919;
}
.product_cnt2 .inner .webgene-blog .webgene-item .dt a {
    color: inherit;
}
.product_cnt2 .inner .webgene-blog .webgene-item .pic {
    grid-row: 1;
    aspect-ratio: 3.8/2.6;
    width: 100%;
    overflow: hidden;
}
.product_cnt2 .inner .webgene-blog .webgene-item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.product_cnt2 .inner .webgene-blog .webgene-item .maker {
    grid-row: 3;
}
.product_cnt2 .inner .webgene-blog .webgene-item .model {
    grid-row: 4;
}
.product_cnt2 .inner .window {
    width: 90%;
    max-width: 100rem;
    margin: 12rem auto 0;
    background: #f4f4f4;
    padding: clamp(2rem, 2.08vw, 4rem) clamp(2rem, 3.125vw, 6rem);
}
.product_cnt2 .inner .window .catch {
    font-size: 2.5rem;
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 900;
    margin: 0 auto 3rem;
}
.product_cnt2 .inner .window p:not(.catch) {
    line-height: 1.875;
}





/*productdetail*/
.productdetail_cnt1 {
    padding: 10rem 0 17rem;
}
.productdetail_cnt1 .inner .webgene-blog {}
.productdetail_cnt1 .inner .webgene-blog .webgene-item {}
.productdetail_cnt1 .inner .webgene-blog .webgene-item h3 {
    font-size: 2.5rem;
    padding: 0 0 2rem;
    border-bottom: 0.1rem solid #111111;
    margin: 0 0 3rem;
}
.productdetail_cnt1 .inner .webgene-blog .webgene-item h4 {
    font-size: 2.5rem;
    margin: 0 0 1rem;
}
.productdetail_cnt1 .inner .webgene-blog .webgene-item .pic {
    width: 100%;
    margin: 0 auto 9rem;
}
.productdetail_cnt1 .inner .webgene-blog .webgene-item .pic :is(.slider, .thumbnail) {
    width: 100%;
}
.productdetail_cnt1 .inner .webgene-blog .webgene-item .pic :is(.slider, .thumbnail) :is(.slick-img, .thumbnail-img) {
    width: 100%;
    aspect-ratio: 3/2;
    overflow: hidden;
    margin: 0.5rem;
}
.productdetail_cnt1 .inner .webgene-blog .webgene-item .pic :is(.slider, .thumbnail) :is(.slick-img, .thumbnail-img) img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.productdetail_cnt1 .inner .dl {
    width: 100%;
    min-height: 7.8rem;
    padding: 1rem clamp(2rem, 2.08vw, 4rem);
    border-bottom: 0.1rem solid #1a1919;
    display: flex;
    align-items: center;
    gap: 2.08vw;
    /*4*/
}
.productdetail_cnt1 .inner .dl:has(> .dd > p:empty) {
  display: none;
}
.productdetail_cnt1 .inner .dl:has(> .dd > .check-item){
display:flex !important;
}
.productdetail_cnt1 .inner .dt {
    font-size: initial;
    font-weight: 600;
    width: 25%;
    line-height: 1.875;
}
.productdetail_cnt1 .inner .dd {
    width: 75%;
    line-height: 1.875;
}
.productdetail_cnt1 .inner .buttonA {
    margin: 6rem auto 0;
}
.productdetail_cnt1 .inner .window {
    width: 90%;
    max-width: 100rem;
    margin: 12rem auto 0;
    background: #f4f4f4;
    padding: clamp(2rem, 2.08vw, 4rem) clamp(2rem, 3.125vw, 6rem);
}
.productdetail_cnt1 .inner .window .catch {
    font-size: 2.5rem;
    font-family: "Noto Sans JP", sans-serif !important;
    font-weight: 900;
    margin: 0 auto 3rem;
}
.productdetail_cnt1 .inner .window p:not(.catch) {
    line-height: 1.875;
}