@charset "UTF-8";





/*index*/
.index .mainimg {
    height: 81rem;
}
.index .mainimg .slider {
    height: inherit;
    overflow: hidden;
}
.index .mainimg .webgene-blog {
    position: absolute;
    right: 13.02vw;
    /*25*/
    bottom: 5rem;
    z-index: 2;
    background: url(/system_panel/uploads/images/index_news.png) no-repeat;
    background-size: cover;
    width: 18.28vw;
    /*35.1*/
    min-width: 30rem;
    aspect-ratio: 35.1/9.5;
    overflow-y: scroll;
    padding: clamp(1rem, 1.04vw, 2rem);
}
.index .mainimg .webgene-blog .webgene-item {
    width: 100%;
    height: 100%;
}
.index .mainimg .webgene-blog .webgene-item .dl {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: start;
    gap: 2rem;

}
.index .mainimg .webgene-blog .webgene-item .dt {
    font-size: 1.6rem;
    line-height: 1.5625;
    color: #fff;
}
.index .mainimg .webgene-blog .webgene-item .dd {
    font-size: 1.6rem;
    line-height: 1.5625;
    color: #fff;
}
.index .mainimg .webgene-blog .webgene-item .dd a {
    color: #fff;
}
.index_cnt1 {
    padding: 17rem 0 24rem;
}
.index_cnt1 .inner {
    width: 90%;
    max-width: 164rem;
}
.index_cnt1 .inner .col2 {
    max-width: 142rem;
    display: flex;
    gap: 4.16vw;
    /*8*/
    margin: 0 auto 13rem;
}
.index_cnt1 .inner>.col2 .left {
    width: 46%;
}
.index_cnt1 .inner>.col2 .left img {
    width: 100%;
}
.index_cnt1 .inner>.col2 .right {
    width: 54%;
}
.index_cnt1 .inner>.col2 .right>p {
    line-height: 2.64;
}
.index_cnt1 .inner .set {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3.125vw;
    /*6*/
    position: relative;
    margin: 0 auto 12rem;
}
.index_cnt1 .inner .set p {
    line-height: 2.64;
}
.index_cnt1 .inner .set .pic1 {
    width: 16.66vw;
    /*32*/
    aspect-ratio: 3.2/2.2;
    overflow: hidden;
}
.index_cnt1 .inner .set .pic2 {
    width: 17.27vw;
    /*37*/
    aspect-ratio: 3.7/5.4;
    overflow: hidden;
}
.index_cnt1 .inner .set [class^="pic"] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt1 .inner .col2b {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 4.16vw;
    /*8*/
    margin: 0 auto 13rem;
}
.index_cnt1 .inner .col2b .left {
    width: 46%;
}
.index_cnt1 .inner .col2b .left img {
    width: 100%;
}
.index_cnt1 .inner .col2b .right {
    width: 54%;
}
.index_cnt1 .inner .col2b .right>p {
    line-height: 2.64;
}
.index_cnt2 {}
.index_cnt2 .inner {
    width: 100%;
    max-width: initial;
    border-top: 0.1rem solid #dbd7d0;
    border-bottom: 0.1rem solid #dbd7d0;
    padding: 14rem 0;
}
.index_cnt2 .inner .titleA * {
    text-align: center;
}
.index_cnt2 .inner>p {
    text-align: center;
    line-height: 2.64;
}
.index_cnt2 .grid {
    width: 80%;
    max-width: 142rem;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.6vw;
    /*5*/
    /*background: url(/system_panel/uploads/images/index_cnt2_gridbg.png) no-repeat center;
    background-size: cover;*/
}
.index_cnt2 .grid .set {
    width: 100%;
    padding: clamp(2rem, 1.5625vw, 3rem);
    background: #fff;
    border: 0.1rem solid #dbd7d0;
}
.index_cnt2 .grid .set h4 {
    font-size: 2.5rem;
    color: #c0b28b;
    line-height: 1.6;
    display: flex;
    gap: 2rem;
    align-items: center;
    justify-content: center;
    margin: 0 auto 2rem;
}
.index_cnt2 .grid .set h4::before {
    content: "";
    width: 7.7rem;
    min-width: 7.7rem;
    aspect-ratio: 7.7/8.2;
    overflow: hidden;
    display: inline-block;
}
.index_cnt2 .grid .set:nth-of-type(1) h4::before {
    content: "";
    background: url(/system_panel/uploads/images/index_cnt2_illust1.png) no-repeat;
    background-size: cover;
}
.index_cnt2 .grid .set:nth-of-type(2) h4::before {
    content: "";
    background: url(/system_panel/uploads/images/index_cnt2_illust2.png) no-repeat;
    background-size: cover;
}
.index_cnt2 .grid .set:nth-of-type(3) h4::before {
    content: "";
    background: url(/system_panel/uploads/images/index_cnt2_illust3.png) no-repeat;
    background-size: cover;
}
.index_cnt2 .grid .set:nth-of-type(4) h4::before {
    content: "";
    background: url(/system_panel/uploads/images/index_cnt2_illust4.png) no-repeat;
    background-size: cover;
}
.index_cnt2 .grid .set:nth-of-type(5) h4::before {
    content: "";
    background: url(/system_panel/uploads/images/index_cnt2_illust5.png) no-repeat;
    background-size: cover;
}
.index_cnt2 .grid .set:nth-of-type(6) h4::before {
    content: "";
    background: url(/system_panel/uploads/images/index_cnt2_illust6.png) no-repeat;
    background-size: cover;
}
.index_cnt2 .grid .set .dl {
    display: grid;
    align-content: start;
    gap: 2rem;
}
.index_cnt2 .grid .set .dt {
    width: 100%;
    font-size: 2.5rem;
}
.index_cnt2 .grid .set .dt a {
    width: 100%;
    display: inline-block;
    color: inherit;
    text-decoration: none;
    position: relative;
}
.index_cnt2 .grid .set .dt a::after {
    content: "";
    background: url(/system_panel/uploads/images/arrowA.png) no-repeat;
    width: fit-content;
    min-width: 1.2rem;
    height: 0.9rem;
    background-size: cover;
    display: inline-block;
    position: absolute;
    right: 1rem;
}
.index_cnt2 .grid .set .pic {
    grid-row: 1;
    width: 100%;
    aspect-ratio: 3.7/2.1;
    overflow: hidden;
}
.index_cnt2 .grid .set .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt2 .grid .set .cmt {
    line-height: 2.64;
}
.index_cnt2 .inner .banner {
    width: 80%;
    max-width: 120rem;
    margin: auto;
    background: #fff;
}

