@charset "UTF-8";





/*index*/
.index .mainimg {
    width: 100%;
    height: 58.5rem;
    overflow: hidden;
}
.index .mainimg h2 {
    position: absolute;
    z-index: 1;
    top: 37rem;
    left: 18.75vw;
    /*36*/
}
.index .mainimg p {
    font-size: 2rem;
    color: #fff;
    line-height: 1.8;
    position: absolute;
    z-index: 1;
    left: 18.75vw;
    /*36*/
    top: 43rem;
}
.index .mainimg .badge {
    width: clamp(5rem, 9.375vw, 18rem);
    right: 18.75vw;
    /*36*/
    top: 26.5rem;
    position: absolute;
    z-index: 1;
}
.index .mainimg .badge img {
    width: 100%;
}
.index .mainimg .slider {
    width: 100%;
    height: inherit;
}
.index .mainimg .slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt1 {
    padding: 0 0 6rem;
}
.index_cnt1 .inner .col2 {
    width: 80%;
    max-width: 85rem;
    margin: auto;
    display: flex;
    gap: 2rem;
    margin: -4.5rem auto 1rem;
    position: relative;
    z-index: 1;
}
.index_cnt1 .inner .col2 :is(.left, .right) {
    width: 50%;
    height: 10rem;/*9*/
    background: linear-gradient(45deg, #e3d8c0, #f4f0e7, #e6ddc6);
    border: 0.7rem solid #fff;
    border-radius: 4.5rem;
    display: grid;
    gap: 0.5rem;
    align-items: center;
    align-content: center;
    line-height: 1;
    position: relative;
}
.index_cnt1 .inner .col2 :is(.left, .right) h3 {
    font-size: 1.9rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    text-align: center;
    margin: 0;
    line-height: 1;
}
.index_cnt1 .inner .col2 :is(.left, .right) p {
    text-align: center;
}
.index_cnt1 .inner .col2 :is(.left, .right) a {
    width: 100%;
    font-size: 2.9rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    color: inherit;
}
.index_cnt1 .inner .col2 a::before {
    content: "";
    width: 4.4rem;
    min-width: 4.4rem;
    height: 4.4rem;
    border-radius: 50%;
    display: grid;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 2rem;
    top: calc(50% - 2.2rem);
}
.index_cnt1 .inner .col2 .left a::before {
    background: url(/system_panel/uploads/images/icon_tel.png) no-repeat center #ab8a3e;
}
.index_cnt1 .inner .col2 .right a::before {
    background: url(/system_panel/uploads/images/icon_line.png) no-repeat center #ab8a3e;
}
.index_cnt1 .inner>p {
    width: 80%;
    max-width: 85rem;
    line-height: 1.6;
    margin: 0 auto 5rem;
}
.index_cnt2 .inner h3 {
    font-size: 3rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 3rem;
}
.index_cnt2 .inner .col2 {
    max-width: 85rem;
    margin: 0 auto 3rem;
    display: flex;
    gap: 1.5625vw;
    /*3*/
}
.index_cnt2 .inner .col2 :is(.left, .right) {
    width: 50%;
}
.index_cnt2 .inner .col2 :is(.left, .right)>p {
    line-height: 1.6;
}
.index_cnt2 .inner .col2 :is(.left, .right) .banner:not(.line) {
    width: 100%;
    min-height: 8.4rem;
    padding: 1rem;
    border: 0.1rem solid #000;
    position: relative;
    display: grid;
    align-content: center;
    gap: 1rem;
}
.index_cnt2 .inner .col2 :is(.left, .right) .banner:not(.line)::before {
    content: "";
    width: 2.8rem;
    height: 2.8rem;
    background: #000;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

.index_cnt2 .inner .col2 :is(.left, .right) .banner:not(.line) :is(.ride, .strong) {
    font-size: 2.5rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
}
.index_cnt2 .inner .col2 :is(.left, .right) .banner:not(.line) p {
    text-align: center;
}
.index_cnt2 .inner .col2 :is(.left, .right) .banner.line {
    width: 100%;
    min-height: 8.4rem;
    background: #3cd64c;
    display: grid;
    align-content: center;
    gap: 1rem;
    padding: 0 2rem;
    position: relative;
}
.index_cnt2 .inner .col2 :is(.left, .right) .banner.line p {
    font-size: 2rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    color: #fff;
    line-height: 1.5;
    display: flex;
    align-items: center;
    gap: 2rem;
}
.index_cnt2 .inner .col2 :is(.left, .right) .banner.line p::before {
    content: "";
    background: url(/system_panel/uploads/images/icon_line.png) no-repeat center;
    width: 2.8rem;
    min-width: 2.8rem;
    height: 2.7rem;
    background-size: cover;
    display: inline-block;
}
.index_cnt2 .inner .buttonA {
    margin: auto;
}
.index_cnt2 .simu {
    padding: 5rem 0;
    background: #f4f0e7;
    margin: 3rem auto 8rem;
}
.index_cnt2 .simu h4 {
    font-size: 2.7rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 3rem;
}

.index_cnt2 .buttonB {
      margin: 2rem auto;
    width: fit-content;
    min-width: 20rem;
    height: 3.7rem;
    background: #005931;
    border: none;
}
.index_cnt2 .buttonB a {
    width: 100%;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #fff;
    text-align: center;
    padding: 0 4em;
    text-decoration: none;
}
.index_cnt3 {
    padding: 6rem;
}
.index_cnt3 .inner h3 {
    font-size: 3rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    color: #fff;
    margin: 0 auto 3rem;
    text-align: center;
}
.index_cnt3 .inner>.col2 {
    display: flex;
    gap: 2rem;
}
.index_cnt3 .inner>.col2 :is(.left, .right) {
    width: 50%;
    padding: clamp(2rem, 3.125vw, 6rem);
}
.index_cnt3 .inner>.col2 :is(.left, .right) h4 {
    font-size: 3rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    color: #fff;
    margin: 0 0 3rem;
}
.index_cnt3 .inner>.col2 :is(.left, .right) .read {
    font-size: 2rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    color: #fff;
    line-height: 1.8;
    margin: 0 0 3rem;
}
.index_cnt3 .inner>.col2 :is(.left, .right) p:not(.buttonA) {
    color: #fff;
    line-height: 1.8;
    margin: 0 0 3rem;
}
.index_cnt3 .inner>.col2 .left {
    background: url(https://woodislandjpn.com/system_panel/uploads/images/20260901164343174147.png) no-repeat rgba(22, 15, 10, 0.7);
    background-blend-mode: darken;
    background-size: 110% 110%;
}
.index_cnt3 .inner>.col2 .right {
    background: url(/system_panel/uploads/images/index_cnt3_2.jpg) no-repeat rgba(22, 15, 10, 0.7);
    background-blend-mode: darken;
    background-size: 110% 110%;
}
.index_cnt3 .inner>.col2 :is(.left, .right):hover {
    background-size: 100% 100%;
    transition: 0.5s;
}
.index_cnt4 {
    padding: 6rem 0;
}
.index_cnt4 .inner h3 {
    font-size: 3rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 3rem;
}
.index_cnt4 .inner .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin: 0 auto 5rem;
}
.index_cnt4 .inner .grid .dl {
    width: 100%;
    border-radius: 1rem;
    background: #f4f0e7;
    padding: clamp(2rem, 1.5625vw, 3rem);
    display: grid;
    gap: 2rem;
}
.index_cnt4 .inner .grid .dt {
    font-size: 2.7rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 2rem;
    position: relative;
}
.index_cnt4 .inner .grid .dt::before {
    content: "";
    font-size: 5rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    color: #e0d8c7;
}
.index_cnt4 .inner .grid .dt::after {
    content: "|";
    font-size: 3.5rem;
    left: 1.5em;
    position: absolute;
}
.index_cnt4 .inner .grid .dl:nth-of-type(1) .dt::before {
    content: "01";
}
.index_cnt4 .inner .grid .dl:nth-of-type(2) .dt::before {
    content: "02";
}
.index_cnt4 .inner .grid .dl:nth-of-type(3) .dt::before {
    content: "03";
}
.index_cnt4 .inner .grid .dl:nth-of-type(4) .dt::before {
    content: "04";
}
.index_cnt4 .inner .grid .pic {
    width: 100%;
    aspect-ratio: 5.2/2.1;
    overflow: hidden;
    border-radius: 0.5rem;
}
.index_cnt4 .inner .grid .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt4 .inner .grid .cmt {
    line-height: 1.8;
}
.index_cnt4 .inner .buttonA {
    margin: 0 auto 5rem;
}
.index_cnt5 {
    padding: 6rem 0 8rem;
}
.index_cnt5 .inner .col2 {
    width: 80%;
    max-width: 84rem;
    margin: auto;
    display: flex;
    gap: 2rem;
}
.index_cnt5 .inner .col2 :is(.left, .right) {
    width: 50%;
    border-radius: 0.5rem;
    padding: clamp(2rem, 1.5625vw, 3rem);
}
.index_cnt5 .inner .col2 :is(.left, .right) p {
    width: 100%;
    height: 100%;
    font-size: 2.7rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
}
.index_cnt5 .inner .col2 :is(.left, .right) p a {
    width: 100%;
    height: inherit;
    display: grid;
    align-items: center;
    color: #fff;
    text-decoration: none;
}
.index_cnt5 .inner .col2 .left {
    background: url(/system_panel/uploads/images/index_cnt5_1.jpg) no-repeat center rgba(21, 14, 09, 0.6);
    background-size: cover;
    background-blend-mode: darken;
      background-position: center 80%;
}
.index_cnt5 .inner .col2 .right {
    background: url(/system_panel/uploads/images/index_cnt5_2.jpg) no-repeat center rgba(21, 14, 09, 0.6);
    background-size: cover;
    background-blend-mode: darken;
      background-position: center 55%;
}
.index_cnt6 {
    padding: 8rem 0;
}
.index_cnt6 .inner .webgene-blog {
    width: 100%;
    height: 31rem;
    overflow-y: scroll;
    margin: 0 auto 5rem;
}
.index_cnt6 .inner .webgene-blog .webgene-item {
    width: 100%;
}
.index_cnt6 .inner .webgene-blog .webgene-item .dl {
    display: grid;
    grid-template-columns: 10% 1fr;
    align-content: center;
    gap: 1rem 5.2vw;
    /*10*/
    padding: 2rem;
    border-bottom: 0.1rem solid #e8e2d4;
}
.index_cnt6 .inner .webgene-blog .webgene-item .dt {
    grid-row: span 2;
    grid-column: 2;
    width: 100%;
    align-self: center;
}
.index_cnt6 .inner .webgene-blog .webgene-item .dt a {
    width: 100%;
    display: flex;
    align-items: center;
    color: inherit;
    position: relative;
}
.index_cnt6 .inner .webgene-blog .webgene-item .dt a::after {
    content: "⇀";
    position: absolute;
    right: 2rem;
    display: inline-block;
}
.index_cnt6 .inner .webgene-blog .webgene-item .day {
    grid-row: 1;
    grid-column: 1;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    color: #160f0a;
    text-align: center;
}
.index_cnt6 .inner .webgene-blog .webgene-item .cate {
    grid-row: span 2;
    grid-column: 1;
    width: 100%;
    min-height: 2.4rem;
    border-radius: 1.2rem;
    background: #f4f0e7;
    display: grid;
    align-items: center;
    text-align: center;
}
.index_cnt6 .inner .buttonA {
    margin: 0 auto 5rem;
}
.index_cnt7 {
    padding: 8rem 0;
}
.index_cnt7 .inner .webgene-blog {
    width: 90%;
    max-width: 100rem;
    margin: 0 auto 5rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.index_cnt7 .inner .webgene-blog .webgene-item {}
.index_cnt7 .inner .webgene-blog .webgene-item .pic {
    width: 100%;
    aspect-ratio: 2.5/4;
    overflow: hidden;
}
.index_cnt7 .inner .webgene-blog .webgene-item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt7 .inner .buttonA {
    margin: 0 auto 5rem;
}





/*reason*/
.reason_cnt1 {
    padding: 7rem 0 10rem;
}
[class^="reason_cnt"]:not(.reason_cnt7) {
    padding: 10rem 0;
}
[class^="reason_cnt"]:not(.reason_cnt7) .inner .read {
    text-align: center;
    line-height: 2;
    margin: 0 0 10rem;
}
[class^="reason_cnt"]:not(.reason_cnt7) .inner h4 {
    font-size: 3rem;
    margin: 0 0 5rem;
    display: flex;
    align-items: center;
    position: relative;
    gap: 5rem;
}
[class^="reason_cnt"]:not(.reason_cnt7) .inner h4::before {
    content: "";
    font-size: 5rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    color: #e0d8c7;
}
[class^="reason_cnt"]:not(.reason_cnt7) .inner h4::after {
    content: "|";
    font-size: 3.5rem;
    left: 2em;
    position: absolute;
}
[class^="reason_cnt"]:not(.reason_cnt7) .inner .strong {
    font-size: 2.5rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    margin: 0 0 2rem;
}
[class^="reason_cnt"]:not(.reason_cnt7) .inner>p:not(.strong) {
    line-height: 2;
}
[class^="reason_cnt"]:not(.reason_cnt7) .inner .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin: 5rem auto 0;
}
[class^="reason_cnt"]:not(.reason_cnt7) .inner .grid .dl {
    background: #f4f0e7;
    padding: clamp(2rem, 1.5625vw, 3rem) clamp(2rem, 2.08vw, 4rem);
    border-radius: 0.5rem;
}
[class^="reason_cnt"]:not(.reason_cnt7) .inner .grid .dt {
    font-size: 2.5rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    margin: 0 0 3rem;
}
[class^="reason_cnt"]:not(.reason_cnt7) .inner .grid .dd {
    line-height: 2;
}
[class^="reason_cnt"]:not(.reason_cnt7) .inner .grid2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 5rem auto 0;
}
[class^="reason_cnt"]:not(.reason_cnt7) .inner .grid2 .pic {
    width: 100%;
    aspect-ratio: 3.9/2.8;
    overflow: hidden;
    border-radius: 0.5rem;
}
[class^="reason_cnt"]:not(.reason_cnt7) .inner .grid2 .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
[class^="reason_cnt"]:not(.reason_cnt7) .inner .grid2 .figure {
    display: grid;
    gap: 1rem;
}
[class^="reason_cnt"]:not(.reason_cnt7) .inner .grid2 .figcaption {
    line-height: 2;
}
.reason_cnt1 .inner h4::before {
    content: "01";
}
.reason_cnt2 .inner h4::before {
    content: "02";
}
[class^="reason_cnt"]:not(.reason_cnt7) .inner h5 {
    width: fit-content;
    height: 3.3rem;
    display: grid;
    align-items: center;
    padding: 0 2em;
    font-size: 1.7rem;
    color: #fff;
    background: #005931;
    /*border-radius: 0.5rem;*/
    margin: 5rem 0 1rem;
}
[class^="reason_cnt"]:not(.reason_cnt7) .inner .button {
    width: fit-content;
    height: 3.3rem;
    font-size: 1.7rem;
    color: #fff;
    background: #005931;
    /*border-radius: 0.5rem;*/
    margin: 5rem 0 1rem;
}
[class^="reason_cnt"]:not(.reason_cnt7) .inner .button a {
    width: 100%;
    height: inherit;
    padding: 0 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
}
[class^="reason_cnt"]:not(.reason_cnt7) .inner .flex {
    display: flex;
    align-items: start;
    gap: 2.08vw;
    /*4*/
    margin: 5rem 0 0;
}
[class^="reason_cnt"]:not(.reason_cnt7) .inner .flex .dl {
    width: 18.75vw;
    background: #f4f0e7;
    border-radius: 0.5rem;
    padding: clamp(2rem, 1.5625vw, 3rem) clamp(2rem, 2.08vw, 4rem);
}
[class^="reason_cnt"]:not(.reason_cnt7) .inner .flex .dt {
    font-size: 2.5rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    margin: 0 0 3rem;
    color: #160f0a;
}
[class^="reason_cnt"]:not(.reason_cnt7) .inner .flex .dd {
    line-height: 2;
}
[class^="reason_cnt"]:not(.reason_cnt7) .inner .flex .button {
    margin: 0;
}
.reason_cnt1 .inner h4::before {
    content: "01" !important;
}
.reason_cnt2 .inner h4::before {
    content: "02" !important;
}
.reason_cnt3 .inner h4::before {
    content: "03" !important;
}
.reason_cnt4 .inner h4::before {
    content: "04" !important;
}
.reason_cnt5 .inner h4::before {
    content: "05" !important;
}
.reason_cnt6 .inner h4::before {
    content: "06" !important;
}
.reason_cnt7 {
    /*background: #005931;*/
    background: linear-gradient(135deg, #1B4935 0%, #0F3829 50%, #082018 100%);
    padding: 5rem 0;
}
.reason_cnt7 .inner h3 {
    color: #fff;
}
.reason_cnt7 .inner>p {
    text-align: center;
    color: #fff;
    line-height: 2;
    margin: 0 auto 3rem;
}
.reason_cnt7 .slider .pic {
    width: 100%;
    aspect-ratio: 3.9/2.8;
    overflow: hidden;
    margin: 0 0.5rem;
}
.reason_cnt7 .slider .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}





/*service*/
.service_cnt1 {
    padding: 8rem 0 15rem;
}
.service_cnt1 .inner>h3 {
    margin: 0 auto 10rem;
}
.service_cnt1 .inner>h4 {
    font-size: 3rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    text-align: center;
    margin: 0 auto 5rem;
}
.service_cnt1 .inner>p {
    text-align: center;
    line-height: 2;
    margin: 0 auto 15rem;
}
.service_cnt1 .inner .col2 {
    display: flex;
    gap: 2rem;
}
.service_cnt1 .inner .col2 :is(.left, .right) {
    width: 50%;
}
.service_cnt1 .inner .col2 :is(.left, .right) h5 {
    font-size: 2.5rem;
    color: #fff;
    width: 100%;
    min-height: 6rem;
    display: grid;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 0.5rem;
    margin: 0 auto 1rem;
}
.service_cnt1 .inner .col2 :is(.left, .right) .dl {
    width: 100%;
    border-radius: 0.5rem;
    padding: clamp(2rem, 1.5625vw, 3rem) clamp(2rem, 2.08vw, 4rem);
}
.service_cnt1 .inner .col2 :is(.left, .right) .dl:not(:last-of-type) {
    margin: 0 auto 1rem;
}
.service_cnt1 .inner .col2 :is(.left, .right) .dt {
    font-size: 2.5rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    margin: 0 0 2rem;
}
.service_cnt1 .inner .col2 :is(.left, .right) .dd {
    line-height: 2;
}
.service_cnt1 .inner .col2 .left h5 {
    background: #ab8a3e;
}
.service_cnt1 .inner .col2 .left .dl {
    background: #f4f0e7;
}
.service_cnt1 .inner .col2 .right h5 {
    background: #005931;
}
.service_cnt1 .inner .col2 .right .dl {
    background: #e8f5ef;
}
.service_cnt1 .inner .reserve {
    margin: 5rem auto 0;
}
.service_cnt2 {
    padding: 8rem 0;
    background: #f4f0e7;
}
.service_cnt2 .inner {
    max-width: 100rem;
}
.service_cnt2 .inner .dl {
    width: 100%;
    display: grid;
    grid-template-columns: 30% 1fr;
    grid-template-rows: auto 1fr;
    gap: 2rem 2.6vw;
    /*5*/
    align-content: start;
}
.service_cnt2 .inner .dl:not(:last-of-type) {
    margin: 0 0 3rem;
}
.service_cnt2 .inner .dt {
    grid-row: 1;
    grid-column: 2;
    font-size: 3rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    display: flex;
    align-items: center;
    position: relative;
    gap: 5rem;
    position: relative;
}
.service_cnt2 .inner .dt::before {
    content: "00";
    font-size: 5rem;
    color: #e0d8c7;
}
.service_cnt2 .inner .dt::after {
    content: "|";
    font-size: 3.5rem;
    left: 2em;
    position: absolute;
}
.service_cnt2 .inner .dl:nth-of-type(1) .dt::before {
    content: "01";
}
.service_cnt2 .inner .dl:nth-of-type(2) .dt::before {
    content: "02";
}
.service_cnt2 .inner .dl:nth-of-type(3) .dt::before {
    content: "03";
}
.service_cnt2 .inner .dl:nth-of-type(4) .dt::before {
    content: "04";
}
.service_cnt2 .inner .pic {
    grid-row: span 2;
    grid-column: 1;
    width: 100%;
    aspect-ratio: 3.8/2.8;
    overflow: hidden;
    border-radius: 0.5rem;
}
.service_cnt2 .inner .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.service_cnt2 .inner .cmt {
    grid-row: 2;
    grid-column: 2;
    line-height: 2;
}
.service_cnt3 {
    padding: 10rem 0;
}
.service_cnt3 .inner>.pic {
    width: 100%;
    aspect-ratio: 12/5.5;
    overflow: hidden;
    border-radius: 0.5rem;
    margin: 0 auto 5rem;
}
.service_cnt3 .inner>.pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.service_cnt3 .inner .col2 {
    max-width: 100rem;
    margin: 0 auto;
    display: flex;
    gap: 1.5625vw;
    /*3*/
}
.service_cnt3 .inner .col2 :is(.left, .right) {
    width: 50%;
    min-height: 8.4rem;
    padding: 1rem;
    border: 0.1rem solid #000;
    position: relative;
    display: grid;
    align-content: center;
    gap: 1rem;
}
.service_cnt3 .inner .col2 :is(.left, .right)::before {
    content: "";
    width: 2.8rem;
    height: 2.8rem;
    background: #000;
    clip-path: polygon(0 0, 100% 0, 0 100%);
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}
.service_cnt3 .inner .col2 :is(.left, .right)>p {
    line-height: 2;
}
.service_cnt3 .inner .col2 :is(.left, .right) .strong {
    font-size: 2.5rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
}
.service_cnt4 {
    background: linear-gradient(135deg, #1B4935 0%, #0F3829 50%, #082018 100%);
    /*background: #005931;*/
    padding: 8rem 0;
}
.service_cnt4 .inner h3 {
    color: #fff;
}
.service_cnt4 .inner>p {
    text-align: center;
    color: #fff;
    line-height: 2;
}
.service_cnt5 {
    padding: 10rem 0 15rem;
}
.service_cnt5 .inner .col2 {
    display: flex;
    gap: 2rem;
}
.service_cnt5 .inner .col2 :is(.left, .right) {
    width: 50%;
    padding: clamp(2rem, 3.125vw, 6rem);
}
.service_cnt5 .inner .col2 :is(.left, .right) h4 {
    font-size: 3rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    color: #fff;
    margin: 0 0 3rem;
}
.service_cnt5 .inner .col2 :is(.left, .right) .read {
    font-size: 2rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    color: #fff;
    line-height: 2;
    margin: 0 0 3rem;
}
.service_cnt5 .inner .col2 :is(.left, .right) p:not(.buttonA) {
    color: #fff;
    line-height: 2;
    margin: 0 0 3rem;
}
.service_cnt5 .inner .col2 .left {
    background: url(/system_panel/uploads/images/service_cnt5_1.jpg) no-repeat rgba(22, 15, 10, 0.7);
    background-blend-mode: darken;
    background-size: 110% 110%;
}
.service_cnt5 .inner .col2 .right {
    background: url(/system_panel/uploads/images/service_cnt5_2.jpg) no-repeat rgba(22, 15, 10, 0.7);
    background-blend-mode: darken;
    background-size: 110% 110%;
}
.service_cnt5 .inner .col2 :is(.left, .right):hover {
    background-size: 100% 100%;
    transition: 0.5s;
}





/*price*/
.price_cnt1 {
    padding: 10rem 0 5rem;
}
.price_cnt1 .inner .col2 {
    display: flex;
    align-items: end;
    gap: 5.2vw;
    margin: 0 0 15rem;
}
.price_cnt1 .inner .col2 .left {
    width: 50%;
}
.price_cnt1 .inner .col2 .left h3 {
    text-align: left;
    line-height: 1.6;
}
.price_cnt1 .inner .col2 .left h3 span {
    font-size: 3.7rem;
}
.price_cnt1 .inner .col2 .left .sub {
    font-size: 3rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.price_cnt1 .inner .col2 .right .buttonA {
    margin: 0 0 2rem;
}
.price_cnt1 .inner>h3 {
    text-align: left;
    line-height: 1.6;
}
.price_cnt1 .inner>p {
    line-height: 2;
}
.price_cnt2 {
    padding: 5rem 0;
    background: #f4f0e7;
}
.price_cnt2 .simu {}

.price_cnt2 .buttonB {
      margin: 2rem auto;
    width: fit-content;
    min-width: 20rem;
    height: 3.7rem;
    background: #005931;
    border: none;
}
.price_cnt2 .buttonB a {
    width: 100%;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #fff;
    text-align: center;
    padding: 0 4em;
    text-decoration: none;
}
.price_cnt3 {
    padding: 10rem 0;
}
.price_cnt3 .inner .reserve {
    margin: 0 auto 15rem;
}
.price_cnt3 .inner .flex {
    display: flex;
    gap: 2.08vw;
    /*4*/
    justify-content: center;
    margin: 0 auto 8rem;
}
.price_cnt3 .set {
    padding: 10rem 18.75vw;
    /*36*/
}
.price_cnt3 .set.over {
    background: #f4f0e7;
}
.price_cnt3 .set.over .col2 .right .time {
    background: #fff;
}
.price_cnt3 .set .col2 {
    display: flex;
    justify-content: center;
    gap: 2.08vw;
    /*4*/
    margin: 0 auto 5rem;
}
.price_cnt3 .set .col2 .left .dt {
    font-size: 2.5rem;
    font-weight: bold;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    margin: 0 0 2rem;
}
.price_cnt3 .set .col2 .left .dt span {
    font-size: 3.6rem;
}
.price_cnt3 .set .col2 .right .time {
    width: fit-content;
    min-height: 6rem;
    background: #f4f0e7;
    display: grid;
    align-items: center;
    justify-content: center;
    padding: 0 2em;
    border-radius: 1rem;
    font-size: 2.5rem;
    font-weight: bold;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.price_cnt3 .set table {
    width: 100%;
    background: #000;
    border-collapse: separate;
    border-spacing: 0.1rem;
    margin: 0 0 1rem;
}
.price_cnt3 .set table thead {}
.price_cnt3 .set table tr {}
.price_cnt3 .set table tr th {
    background: #ede7d9;
    height: 5rem;
    text-align: center;
    /*border-right: 0.1rem solid #000;
    border-bottom: 0.1rem solid #000;*/
}
.price_cnt3 .set table tr td {
    background: #fff;
    height: 5rem;
    text-align: center;
    /*border-right: 0.1rem solid #000;
    border-bottom: 0.1rem solid #000;*/
}
.price_cnt3 .set table tr td:nth-of-type(odd) {
    background: #f7f7f7;
    min-height: inherit;
}
.price_cnt3 .set>p {
    line-height: 2;
}
.price_cnt3 .cancel {
    padding: 8rem 0 0;
}
.price_cnt3 .cancel .dl {
    width: 100%;
    display: flex;
    border-bottom: 0.1rem solid #000;
    border-left: 0.1rem solid #000;
    border-right: 0.1rem solid #000;
}
.price_cnt3 .cancel .dl:first-of-type {
    border-top: 0.1rem solid #000;
}
.price_cnt3 .cancel .dt {
    width: 15%;
    min-width: 8em;
    min-height: 10rem;
    display: grid;
    align-items: center;
    background: #f4f0e7;
    line-height: 2;
    padding: 1rem 2.08vw;
    /*4*/
    text-align: center;
}
.price_cnt3 .cancel .dd {
    width: 85%;
    min-height: 10rem;
    display: grid;
    align-items: center;
    line-height: 2;
    padding: 1rem 2.08vw;
    /*4*/
}





/*area*/
.area_cnt1 {
    padding: 8rem 0 10rem;
}
.area_cnt1 .inner h3 {
    text-align: left;
}
.area_cnt1 .inner .sub {
    font-size: 3rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    margin: 0 0 2rem;
}
.area_cnt1 .inner>p {
    line-height: 2;
    margin: 0 0 2rem;
}
.area_cnt1 .inner .time {
    width: fit-content;
    min-height: 6rem;
    background: #f4f0e7;
    display: grid;
    align-items: center;
    justify-content: center;
    padding: 0 2em;
    border-radius: 1rem;
    font-size: 2.5rem;
    font-weight: bold;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    border: 0.1rem solid #e1dbce;
    margin: 0 0 2rem;
}
.area_cnt1 .inner .ul {
    display: flex;
    gap: 1rem;
    margin: 0 0 8rem;
}
.area_cnt1 .inner .li {
    width: fit-content;
    background: #005931;
    width: fit-content;
    height: 3.7rem;
    display: grid;
    align-items: center;
    color: #fff;
    padding: 0 2em;
}
.area_cnt1 .inner .col2 {
    width: 80%;
    max-width: 85rem;
    margin: auto;
    display: flex;
    gap: 2rem;
    margin: 0;
    position: relative;
    z-index: 1;
}
.area_cnt1 .inner .col2 :is(.left, .right) {
    width: 50%;
    height: 10rem;
    background: linear-gradient(45deg, #e3d8c0, #f4f0e7, #e6ddc6);
    border: 0.7rem solid #fff;
    border-radius: 4.5rem;
    display: grid;
    gap: 0.5rem;
    align-items: center;
    align-content: center;
    position: relative;
}
.area_cnt1 .inner .col2 :is(.left, .right) h3 {
    font-size: 1.9rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    text-align: center;
    margin: 0;
    line-height: 1;
}
.area_cnt1 .inner .col2 :is(.left, .right) p {
    text-align: center;
}
.area_cnt1 .inner .col2 :is(.left, .right) a {
    width: 100%;
    font-size: 2.9rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    color: inherit;
}
.area_cnt1 .inner .col2 a::before {
    content: "";
    width: 4.4rem;
    min-width: 4.4rem;
    height: 4.4rem;
    border-radius: 50%;
    display: grid;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 2rem;
    top: calc(50% - 2.2rem);
}
.area_cnt1 .inner .col2 .left a::before {
    background: url(/system_panel/uploads/images/icon_tel.png) no-repeat center #ab8a3e;
}
.area_cnt1 .inner .col2 .right a::before {
    background: url(/system_panel/uploads/images/icon_line.png) no-repeat center #ab8a3e;
}
.area_cnt1 .inner>p {
    line-height: 1.6;
}
.index_cnt2 .inner h3 {
    font-size: 3rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 3rem;
    line-height: 1;
}
.area_cnt2 {
    background: #f4f0e7;
}
.area_cnt2 .inner h3 {}
.area_cnt2 .inner .col2 {
    display: flex;
    align-items: center;
    gap: 2.6vw;
    /*5*/
}
.area_cnt2 .inner .col2 .left {
    width: 50%;
}
.area_cnt2 .inner .col2 .left img {
    width: 100%;
}
.area_cnt2 .inner .col2 .right {
    width: 50%;
}
.area_cnt2 .inner .col2 .right h3 {
    text-align: left;
}
.area_cnt2 .inner .col2 .right p {
    line-height: 2;
}
.area_cnt3 {
    padding: 18rem 0 0;
}
.area_cnt3 .inner>p {
    text-align: center;
    line-height: 2;
    margin: 0 auto 5rem;
}
.area_cnt3 .flow {
    background: #f4f0e7;
    padding: 5rem 0 10rem;
}
.area_cnt3 .flow .inner .col2 {
    width: 100%;
    display: flex;
    align-items: start;
    gap: 5.2vw;
    /*10*/
    padding: clamp(2rem, 2.6vw, 5rem);
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 0 1rem rgba(73, 66, 61, 0.04);
    margin: 0 0 2rem;
}
.area_cnt3 .flow .inner .col2:not(:last-of-type) {}
.area_cnt3 .flow .inner .col2 .left {
    width: 67%;
}
.area_cnt3 .flow .inner .col2 .left h4 {
    font-size: 2.5rem;
    font-weight: bold;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    margin: 0 0 2rem;
    position: relative;
}
.area_cnt3 .flow .inner .col2 .left h4::before {
    content: "STEP.";
    display: block;
    color: #e0d8c7;
    margin: 0 0 3rem;
}
.area_cnt3 .flow .inner .col2 .left h4::after {
    content: "";
    font-size: 5rem;
    display: inline-block;
    position: absolute;
    left: 1.5em;
    top: -2rem;
    color: #e0d8c7;
}
.area_cnt3 .flow .inner .col2:nth-of-type(1) .left h4::after {
    content: "01";
}
.area_cnt3 .flow .inner .col2:nth-of-type(2) .left h4::after {
    content: "02";
}
.area_cnt3 .flow .inner .col2:nth-of-type(3) .left h4::after {
    content: "03";
}
.area_cnt3 .flow .inner .col2:nth-of-type(4) .left h4::after {
    content: "04";
}
.area_cnt3 .flow .inner .col2 .left>p {
    line-height: 2;
}
.area_cnt3 .flow .inner .col2 .left .dl {
    background: #f4f0e7;
    padding: 2rem;
    border-radius: 0.5rem;
    margin: 3rem 0 0;
}
.area_cnt3 .flow .inner .col2 .left .dt {
    font-size: 2.3rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    margin: 0 0 2rem;
}
.area_cnt3 .flow .inner .col2 .left .dd {
    line-height: 2;
}
.area_cnt3 .flow .inner .col2 .right {
    width: 33%;
    aspect-ratio: 3.9/2.8;
    border-radius: 0.5rem;
    overflow: hidden;
}
.area_cnt3 .flow .inner .col2 .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.area_cnt3 .flow .inner .window {
    background: #082018;
    padding: clamp(2rem, 2.08vw, 4rem) clamp(2rem, 12vw, 23rem);
    border-radius: 1rem;
}
.area_cnt3 .flow .inner .window p {
    color: #fff;
    line-height: 2;
    position: relative;
}
.area_cnt3 .flow .inner .window p::after {
    content: "";
    background: url(/system_panel/uploads/images/area_cnt3_5.png) no-repeat;
    width: 4.427vw;
    /*8.5*/
    height: 3.48vw;
    /*35*/
    aspect-ratio: 8.5/6.7;
    background-size: cover;
    overflow: hidden;
    display: inline-block;
    position: absolute;
    right: -5vw;
    top: calc(50% - 1.74vw);
}
.area_cnt4 {
    padding: 8rem 0;
}
.area_cnt4 .inner .col2 {
    width: 80%;
    max-width: 84rem;
    margin: auto;
    display: flex;
    gap: 2rem;
}
.area_cnt4 .inner .col2 :is(.left, .right) {
    width: 50%;
    border-radius: 0.5rem;
    padding: clamp(2rem, 1.5625vw, 3rem);
}
.area_cnt4 .inner .col2 :is(.left, .right) p {
    width: 100%;
    height: 100%;
    font-size: 2.7rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
}
.area_cnt4 .inner .col2 :is(.left, .right) p a {
    width: 100%;
    height: inherit;
    display: grid;
    align-items: center;
    color: #fff;
    text-decoration: none;
}
.area_cnt4 .inner .col2 .left {
    background: url(/system_panel/uploads/images/area_cnt4_1.jpg) no-repeat center rgba(21, 14, 09, 0.6);
    background-size: cover;
    background-blend-mode: darken;
}
.area_cnt4 .inner .col2 .right {
    background: url(/system_panel/uploads/images/area_cnt4_2.jpg) no-repeat center rgba(21, 14, 09, 0.6);
    background-size: cover;
    background-blend-mode: darken;
      background-position: center 80%;
}





/*faq*/
.faq_cnt1 {
    padding: 8rem 0 10rem;
}
.faq_cnt1 .inner>p {
    line-height: 2;
    margin: 0 0 2rem;
}
.faq_cnt1 .inner .flex {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}
:is(.faq_cnt2, .faq_cnt3, .faq_cnt4, .faq_cnt5) {
    padding: 6rem 0;
    background: #f4f0e7;
}
:is(.faq_cnt2, .faq_cnt3, .faq_cnt4, .faq_cnt5) .inner h3 {
    border-bottom: 0.1rem solid #e8e2d4;
    padding: 0 0 5rem;
    margin: 0 auto 2rem;
}
:is(.faq_cnt2, .faq_cnt3, .faq_cnt4, .faq_cnt5) .inner .dl {
    width: 100%;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 0 1rem rgba(73, 66, 61, 0.04);
}
:is(.faq_cnt2, .faq_cnt3, .faq_cnt4, .faq_cnt5) .inner .dl:not(:last-of-type) {
    margin: 0 0 2rem;
}
:is(.faq_cnt2, .faq_cnt3, .faq_cnt4, .faq_cnt5) .inner .dt {
    background: #fff;
    padding: 1em 2em 1em 4em;
    /*6*/
    line-height: 2;
}
:is(.faq_cnt2, .faq_cnt3, .faq_cnt4, .faq_cnt5) .inner .dd {
    background: #eae4d6;
        padding: 1em 2em 1em 4em;
    /*6*/
    line-height: 2;
}
:is(.faq_cnt3, .faq_cnt5) {
    background: #fff;
}
:is(.faq_cnt3, .faq_cnt5) .inner .dt {
    background: #f4f0e7;
        padding: 1em 2em 1em 4em;
    /*6*/
    line-height: 2;
}
[class^="faq_cnt"]:not(.faq_cnt1) .dt::before {
    content: "Q. ";
    font-size: 2rem;
    display: inline;
    position: absolute;
    left: 2em;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    top: calc(50% - 1em);
    }






/*blog&blogdetail共通*/
:is(.blog_cnt1, .blogdetail_cnt1) {
    padding: 6rem 0;
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner {
    display: flex;
    max-width: 100rem;
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner h3 {
    text-align: initial;
    margin: initial;
    width: 10%;
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog {
    display: flex;
    align-items: center;
    gap: 2rem;
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog .webgene-item {}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog .webgene-item a {}

:is(.blog_cnt2, .blogdetail_cnt2) {
    padding: 5rem 0 10rem;
}


/*blog*/
.blog_cnt2 .inner {
    max-width: 100rem;
}
.blog_cnt2 .inner .webgene-blog {}
.blog_cnt2 .inner .webgene-blog .webgene-item:not(:last-of-type) {
    margin: 0 0 2rem;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .dl {
    display: grid;
    gap: 2rem;
    background: #f4f0e7;
    border-radius: 0.5rem;
    border: 0.1rem solid #e3dccd;
    position: relative;
    padding: clamp(2rem, 1.5625vw, 3rem) clamp(2rem, 2.6vw, 5rem);
}
.blog_cnt2 .inner .webgene-blog .webgene-item .dt {
    grid-row: 2;
    grid-column: 1;
    font-size: 3rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    color: #160f0a;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .pic {
    grid-row: 1/2;
    grid-column: 1;
    aspect-ratio: 1.61/1;
    width: 100%;
    overflow: hidden;
    margin: 0 0 3rem;
}
.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: 1;
    width: fit-content;
    min-height: 2.4rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    color: #160f0a;
    display: grid;
    align-items: center;
    text-align: center;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .cate {
    grid-row: 1;
    grid-column: 1;
    width: fit-content;
    padding: 0 1em;
    min-height: 2.4rem;
    border-radius: 1.2rem;
    background: #fff;
    display: grid;
    align-items: center;
    text-align: center;
    margin: 0 0 0 6em
}
.blog_cnt2 .inner .webgene-blog .webgene-item .cmt {
    grid-row: 3;
    grid-column: 1;
    line-height: 2;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .dd p.buttonA {
    position: absolute;
    right: 0;
    bottom: 0;
}
.webgene-pagination {
    /*grid-column: 1/3;
    display: flex;
    width: 100%;
    padding: 7rem 26.5%;
    align-content: center;
    justify-content: space-between;
    margin:auto;*/
}

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





/*blogdetail*/
.blogdetail_cnt2 {
    padding: 0 0 13rem;
}
.blogdetail_cnt2 .inner {
    max-width: 100rem;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item {
    margin: 0 auto 5rem;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .dl {
    display: grid;
    gap: 1rem;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .dl * {
    min-width: 0;
    min-height: 0;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .dt h3 {
    grid-row: 2;
    grid-column: 1;
    font-size: 3rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    color: #160f0a;
    text-align: left;
    margin:0;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .pic {
    grid-row: 3;
    grid-column: 1;
    aspect-ratio: 10/5.4;
    width: 100%;
    overflow: hidden;
    margin: 0 0 3rem;
}
.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;
    min-height: 2.4rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    color: #160f0a;
    display: grid;
    align-items: center;
    text-align: center;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .cate {
    grid-row: 1;
    grid-column: 1;
    width: fit-content;
    padding: 0 1em;
    min-height: 2.4rem;
    border-radius: 1.2rem;
    background: #f4f0e7;
    display: grid;
    align-items: center;
    text-align: center;
    margin: 0 0 0 6em
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .cmt {
    grid-row: 4;
    grid-column: 1;
    line-height: 2;
}
.blogdetail_cnt2 .inner .buttonA {
    margin: auto;
}





/*company*/
.company_cnt1 {
    padding: 8rem 0 4rem;
    /*background: url(/system_panel/uploads/images/company_cnt1_bg.png) no-repeat right center;*/
}
.company_cnt1 .inner {
    max-width: 100rem;
}
.company_cnt1 .inner h3 {
    text-align: left;
}
.company_cnt1 .inner>p {
    line-height: 2;
    margin: 0 0 5rem;
}
.company_cnt1 .inner .ceo {
    display: flex;
    align-items: baseline;
    gap: 2rem;
}
.company_cnt1 .inner .ceo p {
    font-weight: bold;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.company_cnt1 .inner .ceo .name {
    font-size: 2.5rem;
}
.company_cnt2 {
    padding: 12rem 0;
}
.company_cnt2 .inner {
    max-width: 100rem;
}
.company_cnt2 .inner .dl {
    border-bottom: 0.1rem solid #e8e2d4;
    padding: 2rem 0 2rem 5.2vw;
    /*10*/
}
.company_cnt2 .inner .dt {
    font-size: 3rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    margin: 0 0 2rem;
    display: flex;
    align-items: center;
    position: relative;
}
.company_cnt2 .inner .dt::before {
    content: "";
    font-size: 5rem;
    color: #e0d8c7;
    position: absolute;
    left: -2em;
    top: calc(50% - 0.5em);
}
.company_cnt2 .inner .dt::after {
    content: "｜";
    font-size: 4rem;
    position: absolute;
    left: -1em;
}
.company_cnt2 .inner .dl:nth-of-type(1) .dt::before {
    content: "01";
}
.company_cnt2 .inner .dl:nth-of-type(2) .dt::before {
    content: "02";
}
.company_cnt2 .inner .dl:nth-of-type(3) .dt::before {
    content: "03";
}
.company_cnt2 .inner .dl:nth-of-type(4) .dt::before {
    content: "04";
}
.company_cnt2 .inner .dd {
    line-height: 2;
}
.company_cnt3 {
    padding: 6rem 0;
    background: #f4f0e7;
}
.company_cnt3 .inner {
    max-width: 100rem;
}
.company_cnt3 .inner .dl {
    width: 100%;
    display: flex;
}
.company_cnt3 .inner .dt {
    width: 20%;
    min-height: 6rem;
    display: grid;
    align-items: center;
    padding: 1rem 2rem;
    line-height: 2;
    border-bottom: 0.1rem solid #b7ae95;
}
.company_cnt3 .inner .dd {
    width: 80%;
    min-height: 6rem;
    display: grid;
    align-items: center;
    padding: 1rem 2rem;
    line-height: 2;
    border-bottom: 0.1rem solid #e8e2d4;
}
.company_cnt4 {
    padding: 6rem 0;
}
.company_cnt4 .inner {
    max-width: 100rem;
}
.company_cnt4 .inner .pic {
    width: 100%;
    margin: 0 auto 3rem;
}
.company_cnt4 .inner .pic img {
    width: 100%;
}
.company_cnt4 .inner>p {
    text-align: center;
    line-height: 2;
    margin: 0 auto 3rem;
}
.company_cnt4 .inner .window {
    width: 80%;
    max-width: 36rem;
    background: #f4f0e7;
    border-radius: 0.5rem;
    padding: 2rem;
    margin: auto;
}
.company_cnt4 .inner .window p {
    text-align: center;
    line-height: 2;
}
.company_cnt5 {
    padding: 6rem 0;
    background: #005931;
}
.company_cnt5 .inner {
    max-width: 100rem;
}
.company_cnt5 .inner h3 {
    text-align: center;
    color: #fff;
}
.company_cnt5 .inner .window {
    background: #006638;
    padding: 2rem;
    border-radius: 0.5rem;
      overflow-y: scroll;
    height: 30rem;
}
.company_cnt5 .inner .window>p {
    color: #fff;
    line-height: 2;
}



/*contact*/
.contact_cnt1 {
    width: 100%;
    padding: 8rem 0;
}
.contact_cnt1 .inner>p {
    text-align: center;
    line-height: 2;
    margin: 0 auto 3rem;
}
.contact_cnt1 .inner .col2 {
    width: 80%;
    max-width: 85rem;
    margin: auto;
    display: flex;
    gap: 2rem;
    position: relative;
    z-index: 1;
}
.contact_cnt1 .inner .col2 :is(.left, .right) {
    width: 50%;
    height: 10rem;
    background: linear-gradient(45deg, #e3d8c0, #f4f0e7, #e6ddc6);
    border: 0.7rem solid #fff;
    border-radius: 4.5rem;
    display: grid;
    gap: 0.5rem;
    align-items: center;
    align-content: center;
    position: relative;
}
.contact_cnt1 .inner .col2 :is(.left, .right) h3 {
    font-size: 1.9rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    text-align: center;
    margin: 0;
    line-height: 1;
}
.contact_cnt1 .inner .col2 :is(.left, .right) p {
    text-align: center;
}
.contact_cnt1 .inner .col2 :is(.left, .right) a {
    width: 100%;
    font-size: 2.9rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    color: inherit;
}
.contact_cnt1 .inner .col2 a::before {
    content: "";
    width: 4.4rem;
    min-width: 4.4rem;
    height: 4.4rem;
    border-radius: 50%;
    display: grid;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 2rem;
    top: calc(50% - 2.2rem);
}
.contact_cnt1 .inner .col2 .left a::before {
    background: url(/system_panel/uploads/images/icon_tel.png) no-repeat center #ab8a3e;
}
.contact_cnt1 .inner .col2 .right a::before {
    background: url(/system_panel/uploads/images/icon_line.png) no-repeat center #ab8a3e;
}
.contact_cnt2 {
    padding: 10rem 0;
}

.contact_cnt2 .inner .dl {}
.contact_cnt2 .inner .dt {}
.contact_cnt2 .inner .dd {}
form .dl {
    width: 100%;
    display: flex;
}
form .dl .dt {
    width: 20%;
    min-height: 6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    line-height: 2;
    border-bottom: 0.1rem solid #b7ae95;
}
form .dt .required {
    width: fit-content;
    height: 2rem;
    display: inline-grid;
    align-items: center;
    font-size: 1.3rem;
    color: #fff;
    background: #005931;
    padding: 0.5rem;
    line-height: 1;
}
form .dl .dd {
    width: 80%;
    min-height: 6rem;
    display: grid;
    align-items: center;
    padding: 0.5rem 0 0.5rem 1rem;
    line-height: 2;
    border-bottom: 0.1rem solid #e8e2d4;
}
form input[type="text"],
form input[type="email"],
form textarea {
    width: 100%;
    min-height: 5rem;
    background: #f4f0e7;
    border: 0.1rem solid #e1dbce;
}
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 #dedee4;
}
form select {}
form .dl .dd textarea {
    height: 18rem;
}
form .dl .dd .selectArea {}
form .dl .dd .selectArea div {
    width: fit-content;
    display: inline-block;
}
form .dl .dd .fileArea input {
    width: 100%;
}
form .terms {
    background: #eee;
    border: 0.1rem solid #e1dbce;
    padding: clamp(2rem, 2.08vw, 4rem);
    height: 20rem;
    overflow-y: scroll;
    margin: 0.5rem 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;
}