.index_cnt2 .inner .banner .col2 {
    width: 100%;
    display: flex;
    gap: 2rem;
}
.index_cnt2 .inner .banner .col2 .left {
    width: 52%;
    position: relative;
}
.index_cnt2 .inner .banner .col2 .left .pic {
    width: 100%;
    height: 100%;
    aspect-ratio: 2/1;
    overflow: hidden;
}
.index_cnt2 .inner .banner .col2 .left .pic::after {
    content: "";
    width: 5.2vw;
    height: 100%;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0, rgba(255, 255, 255, 1)));
    z-index: 1;
}
.index_cnt2 .inner .banner .col2 .left .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt2 .inner .banner .col2 .left .badge {
    width: 8.02vw;
    /*15.4*/
    aspect-ratio: 1/1;
    overflow: hidden;
    position: absolute;
    top: -1.5625vw;
    /*3*/
    left: 2.5rem;
}
.index_cnt2 .inner .banner .col2 .left .badge img {
    width: 100%;
}
.index_cnt2 .inner .banner .col2 .right {
    width: 48%;
    padding: clamp(2rem, 2.6vw, 5rem);
}
.index_cnt2 .inner .banner .col2 .right h4 {
    font-size: 3.1rem;
    margin: 0 0 3rem;
}
.index_cnt2 .inner .banner .col2 .right .flex {
    display: flex;
    gap: 2rem;
}
.index_cnt2 .inner .banner .col2 .right>p {
    line-height: 2.64;
    margin: 0 0 3rem;
}
.index_cnt3 {
    background: url(/system_panel/uploads/images/bgA.jpg);
    padding: 18rem 0;
}
.index_cnt3 .inner .col2 {
    display: flex;
    gap: 3.125vw;
    /*6*/
    margin: 0 0 10rem;
}
.index_cnt3 .inner .col2 .left {
    width: 60%;
}
.index_cnt3 .inner .col2 .left>p {
    line-height: 2.64;
}
.index_cnt3 .inner .col2 .right {
    width: 40%;
    aspect-ratio: 4.6/6.4;
    overflow: hidden;
}
.index_cnt3 .inner .col2 .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt3 .inner .dl {
    display: grid;
    grid-template-columns: 25% 1fr;
    grid-template-rows: 1fr auto 1fr;
    align-content: center;
    gap: 1rem;
    padding: clamp(2rem, 2.08vw, 4rem) clamp(2rem, 3.125vw, 6rem);
    border-top: 0.1rem solid #c9c8c7;
    border-bottom: 0.1rem solid #c9c8c7;
}
.index_cnt3 .inner .dt {
    grid-row: 1;
    font-size: 2.5rem;
    align-self: end;
}
.index_cnt3 .inner .ruby {
    grid-row: 2;
    margin: 0 0 3rem;
}
.index_cnt3 .inner .position {
    grid-row: 3;
}
.index_cnt3 .inner .cmt {
    grid-row: span 3;
    grid-column: 2;
    line-height: 2.64;
}
.index_cnt4 {
    padding: 27rem 0;
}
.index_cnt4 .inner .col2 {
    display: flex;
    box-shadow: 0 0 0.2rem #dbd7d0;
    position: relative;
}
.index_cnt4 .inner .col2::before {
    content: "";
    width: 0.1rem;
    height: 100%;
    background: #dbd7d0;
    display: inline-block;
    position: absolute;
    left: 50%;
}
.index_cnt4 .inner .col2 :is(.left, .right) {
    width: 50%;
    aspect-ratio: 3/2;
    overflow: hidden;
    border: 2rem solid rgba(255, 255, 255, 0);
    padding: clamp(2rem, 1.6vw, 5rem);
    display: grid;
    align-content: center;
}
.index_cnt4 .inner .col2 :is(.left, .right) .titleA {
    margin: 0 auto 2rem;
}
.index_cnt4 .inner .col2 :is(.left, .right) .titleA * {
    text-align: center;
    color: #fff;
}
.index_cnt4 .inner .col2 .left {
    background: url(/system_panel/uploads/images/index_cnt4_1.jpg) no-repeat center;
    background-size: cover;
}
.index_cnt4 .inner .col2 .right {
    background: url(/system_panel/uploads/images/index_cnt4_2.jpg) no-repeat center;
    background-size: cover;
}
.index_cnt4 .inner .col2 :is(.left, .right)>p:not(.buttonB) {
    color: #fff;
    text-align: center;
    line-height: 2.35;
    margin: 0 auto 2rem;
}
.index_cnt4 .inner .col2 :is(.left, .right) .buttonB {
    background: initial;
    border: 0.1rem solid #fff;
    margin: auto;
}
.index_cnt5 {
    width: 100%;
    padding: 20rem 0;
}
.index_cnt5 .inner .webgene-blog {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.5rem;
    margin: 0 auto 4rem;
}
.index_cnt5 .inner .webgene-blog .webgene-item .dl {
    padding: 1.5rem;
    background: #fff;
    display: grid;
    gap: 2rem;
}
.index_cnt5 .inner .webgene-blog .webgene-item {
    background: #fff;
}
.index_cnt5 .inner .webgene-blog .webgene-item .dt {
    grid-row: 3;
    grid-column: 1;
    line-height: 1.86;
}
.index_cnt5 .inner .webgene-blog .webgene-item .dt a {
    color: inherit;
    position: relative;
    display: grid;
}
.index_cnt5 .inner .webgene-blog .webgene-item .dt a::after {
    content: "";
    background: url(/system_panel/uploads/images/arrowA.png) no-repeat;
    width: 1.2rem;
    min-width: 1.2rem;
    height: 0.9rem;
    margin: 0 0 0 auto;
}
.index_cnt5 .inner .webgene-blog .webgene-item .pic {
    grid-row: 1;
    grid-column: 1;
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
}
.index_cnt5 .inner .webgene-blog .webgene-item .pic img {
    grid-row: 1;
    grid-column: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt5 .inner .webgene-blog .webgene-item .day {
    grid-row: 2;
    grid-column: 1;
    font-size: 1.6rem;
    color: #c0b28b;
}
.index_cnt5 .inner .webgene-blog .webgene-item .cate {
    grid-row: 2;
    grid-column: 1;
    margin: 0 0 0 auto;
    display: flex;
    gap: 1rem;
}
.index_cnt5 .inner .webgene-blog .webgene-item .cate::before {
    content: "｜";
    color: #cac8c5;
}
.index_cnt5 .inner .buttonA {
    margin: 0 0 0 auto;
    background: initial;
}





/*about*/
.about_cnt1 {
    padding: 12rem 0 0;
    position: relative;
    background: url(/system_panel/uploads/images/bgA.jpg);
}
.about_cnt1::before {
    content: "";
    width: 100%;
    height: 0.1rem;
    background: #c9c8c7;
    display: block;
    position: absolute;
    top: 12rem;
}
.about_cnt1::after {
    content: "";
    width: 100%;
    height: 0.1rem;
    background: #c9c8c7;
    display: block;
    position: absolute;
    bottom: 0;
}
.about_cnt1 .inner {
    max-width: 142rem;
}
.about_cnt1 .inner .col2 {
    display: flex;
    gap: 11.45vw;
    /*22*/
    position: relative;
    padding: 13rem 0;
}
.about_cnt1 .inner .col2::before {
    content: "";
    width: 0.1rem;
    height: 100%;
    background: #c9c8c7;
    display: inline-block;
    position: absolute;
    left: 40%;
    top: 0;
}
.about_cnt1 .inner .col2 .left {
    width: 40%;
}
.about_cnt1 .inner .col2 .left img {
    width: 100%;
}
.about_cnt1 .inner .col2 .right {
    width: 60%;
}
.about_cnt1 .inner .col2 .right>p {
    line-height: 2.64;
}
.about_cnt1 .inner .col2 .right .flex {
    display: flex;
    align-items: baseline;
    gap: 1rem;
    margin: 0 0 3rem;
}
.about_cnt1 .inner .col2 .right .flex p {
    font-size: 3.1rem;
}
.about_cnt1 .inner .col2 .right .flex .eng {
    font-size: initial;
}
.about_cnt2 {
    padding: 15rem 0 26rem;
    background: url(/system_panel/uploads/images/bgA.jpg);
    position: relative;
}
.about_cnt2 .inner {
    max-width: 85rem;
}
.about_cnt2 .inner>p {
    line-height: 2.64;
}
.about_cnt2 .inner [class^="pic"] {
    width: 19.27vw;
    /*37*/
    aspect-ratio: 3.7/5.4;
    overflow: hidden;
}
.about_cnt2 .inner [class^="pic"] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.about_cnt2 .inner .pic1 {
    position: absolute;
    left: 4.6875vw;
    /*9*/
    bottom: 7.29vw;
}
.about_cnt2 .inner .pic2 {
    position: absolute;
    right: 4.6875vw;
    /*9*/
    top: 0;
}
.about_cnt3 {
    padding: 22rem 0 0;
}
.about_cnt3 .window {
    width: 100%;
    height: 50rem;
    display: grid;
    align-content: end;
    padding: clamp(2rem, 3.125vw, 6rem);
}
.about_cnt3 .window:nth-of-type(2) {
    background: url(/system_panel/uploads/images/about_cnt3_1.jpg) no-repeat center;
    background-size: cover;
}
.about_cnt3 .window:nth-of-type(3) {
    background: url(/system_panel/uploads/images/about_cnt3_2.jpg) no-repeat center;
    background-size: cover;
}
.about_cnt3 .window:nth-of-type(4) {
    background: url(/system_panel/uploads/images/about_cnt3_3.jpg) no-repeat center;
    background-size: cover;
}
.about_cnt3 .window .inner h4 {
    font-size: 3.2rem;
    color: #fff;
    margin: auto 0 2rem;
    height: fit-content;
}
.about_cnt3 .window .inner p {
    color: #fff;
    line-height: 2.05;
}
.about_cnt4 {
    padding: 27rem 0;
}
.about_cnt4 .inner .col2 {
    display: flex;
    box-shadow: 0 0 0.2rem #dbd7d0;
    position: relative;
}
.about_cnt4 .inner .col2::before {
    content: "";
    width: 0.1rem;
    height: 100%;
    background: #dbd7d0;
    display: inline-block;
    position: absolute;
    left: 50%;
}
.about_cnt4 .inner .col2 :is(.left, .right) {
    width: 50%;
    aspect-ratio: 3/2;
    overflow: hidden;
    border: 2rem solid rgba(255, 255, 255, 0);
    padding: clamp(2rem, 1.6vw, 5rem);
    display: grid;
    align-content: center;
}
.about_cnt4 .inner .col2 :is(.left, .right) .titleA {
    margin: 0 auto 2rem;
}
.about_cnt4 .inner .col2 :is(.left, .right) .titleA * {
    text-align: center;
    color: #fff;
}
.about_cnt4 .inner .col2 .left {
    background: url(/system_panel/uploads/images/index_cnt4_1.jpg) no-repeat center;
    background-size: cover;
}
.about_cnt4 .inner .col2 .right {
    background: url(/system_panel/uploads/images/index_cnt4_2.jpg) no-repeat center;
    background-size: cover;
}
.about_cnt4 .inner .col2 :is(.left, .right)>p:not(.buttonB) {
    color: #fff;
    text-align: center;
    line-height: 2.35;
    margin: 0 auto 2rem;
}
.about_cnt4 .inner .col2 :is(.left, .right) .buttonB {
    background: initial;
    border: 0.1rem solid #fff;
    margin: auto;
}





/*menu*/
.menu_cnt1 {
    padding: 14rem 0;
    background: #f7f5f2 url(/system_panel/uploads/images/menu_cnt1_bg.png) no-repeat center top;

}
.menu_cnt1 .inner>p:not(.buttonA) {
    line-height: 2.64;
    margin: 0 0 3rem;
}
.menu_cnt1 .inner>.ul {
    display: flex;
    gap: 1rem;
    margin: 0 0 6rem;
}
.menu_cnt1 .inner>.ul>.li {
    width: fit-content;
    height: 5rem;
    border: 0.1rem solid #3b3b3b;
    border-radius: 1.5rem;
    background: #fbf5ec;
    list-style: none;
    align-content: center;
}
.menu_cnt1 .inner>.ul>.li a {
    width: 100%;
    height: inherit;
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 1.5rem;
    color: inherit;
    text-decoration: none;
    padding: 0 1em;
}
.menu_cnt1 .inner>.ul>.li a::before {
    content: "";
    width: 3.7rem;
    min-width: 3.7rem;
    height: 3.9rem;
    display: inline-block;
}
.menu_cnt1 .inner>.ul>.li:nth-of-type(1) a::before {
    background: url(/system_panel/uploads/images/menu_cnt1_iconA.png) no-repeat center;
}
.menu_cnt1 .inner>.ul>.li:nth-of-type(2) a::before {
    background: url(/system_panel/uploads/images/menu_cnt1_iconB.png) no-repeat center;
}
.menu_cnt1 .inner>.ul>.li:nth-of-type(3) a::before {
    background: url(/system_panel/uploads/images/menu_cnt1_iconC.png) no-repeat center;
}
.menu_cnt1 .inner>.ul>.li:nth-of-type(4) a::before {
    background: url(/system_panel/uploads/images/menu_cnt1_iconD.png) no-repeat center;
}
.menu_cnt1 .inner>.ul>.li:nth-of-type(5) a::before {
    background: url(/system_panel/uploads/images/menu_cnt1_iconE.png) no-repeat center;
}
.menu_cnt1 .inner>.ul>.li:nth-of-type(6) a::before {
    background: url(/system_panel/uploads/images/menu_cnt1_iconF.png) no-repeat center;
}
.menu_cnt1 .inner .set {
    background: #fff;
    padding: clamp(2rem, 4.16vw, 8rem) clamp(2rem, 5.2vw, 10rem);
}
.menu_cnt1 .inner .set:not(:last-of-type) {
    margin: 0 0 12rem;
}
.menu_cnt1 .inner .set:is(#sec2, #sec4, #sec6) {
    background: #eae7e4;
}
.menu_cnt1 .inner .set .col2 {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 4.16vw;
    /*8*/
    flex-direction: row-reverse;
    margin: 0 auto 10rem;
}
.menu_cnt1 .inner .set .col2 .left {
    width: 64%;
}
.menu_cnt1 .inner .set .col2 .left h4 {
    font-size: 2.5rem;
    margin: 0 0 3rem;
}
.menu_cnt1 .inner .set .col2 .left .cap {
    font-size: 2.1rem;
    margin: 0 0 2rem;
}
.menu_cnt1 .inner .set .col2 .left .ul {}
.menu_cnt1 .inner .set .col2 .left .li {
    list-style: none;
    display: flex;
    gap: 1rem;
    align-items: center;
    margin: 0 0 3rem;
}
.menu_cnt1 .inner .set .col2 .left .li::before {
    content: "";
    background: url(/system_panel/uploads/images/icon_check.png) no-repeat;
    width: 2.2rem;
    min-width: 2.2rem;
    height: 2.1rem;
    display: inline-block;
}
.menu_cnt1 .inner .set .col2 .right {
    width: 46%;
    aspect-ratio: 4.4/3;
    overflow: hidden;
    /*border: 1rem solid #fff;*/
}
.menu_cnt1 .inner .set .col2 .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.menu_cnt1 .inner .set .col2b {
    display: flex;
    gap: 2.08vw;
    /*4*/
}
.menu_cnt1 .inner .set .col2b .left {
    width: 59%;
}
.menu_cnt1 .inner .set .col2b .left h5 {
    margin: 0 0 1rem;
}
.menu_cnt1 .inner .set .col2b .left .strong {
    font-size: 3.1rem;
    margin: 0 0 2rem;
}
.menu_cnt1 .inner .set .col2b .left .em {
    color: #3b3b3b;
    width: fit-content;
    height: 3rem;
    display: grid;
    align-items: center;
    padding: 0 1em;
    background: #dcd6ce;
    border: 0.1rem solid #bdac96;
    margin: 0 0 2rem;
}
.menu_cnt1 .inner .set .col2b .left .ul {
    display: flex;
    gap: 2rem;
    margin: 0 0 2rem;
}
.menu_cnt1 .inner .set .col2b .left .li {
    list-style: none;
    display: flex;
    gap: 1rem;
    align-items: center;
    margin: 0 0 3rem;
}
.menu_cnt1 .inner .set .col2b .left .li::before {
    content: "";
    background: url(/system_panel/uploads/images/icon_check.png) no-repeat;
    width: 2.2rem;
    min-width: 2.2rem;
    height: 2.1rem;
    display: inline-block;
}
.menu_cnt1 .inner .set .col2b .left>p:not(.em, .strong) {
    line-height: 2.64;
}

.menu_cnt1 .inner .set .col2b .right {
    width: 41%;
    background: #f5f2ee;
    border: 0.1rem solid #d5cdc2;
    padding: 2rem;
}
.menu_cnt1 .inner .set .col2b .right .dl {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
}
.menu_cnt1 .inner .set .col2b .right .dt {
    grid-row: 1;
    grid-column: 2;
    align-self: end;
    color: #3b3b3b;
}
.menu_cnt1 .inner .set .col2b .right .illust {
    grid-row: span 2;
    grid-column: 1;
}
.menu_cnt1 .inner .set .col2b .right .age {
    grid-row: 2;
    grid-column: 2;
    font-size: 3.1rem;
    color: #3b3b3b;
}
.menu_cnt1 .inner .set .col2b .right .cmt {
    grid-row: 3;
    grid-column: span 2;
    line-height: 2.05;
}
.menu_cnt1 .inner .set .window h5 {
    color: #3b3b3b;
    margin: 0 0 1rem;
}
.menu_cnt1 .inner .set .window .strong {
    font-size: 3.1rem;
    color: #3b3b3b;
    margin: 0 0 2rem;
}
.menu_cnt1 .inner .set .window>p:not(.em, .strong) {
    line-height: 2.64;
}
.menu_cnt1 .inner .set#sec6 {
    margin: 0 auto 5rem;
}
.menu_cnt1 .inner .set#sec6 .col2 .left h4 {
    font-size: initial;
    color: #3b3b3b;
    margin: 0 0 1rem;
}
.menu_cnt1 .inner .set#sec6 .col2 .left .strong {
    font-size: 3.1rem;
    color: #3b3b3b;
    margin: 0 0 2rem;
}
.menu_cnt1 .inner .set#sec6 .col2 .left>p:not(.em, .strong) {
    line-height: 2.64;
}
.menu_cnt1 .inner .set#sec6 .col2 .right {
    aspect-ratio: 4.4/5;
}
.menu_cnt1 .inner .buttonA {
    margin: auto;
}
.menu_cnt2 {
    padding: 14rem 0 22rem;
}
.menu_cnt2 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5.2vw;
    /*10*/
}
.menu_cnt2 .inner .grid .dl {
    display: grid;
    align-content: start;
    gap: 2rem;
}
.menu_cnt2 .inner .grid .dt {
    font-size: 2.3rem;
    color: #3b3b3b;
    text-align: center;
}
.menu_cnt2 .inner .grid .pic {
    grid-row: 1;
    width: 100%;
    aspect-ratio: 3.35/4.2;
    overflow: hidden;
}
.menu_cnt2 .inner .grid .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.menu_cnt2 .inner .grid .cmt {
    line-height: 2.35;
}





/*beginner*/
.beginner_cnt1 {
    padding: 10rem 0 20rem;
}
.beginner_cnt1 .inner .dl {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    padding: 3rem 0;
    border-bottom: 0.1rem solid #c9c8c7;
}
.beginner_cnt1 .inner .dl:nth-of-type(2) {
    border-top: 0.1rem solid #c9c8c7;
}
.beginner_cnt1 .inner .dt {
    width: fit-content;
    height: 3rem;
    background: #dcd6ce;
    border: 0.1rem solid #bdac96;
    color: #3b3b3b;
    display: grid;
    align-items: center;
    padding: 0 1em;
}
.beginner_cnt1 .inner .dd {
    width: 75%;
    line-height: 2.64;
}

.beginner_cnt1 .inner .banner {
    width: 100%;
    margin: 16rem auto 0;
    background: #fff;
}

.beginner_cnt1 .inner .banner .col2 {
    width: 100%;
    display: flex;
    gap: 2rem;
}
.beginner_cnt1 .inner .banner .col2 .left {
    width: 52%;
    position: relative;
}
.beginner_cnt1 .inner .banner .col2 .left .pic {
    width: 100%;
    height: 100%;
    aspect-ratio: 2/1;
    overflow: hidden;
}
.beginner_cnt1 .inner .banner .col2 .left .pic::after {
    content: "";
    width: 5.2vw;
    height: 100%;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0, rgba(255, 255, 255, 1)));
    z-index: 1;
}
.beginner_cnt1 .inner .banner .col2 .left .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.beginner_cnt1 .inner .banner .col2 .left .badge {
    width: 8.02vw;
    /*15.4*/
    min-width: 10rem;
    aspect-ratio: 1/1;
    overflow: hidden;
    position: absolute;
    top: -3rem;
    left: 2.5rem;
}
.beginner_cnt1 .inner .banner .col2 .left .badge img {
    width: 100%;
}
.beginner_cnt1 .inner .banner .col2 .right {
    width: 48%;
    padding: clamp(2rem, 2.6vw, 5rem);
}
.beginner_cnt1 .inner .banner .col2 .right h4 {
    font-size: 3.1rem;
    margin: 0 0 3rem;
}
.beginner_cnt1 .inner .banner .col2 .right .flex {
    display: flex;
    gap: 2rem;
}
.beginner_cnt1 .inner .banner .col2 .right>p {
    line-height: 2.64;
    margin: 0 0 3rem;
}
.beginner_cnt2 {
    padding: 12rem 0 24rem;
    background: url(/system_panel/uploads/images/bgA.jpg);
}
.beginner_cnt2 .inner .dl {
    padding: 0 0 8.33vw 20%;
    /*16*/
    position: relative;
}
.beginner_cnt2 .inner .dl::before {
    content: "";
    font-size: 5rem;
    color: #3b3b3b;
    width: fit-content;
    height: 5rem;
    background: url(/system_panel/uploads/images/bgA.jpg);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.beginner_cnt2 .inner .dl:nth-of-type(2)::before {
    content: "01";
}
.beginner_cnt2 .inner .dl:nth-of-type(3)::before {
    content: "02";
}
.beginner_cnt2 .inner .dl:nth-of-type(4)::before {
    content: "03";
}
.beginner_cnt2 .inner .dl:nth-of-type(5)::before {
    content: "04";
}
.beginner_cnt2 .inner .dl:nth-of-type(6)::before {
    content: "05";
}
.beginner_cnt2 .inner .dl:not(:last-of-type)::after {
    content: "";
    font-size: 5rem;
    width: 0.1rem;
    height: 100%;
    background: #c9c8c7;
    display: inline-block;
    position: absolute;
    left: 0.5em;
    top: 0;
}
.beginner_cnt2 .inner .dt {
    font-size: 3.1rem;
    color: #3b3b3b;
    margin: 0 0 2rem;
}
.beginner_cnt2 .inner .pic {
    width: 100%;
    max-width: 62rem;
    aspect-ratio: 6.2/4.2;
    overflow: hidden;
}
.beginner_cnt2 .inner .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.beginner_cnt2 .inner .flex {
    width: 100%;
    display: flex;
}
.beginner_cnt2 .inner .cmt {
    line-height: 2.64;
    margin: 0 0 3rem;
}





/*faq*/
.faq_cnt1 {
    padding: 10rem 0 12rem;
}
.faq_cnt1 .inner .titleA * {
    text-align: center;
}
.faq_cnt1 .inner>p {
    text-align: center;
    line-height: 2.64;
    margin: 0 auto 5rem;
}
.faq_cnt1 .inner .flex {
    display: flex;
    gap: 2rem;
    justify-content: center;
}
.faq_cnt1 .inner .flex .buttonA {
    min-width: 25rem;
}
[class^="faq_cnt"] {
    border-bottom: 0.1rem solid #c9c8c7;
}
[class^="faq_cnt"]:not(.faq_cnt1) {
    padding: 7rem 0 10rem;
}
[class^="faq_cnt"]:not(.faq_cnt1) h4 {
    font-size: 3.1rem;
    color: #3b3b3b;
    margin: 0 0 5rem;
}
[class^="faq_cnt"]:not(.faq_cnt1) .dl {}
[class^="faq_cnt"]:not(.faq_cnt1) .dl:not(:last-of-type) {
    margin: 0 0 2rem;
}
[class^="faq_cnt"]:not(.faq_cnt1) .dt {
    align-items: center;
    gap: 1rem;
    background: #fff;
    padding: 1em 2em 1em 4em;
    font-size: 1.9rem;
    color: #3b3b3b;
    position: relative;
}
[class^="faq_cnt"]:not(.faq_cnt1) .dt::before {
    content: "Q. ";
    font-size: 2.1rem;
    display: inline;
    position: absolute;
    left: 2em;
}
[class^="faq_cnt"]:not(.faq_cnt1) .dd {
    align-items: center;
    gap: 1rem;
    background: #e9e5df;
    padding: 1em 2em 1em 4em;
    line-height: 2.05;
    position: relative;
}
[class^="faq_cnt"]:not(.faq_cnt1) .dd::before {
    content: "A. ";
    font-size: 2.1rem;
    display: inline;
    position: absolute;
    left: 2em;
    top: 0.6em;
}





/*recruit*/
.recruit_cnt1 {
    padding: 25rem 0 15rem;
}
.recruit_cnt1 .inner .col2 {
    display: flex;
    gap: 2.6vw;
    /*5*/
}
.recruit_cnt1 .inner .col2 .left {
    width: 48%;
}
.recruit_cnt1 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.recruit_cnt1 .inner .col2 .right {
    width: 52%;
}
.recruit_cnt1 .inner .col2 .right h3 {
    font-size: 3.1rem;
    color: #3b3b3b;
    margin: 0 0 3rem;
}
.recruit_cnt1 .inner .col2 .right>p {
    line-height: 2.64;
}
.recruit_cnt2 {
    padding: 15rem 0 43rem;
    position: relative;
}
.recruit_cnt2::after {
    content: "Porto Bonheur";
    font-size: 20rem;
    color: #e5e2de;
    position: absolute;
    bottom: 1em;
    left: 5.2vw;
  z-index: -1;
    /*10*/
}

.recruit_cnt2 .inner .col2 {
    display: flex;
    flex-direction: row-reverse;
    gap: 5.2vw;
    /*10*/
    padding: 7rem 0;
    border-bottom: 0.1rem solid #c9c8c7;
}
.recruit_cnt2 .inner .col2:nth-of-type(odd) {
    flex-direction: initial;
}
.recruit_cnt2 .inner .col2:nth-of-type(2) {
    border-top: 0.1rem solid #c9c8c7;
}
.recruit_cnt2 .inner .col2 .left {
    width: 45%;
    aspect-ratio: 4.8/3.4;
    overflow: hidden;
}
.recruit_cnt2 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.recruit_cnt2 .inner .col2 .right {
    width: 55%;
}
.recruit_cnt2 .inner .col2 .right h4 {
    font-size: 3.1rem;
    color: #3b3b3b;
    display: flex;
    align-items: center;
    gap: 2rem;
    margin: 0 0 3rem;
}
.recruit_cnt2 .inner .col2 .right>p {
    line-height: 2.64;
}

.recruit_cnt2 .inner .col2 .right h4::before {
    content: "";
    font-size: 5rem;
}
.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_cnt3 {
    padding: 10rem 0 15rem;
    background: url(/system_panel/uploads/images/bgA.jpg);
}
.recruit_cnt3 .inner .ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.1rem;
    background: #242424;
    padding: 0.1rem 0;
}
.recruit_cnt3 .inner .li {
    padding: 1em;
    background: #fff;
    display: flex;
    gap: 1rem;
    font-size: 2.1rem;
    list-style: none;
}
.recruit_cnt3 .inner .li::before {
    content: "";
    background: url(/system_panel/uploads/images/icon_check.png) no-repeat;
    width: 2.2rem;
    min-width: 2.2rem;
    height: 2.1rem;
    display: inline-block;
}
.recruit_cnt3 .inner .li:nth-of-type(2),
.recruit_cnt3 .inner .li:nth-of-type(3) {
    background: #d9d7d3;
}
.recruit_cnt4 {
    padding: 20rem 0 12rem;
}
.recruit_cnt4 .inner>.dl {
    display: grid;
    grid-template-columns: 1fr 40%;
    grid-template-rows: auto 1fr;
    align-content: start;
    gap: clamp(2rem, 1.5625vw, 3rem) clamp(2rem, 3.125vw, 6rem);
    /*6*/
    background: #e9e7e3;
    padding: clamp(2rem, 3.125vw, 6rem);
    margin: 0 auto 8rem;
}
.recruit_cnt4 .inner>.dl>.dt {
    grid-row: 1;
    grid-column: 1;
    font-size: 3.1rem;
    color: #3b3b3b;
    display: flex;
    align-items: center;
    gap: 2rem;
    line-height: 1.61;
}
.recruit_cnt4 .inner>.dl>.dt::before {
    content: "";
    font-size: 5rem;
}
.recruit_cnt4 .inner>.dl:nth-of-type(2)>.dt::before {
    content: "01";
}
.recruit_cnt4 .inner>.dl:nth-of-type(3)>.dt::before {
    content: "02";
}
.recruit_cnt4 .inner>.dl:nth-of-type(4)>.dt::before {
    content: "03";
}
.recruit_cnt4 .inner>.dl:nth-of-type(5)>.dt::before {
    content: "04";
}
.recruit_cnt4 .inner>.dl:last-of-type>.dt {
    grid-column: span 2;
}

.recruit_cnt4 .inner>.dl>.pic {
    grid-row: span 2;
    grid-column: 2;
    width: 100%;
    aspect-ratio: 4/2.8;
    overflow: hidden;
    margin: -5.2vw 0 0;
}
.recruit_cnt4 .inner>.dl>.pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;

}

.recruit_cnt4 .inner>.dl>.cmt {
    grid-row: 2;
    grid-column: 1;
    line-height: 2.64;
}
.recruit_cnt4 .inner>.dl>.dd:not(.cmt, .pic) {
    grid-row: 2;
    grid-column: span 2;
    display: flex;
    gap: 2.08vw;
    /*4*/
    align-items: start;

}
.recruit_cnt4 .inner>.dl>.dd:not(.cmt, .pic)>.dl {
    display: grid;
    gap: 3rem;
    width: 100%;
}
.recruit_cnt4 .inner>.dl>.dd:not(.cmt, .pic)>.dl .dt {
    grid-row: 2;
    grid-column: 1;
    font-size: 2.3rem;
    color: #3b3b3b;
    text-align: center;
}
.recruit_cnt4 .inner>.dl>.dd:not(.cmt, .pic)>.dl .pic {
    grid-row: 1;
    grid-column: 1;
    width: 100%;
    aspect-ratio: 3.3/2.4;
    overflow: hidden;
    margin: 0 0 1rem;
}
.recruit_cnt4 .inner>.dl>.dd:not(.cmt, .pic)>.dl .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.recruit_cnt4 .inner>.dl>.dd:not(.cmt, .pic)>.dl .cmt {
    line-height: 2.05;
}
.recruit_cnt4 .inner .buttonA {
    margin: auto;
}
.recruit_cnt5 {
    padding: 12rem 0 20rem;
}
.recruit_cnt5 .inner .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 3.125vw;
    /*6*/
}
.recruit_cnt5 .inner .grid .dl {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 9rem;
    border-bottom: 0.1rem solid #242424;
}
.recruit_cnt5 .inner .grid .dl:nth-of-type(1),
.recruit_cnt5 .inner .grid .dl:nth-of-type(2) {
    border-top: 0.1rem solid #242424;
}
.recruit_cnt5 .inner .grid .dt {
    width: 8em;
    padding: 0 1em;
    line-height: 2.64;
}
.recruit_cnt5 .inner .grid .dd {
    width: calc(100% - 8em);
    padding: 0 1em;
    line-height: 2.64;
}
.recruit_cnt6 {
    padding: 9rem 0;
    background: url(/system_panel/uploads/images/bgA.jpg);
}
.recruit_cnt6 .inner .catch {
    font-size: 3.1rem;
    color: #3b3b3b;
    text-align: center;
    margin: 0 auto 2rem;
}
.recruit_cnt6 .inner p:not(.buttonB) {
    text-align: center;
    line-height: 2.64;
    margin: 0 auto 3rem;
}
.recruit_cnt6 .inner .buttonB {
    margin: auto;
}





/*academy*/
.academy_cnt1 {}
.academy_cnt1 .inner {
    width: 100%;
    max-width: initial;
}
.academy_cnt1 .inner .col2 {
    display: flex;
    align-items: center;
}
.academy_cnt1 .inner .col2 .left {
    width: 50%;
    aspect-ratio: 9.6/5.6;
    overflow: hidden;
}
.academy_cnt1 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.academy_cnt1 .inner .col2 .right {
    padding: clamp(2rem, 2.6vw, 5rem);
}
.academy_cnt1 .inner .col2 .right h3 {
    font-size: 3.1rem;
    color: #3b3b3b;
    margin: 0 0 3rem;
}
.academy_cnt1 .inner .col2 .right>p {
    line-height: 2.64;
}
.academy_cnt2 {
    padding: 20rem 0;
}
.academy_cnt2 .inner .titleA * {
    text-align: center;
}
.academy_cnt2 .inner .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3.125vw;
    /*6*/
}
.academy_cnt2 .inner .grid .dl {
    display: grid;
    gap: 1rem;
}
.academy_cnt2 .inner .grid .dt {
    grid-row: 2;
    grid-column: 1;
    font-size: 2.3rem;
    color: #3b3b3b;
    text-align: center;
}
.academy_cnt2 .inner .grid .illust {
    grid-row: 1;
    grid-column: 1;
    text-align: center;
}
.academy_cnt2 .inner .grid .cmt {
    line-height: 2.35;
}
.academy_cnt3 {
    padding: 12rem 0 17rem;
    background: url(/system_panel/uploads/images/bgA.jpg);
}
.academy_cnt3 .inner .col2 {
    display: flex;
    gap: 3.125vw;
    /*6*/
}
.academy_cnt3 .inner .col2 :is(.left, .right) {
    width: 50%;
    background: #fff;
}
.academy_cnt3 .inner .col2 :is(.left, .right) .dl {
    width: 100%;
}
.academy_cnt3 .inner .col2 :is(.left, .right) h4 {
    width: 100%;
    min-height: 6rem;
    padding: 0 2.6vw;
    /*5*/
    font-size: 2.7rem;
    color: #fff;
    text-align: center;
    display: grid;
    align-items: center;
}
.academy_cnt3 .inner .col2 :is(.left, .right) {}
.academy_cnt3 .inner .col2 :is(.left, .right) .pic {
    width: calc(100% - 5.2vw);
    aspect-ratio: 4.2/2.4;
    overflow: hidden;
    margin: 3rem auto;
}
.academy_cnt3 .inner .col2 :is(.left, .right) .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.academy_cnt3 .inner .col2 :is(.left, .right) .catch {
    font-size: 2.5rem;
    color: #3b3b3b;
    text-align: center;
    margin: 0 0 3rem;
    padding: 0 2.6vw;
    /*5*/
}
.academy_cnt3 .inner .col2 :is(.left, .right) .ul {
    margin: 0 auto 3rem;
}
.academy_cnt3 .inner .col2 :is(.left, .right) .li {
    line-height: 2.64;
    list-style: none;
    padding: 0 2.6vw;
    /*5*/
    display: flex;
    gap: 1rem;
    align-items: center;
}
.academy_cnt3 .inner .col2 :is(.left, .right) .li::before {
    content: "";
    background: url(/system_panel/uploads/images/icon_check.png) no-repeat;
    width: 2.2rem;
    min-width: 2.2rem;
    height: 2.1rem;
    display: inline-block;
}
.academy_cnt3 .inner .col2 :is(.left, .right) .em {
    width: calc(100% - 5.2vw);
    min-height: 5rem;
    font-size: 2.1rem;
    color: #3b3b3b;
    background: #e8e5e3;
    display: grid;
    align-items: center;
    text-align: center;
    margin: 0 auto 5rem;
}
.academy_cnt3 .inner .col2 .left h4 {
    background: #d7be77;
}
.academy_cnt3 .inner .col2 .right h4 {
    background: #a0afa0;
}
.academy_cnt3 .inner>h4 {
    font-size: 2.7rem;
    color: #3b3b3b;
    display: flex;
    align-items: center;
    gap: 2rem;
    margin: 10rem auto 3rem;
}
.academy_cnt3 .inner>h4::before {
    content: "";
    width: 0.5rem;
    height: 3rem;
    background: #cbc8c2;
    display: inline-block;
}
.academy_cnt3 .inner .dl {
    display: flex;
    border-bottom: 0.1rem solid #242424;
}
.academy_cnt3 .inner .dl:nth-of-type(1) {
    border-top: 0.1rem solid #242424;
}
.academy_cnt3 .inner .dt {
    width: 25%;
    padding: 1em 2em;
    background: #d9d7d3;
    border-right: 0.1rem solid #242424;
}
.academy_cnt3 .inner .dd {
    width: 75%;
    padding: 1em 2em;
    background: #fff;
}
.academy_cnt3 .inner .em {
    margin: 1rem 0 0;
}
.academy_cnt4 {
    padding: 18rem 0 12rem;
}
.academy_cnt4 .inner .col2 {
    display: flex;
    flex-direction: row-reverse;
    background: #e9e7e3;
}
.academy_cnt4 .inner .col2 .left {
    width: 50%;
    position: relative;
}
.academy_cnt4 .inner .col2 .left .pic {
    width: 100%;
    aspect-ratio: 6/4.8;
    overflow: hidden;
    position: relative;
}
.academy_cnt4 .inner .col2 .left .pic::after {
    content: "";
    width: 20%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(-90deg, rgba(237, 231, 227, 0), rgba(237, 231, 227, 1));
    z-index: 1;
}
.academy_cnt4 .inner .col2 .left .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.academy_cnt4 .inner .col2 .left .badge {
    width: fit-content;
    min-width: 8rem;
    aspect-ratio: 15.5/13.7;
    overflow: hidden;
    position: absolute;
    top: -2rem;
    right: 1rem;
}
.academy_cnt4 .inner .col2 .left .badge img {
    width: 100%;
}
.academy_cnt4 .inner .col2 .right {
    width: 50%;
    padding: clamp(2rem, 1.5625vw, 3rem) clamp(2rem, 3.125vw, 6rem);
}
.academy_cnt4 .inner .col2 .right .titleA {
    margin: 0 0 3rem;
}
.academy_cnt4 .inner .col2 .right .read {
    font-size: 2.1rem;
    color: #3b3b3b;
    line-height: 1.9;
    margin: 0 0 2rem;
    white-space: nowrap;
}
.academy_cnt4 .inner .col2 .right .li {
    list-style: none;
    display: flex;
    gap: 1rem;
    align-items: center;
    margin: 0 0 3rem;
}
.academy_cnt4 .inner .col2 .right .li::before {
    content: "";
    background: url(/system_panel/uploads/images/icon_check.png) no-repeat;
    width: 2.2rem;
    min-width: 2.2rem;
    height: 2.1rem;
    display: inline-block;
}
.academy_cnt4 .inner .col2 .right .cap {
    width: 100%;
    min-height: 5rem;
    padding: 1rem;
    background: #fff;
    display: grid;
    align-items: center;
    font-size: 2.1rem;
    color: #3b3b3b;
    text-align: center;
    line-height: 1.9;
}
.academy_cnt5 {
    padding: 12rem 0 10rem;
    background: url(/system_panel/uploads/images/bgA.jpg);
}
.academy_cnt5 .inner .col2 {
    display: flex;
}
.academy_cnt5 .inner .col2 .left {
    width: 50%;
    padding: 0 7.29vw 0 0;
    /*14*/
    margin: 0 auto 10rem;
}
.academy_cnt5 .inner .col2 .left img {
    width: 100%;
}
.academy_cnt5 .inner .col2 .right {
    width: 50%;
}
.academy_cnt5 .inner .col2 .right .flex {
    display: flex;
    align-items: baseline;
    gap: 1rem;
    margin: 0 0 3rem;
}
.academy_cnt5 .inner .col2 .right .flex p {
    font-size: 3.1rem;
}
.academy_cnt5 .inner .col2 .right .flex .eng {
    font-size: initial;
}
.academy_cnt5 .inner .col2 .right>p:not(.strong) {
    line-height: 2.64;
}
.academy_cnt5 .inner .col2 .right .strong {
    width: fit-content;
    height: 3rem;
    background: #dcd6ce;
    border: 0.1rem solid #bdac96;
    display: grid;
    align-items: center;
    padding: 0 1em;
    color: #3b3b3b;
    margin: 5rem 0 0;
}
.academy_cnt5 .set {
    padding: 8rem 0;
    border-top: 0.1rem solid #c9c8c7;
}
.academy_cnt5 .set:last-of-type {
    border-bottom: 0.1rem solid #c9c8c7;
}
.academy_cnt5 .set h3 {
    font-size: 3.1rem;
    color: #3b3b3b;
    margin: 0 0 3rem;
}
.academy_cnt5 .set p {
    line-height: 2.64;
}





/*access*/
.access_cnt1 {
    padding: 13rem 0 20rem;
}
.access_cnt1 .inner .col2 {
    display: flex;
    align-items: start;
    gap: 3.125vw;
    /*6*/
    margin: 0 auto 14rem;
}
.access_cnt1 .inner .col2 .left {
    width: 48%;
    aspect-ratio: 5.4/6;
    overflow: hidden;
}
.access_cnt1 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.access_cnt1 .inner .col2 .right {
    width: 48%;
}
.access_cnt1 .inner .col2 .right .flex {
    display: flex;
    gap: 1rem;
    align-items: baseline;
    margin: 0 0 2rem;
}
.access_cnt1 .inner .col2 .right .flex p {
    font-size: 3.1rem;
    color: #3b3b3b;
}
.access_cnt1 .inner .col2 .right .flex .ruby {
    font-size: 1.9rem;
}
.access_cnt1 .inner .col2 .right .buttonB {
    margin: 0 0 3rem;
}
.access_cnt1 .inner .col2 .right .dl {
    display: flex;
    gap: 1.5625vw;
    /*3*/
    margin: 0 0 2rem;
}
.access_cnt1 .inner .col2 .right .dt {
    width: fit-content;
    min-width: 8em;
    height: 3rem;
    background: #dcd6ce;
    border: 0.1rem solid #bdac96;
    color: #3b3b3b;
    display: grid;
    align-items: center;
    padding: 0 1em;
    text-align: center;
}
.access_cnt1 .inner .col2 .right .dd {
    width: calc(100% - 6em);
    line-height: 2.05;
}
.access_cnt1 .inner .map {
    width: 100%;
    height: 30rem;
}
.access_cnt1 .inner .map iframe {
    width: 100%;
    height: inherit;
    border: none;
}
.access_cnt2 {
    border-top: 0.1rem solid #dbd7d0;
    border-bottom: 0.1rem solid #dbd7d0;
    margin: 0 auto 24rem;
}
.access_cnt2 .grid {
    width: 80%;
    max-width: 142rem;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.6vw;
    /*5*/
    /*background: url(/system_panel/uploads/images/index_cnt2_gridbg.png) no-repeat center;
    background-size: cover;*/
    border: 0.1rem solid #dbd7d0;
}
.access_cnt2 .grid {
    width: 100%;
}
.access_cnt2 .grid .dl {
    display: grid;
    align-content: start;
    background: #fff;
    gap: 2rem;
    padding: clamp(2rem, 1.5625vw, 3rem) clamp(2rem, 3.125vw, 6rem);
    border: 0.1rem solid #dbd7d0;
}
.access_cnt2 .grid .dt {
    width: 100%;
    font-size: 2.5rem;
}
.access_cnt2 .grid .pic {
    grid-row: 1;
    width: 100%;
    aspect-ratio: 3.7/2.1;
    overflow: hidden;
}
.access_cnt2 .grid .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.access_cnt2 .grid .cmt {
    line-height: 2.17;
}






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


/*blog*/
.blog_cnt2 {
    width: 100%;
    padding: 0 0 18rem;
}
.blog_cnt2 .inner .webgene-blog {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.5rem;
    margin: 0 auto 4rem;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .dl {
    padding: 1.5rem;
    background: #fff;
    display: grid;
    gap: 2rem;
}
.blog_cnt2 .inner .webgene-blog .webgene-item{
background: #fff;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .dt {
    grid-row: 3;
    grid-column: 1;
    line-height: 1.86;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .dt a {
    color: inherit;
    position: relative;
    display: grid;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .dt a::after {
    content: "";
    background: url(/system_panel/uploads/images/arrowA.png) no-repeat;
    width: 1.2rem;
    min-width: 1.2rem;
    height: 0.9rem;
    margin: 0 0 0 auto;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .pic {
    grid-row: 1;
    grid-column: 1;
    width: 100%;
    aspect-ratio: 1/1;
    overflow: hidden;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .pic img {
    grid-row: 1;
    grid-column: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .day {
    grid-row: 2;
    grid-column: 1;
    font-size: 1.6rem;
    color: #c0b28b;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .cate {
    grid-row: 2;
    grid-column: 1;
    margin: 0 0 0 auto;
    display: flex;
    gap: 1rem;
    align-items: center;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .cate::before {
    content: "｜";
    color: #cac8c5;
}
.blog_cnt2 .inner .buttonA {
    margin: 0 0 0 auto;
    background: initial;
}

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

.webgene-pagination ul {
    width: fit-content;
    display: flex;
    margin: 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: #dcd6ce;
    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 13rem;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item {
    margin: 0 auto 5rem;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .dl {
    display: grid;
    gap: 2rem;
    padding: clamp(2rem, 3.645vw, 7rem) clamp(2rem, 5.2vw, 10rem);
    background: #fff;
}
.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.7rem;
    color: #3b3b3b;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .pic {
    grid-row: 3;
    grid-column: 1;
    width: 100%;
    overflow: hidden;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .pic .slider {
    width: 100%;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .pic .slider .slick-img {
    width: 100%;
    aspect-ratio: 3/2;
    overflow: hidden;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .pic .thumbnail {
    width: 100%;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .pic .thumbnail .thumbnail-img {
    width: 100%;
    aspect-ratio: 3/2;
    overflow: hidden;
    margin: 0.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;
    font-size: 1.6rem;
    color: #c0b28b;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .cate {
    grid-row: 1;
    grid-column: 1;
    width: fit-content;
    margin: 0 0 0 8em;
    display: flex;
    gap: 1rem;
    align-items: center;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .cate::before {
    content: "| ";
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .cmt {
    grid-column: 1;
    line-height: 2.05;
}
.blogdetail_cnt2 .inner .buttonA {
    margin: auto;
}







/*contact*/
.contact_cnt1 {
    width: 100%;
    padding: 15rem 0;
}

.contact_cnt1 .inner>p {
    line-height: 2.64;
    margin: 0 0 3rem 0;
}
.contact_cnt1 .inner .col2 {
    display: flex;
    width: 100%;
    height: 7.5rem;
}
.contact_cnt1 .inner .col2 .left {
    width: 17rem;
    height: inherit;
    background: #fff;
    display: grid;
    align-items: center;
    justify-content: center;
}
.contact_cnt1 .inner .col2 .right {
    width: fit-content;
    height: inherit;
    background: #eae7e4;
    display: grid;
    align-items: center;
    padding: 0 1.5em;
}
.contact_cnt1 .inner .col2 .right a {
    color: #3b3b3b;
}
.contact_cnt2 {
    padding: 11rem 0 17rem;
    background: url(/system_panel/uploads/images/bgA.jpg);
}
.contact_cnt2 .inner .titleA * {
    text-align: center;
}
.contact_cnt2 .inner>p {
    line-height: 2.64;
    text-align: center;
    margin: 0 auto 8rem;
}
.contact_cnt2 .inner .tel {
    margin: 0 0 8rem 5.2vw;
    /*10*/
}
.contact_cnt2 .inner .tel .dl {
    display: flex;
    align-items: baseline;
    gap: 1rem;
}
.contact_cnt2 .inner .tel .dt {
    font-size: 1.9rem;
}
.contact_cnt2 .inner .tel .dd {
    font-size: 3rem;
}
.contact_cnt2 .inner .tel .dd a {
    color: inherit;
}
.contact_cnt2 .inner .tel>p {
    font-size: 1.4rem;
    line-height: 1.78;
}

form .dl {
    width: 100%;
    display: flex;
    border-bottom: 0.1rem solid #bab4a9;
}
form .dl:nth-of-type(1) {
    border-top: 0.1rem solid #bab4a9;
}
form .dl .dt {
    width: 40%;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.5rem 2.08vw;
    /*4*/
}
form .dt .required {
    display: inline-block;
    font-size: 1.3rem;
    color: #fff;
    background: #162110;
    padding: 0.5rem;
}
form .dl .dd {
    width: 60%;
    padding: 0.5rem 0;
}
form input[type="text"],
form input[type="email"],
form textarea {
    width: 100%;
    min-height: 6rem;
    background: #f4f2ef;
    border: none;
}
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;
    background: #f4f2ef;
    border: none;
}
form select {}
form .dl .dd .selectArea {}
form .dl .dd .selectArea div {
    width: fit-content;
    display: inline-block;
}
form .dl .dd .checkArea{
    padding: 1rem 0;
}
form .dl .dd .checkArea>div:not(:last-of-type){
    margin: 0 0 1rem;
}
form .dl .dd .fileArea input {
    width: 100%;
}
form .terms {
    background: #ebe9e5;
    border: 0.1rem solid #dedee4;
    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;
}