@charset "UTF-8";





/*index*/
#wrapper .index .mainimg{
    height:initial;
}
.index .mainimg {
    height: 100vh;
    padding: 8rem 12.5vw 0;
    /*24*/
}
.index .mainimg .slider img{
    width: 100%;
}
.index .mainimg .reserve {
    bottom: 7.29vw;
}
.index_cnt1 {
    padding: 18rem 0 33rem;
    background: url(/system_panel/uploads/images/index_cnt1_bg.jpg) no-repeat center bottom;
    background-size: cover;
}
.index_cnt1 .inner .col2 {
    display: flex;
    gap: 4.16vw;
    /*8*/
}
.index_cnt1 .inner .col2 .left {
    width: 50%;
    position: relative;
}
.index_cnt1 .inner .col2 .left .pic1 {
    width: 20.8vw;
    /*40*/
    aspect-ratio: 4/5.8;
    overflow: hidden;
    border-radius: 0.5rem;
    position: absolute;
    right: 4.16vw;
    /*8*/
    top: -2.6vw;
    /*5*/
}
.index_cnt1 .inner .col2 .left .pic2 {
    width: 20.8vw;
    /*40*/
    aspect-ratio: 4/2.4;
    overflow: hidden;
    border-radius: 0.5rem;
    position: absolute;
    left: -9.375vw;
    /*18*/
    top: 17.7vw;
    /*34*/
}
.index_cnt1 .inner .col2 .left .pic3 {
    width: 10.93vw;
    /*21*/
    aspect-ratio: 2.1/2.4;
    overflow: hidden;
    border-radius: 0.5rem;
    position: absolute;
    left: 0;
    top: 31.25vw;/*60*/
    /*bottom: -8.33vw;
    /*16*/
}
.index_cnt1 .inner .col2 .left .pic4 {
    width: 15.625vw;
    /*30*/
    aspect-ratio: 3/2.2;
    overflow: hidden;
    border-radius: 0.5rem;
    position: absolute;
    right: 0;
    top: 29.16vw;/*56*/
    /*bottom: -4.16vw;*/
    /*8*/
    /*bottom: -4.16vw;*/
    /*8*/
}
.index_cnt1 .inner .col2 .left [class^="pic"] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt1 .inner .col2 .right {
    width: 50%;
}
.index_cnt1 .inner .col2 .right>p:not(.buttonA) {
    line-height: 2.75;
    margin: 0 0 5rem;
}
.index_cnt2 {
    padding: 18rem 0 8rem;
}
.index_cnt2 .inner>p:not(.buttonB) {
    line-height: 2.75;
    margin: 0 0 5rem;
}
.index_cnt2 .inner .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.6vw;
    /*5*/
    margin: 0 auto 7rem;
}
.index_cnt2 .inner .grid .figure .pic {
    width: 100%;
    aspect-ratio: 3.6/4.4;
    overflow: hidden;
    border-radius: 0.5rem;
    margin: 0 0 2rem;
}
.index_cnt2 .inner .grid .figure:nth-of-type(1) .pic {
    box-shadow: 1.5rem 1.5rem #f2e2e2;
}
.index_cnt2 .inner .grid .figure:nth-of-type(2) .pic {
    box-shadow: 1.5rem 1.5rem #e6c9c8;
}
.index_cnt2 .inner .grid .figure:nth-of-type(3) .pic {
    box-shadow: 1.5rem 1.5rem #f3e8b6;
}
.index_cnt2 .inner .grid .figure:nth-of-type(4) .pic {
    box-shadow: 1.5rem 1.5rem #f3e8b6;
}
.index_cnt2 .inner .grid .figure:nth-of-type(5) .pic {
    box-shadow: 1.5rem 1.5rem #f2e2e2;
}
.index_cnt2 .inner .grid .figure:nth-of-type(6) .pic {
    box-shadow: 1.5rem 1.5rem #e6c9c8;
}
.index_cnt2 .inner .grid .figure .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt2 .inner .grid .figure .figcaption.buttonA {
    width: 100%;
}
.index_cnt2 .inner>.buttonB {
    margin: auto;
}
.index_cnt3 {
    padding: 8rem 0;
}
.index_cnt3 .titleA {
    text-align: center;
}
.index_cnt3 .inner .webgene-blog {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.125vw;
    /*6*/
    margin: 0 auto 5rem;
}
.index_cnt3 .inner .webgene-blog .webgene-item .dl {
    width: 100%;
    display: grid;
    gap: 2rem;
}
.index_cnt3 .inner .webgene-blog .webgene-item .dt {
    grid-row: 3;
    grid-column: 1;
    font-size: 1.5rem;
}
.index_cnt3 .inner .webgene-blog .webgene-item .dt a {
    color: inherit;
}
.index_cnt3 .inner .webgene-blog .webgene-item .pic {
    grid-row: 1;
    grid-column: 1;
    width: 100%;
    aspect-ratio: 3.6/2.8;
    border-radius: 0.5rem;
    overflow: hidden;
}
.index_cnt3 .inner .webgene-blog .webgene-item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt3 .inner .webgene-blog .webgene-item .cate {
    grid-row: 2;
    grid-column: 1;
    font-size: 1.4rem;
    color: #d5b1b0;
    margin: 0 0 0 auto;
}
.index_cnt3 .inner .webgene-blog .webgene-item .day {
    grid-row: 2;
    grid-column: 1;
    font-size: 1.4rem;
    color: #d5b1b0;
}
.index_cnt3 .inner .buttonB{
    margin: 0 auto;
}
.index_cnt4 {
    padding: 8rem;
}
.index_cnt4 .inner .titleA * {
    text-align: center;
}
.index_cnt4 .inner .flex {
    width: 100%;
    display: flex;
    gap: 0.1rem;
}
.index_cnt4 .inner .flex .webgene-blog {
    width: 75%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.1rem;
}
.index_cnt4 .inner .flex .webgene-blog .webgene-item .pic {
    width: 100%;
    aspect-ratio: 3/4.5;
    overflow: hidden;
    border-radius: 0.5rem;
}
.index_cnt4 .inner .flex .webgene-blog .webgene-item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt4 .inner .flex .more {
    width: 25%;
    display: grid;
    background: #e6c9c8;
    align-items: center;
    text-align: center;
    overflow: hidden;
    border-radius: 0.5rem;
}
.index_cnt4 .inner .flex .more a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    color: inherit;
}
.index_cnt4 .inner .flex .more a::before {
    content: "";
    background: url(/system_panel/uploads/images/nikukyu.png) no-repeat;
    width: 2rem;
    height: 2rem;
    background-size: cover;
    display: inline-block;
}
.index_cnt5 {
    padding: 8rem 0;
}
.index_cnt5 .titleA {
    text-align: center;
}
.index_cnt5 .inner .calendar{
    width: 100%;
    height: 65rem;
    border: none;
}
.index_cnt5 .inner .calendar iframe {
    width: 100%;
    height: inherit;
    border: none;
}
.index_cnt6 {
    padding: 8rem 0;
    background: #fffff9;
    position: relative;
}
.index_cnt6::before {
    content: "";
    background: url(/system_panel/uploads/images/index_cnt6_before.png) no-repeat top;
    width: 100%;
    aspect-ratio: 172/168;
    background-size: cover;
    display: inline-block;
    position: absolute;
    top: -18rem;
    left: 0;
    z-index: -1;
}
.index_cnt6 .inner .titleA * {
    text-align: center;
}
.index_cnt6 .inner .col2 {
    display: flex;
    gap: 2.08vw;
    /*4*/
    max-width: 100rem;
    margin: auto;
}
.index_cnt6 .inner .col2 :is(.left, .right) {
    width: 50%;
    border-radius: 0.5rem;
    padding: 1.5rem;
    display: grid;
    align-items: center;
    align-content: center;
}
.index_cnt6 .inner .col2 :is(.left, .right) p {
    font-size: 1.5rem;
    text-align: center;
}
.index_cnt6 .inner .col2 :is(.left, .right) :is(.tel, .line) {
    font-size: 2.7rem;
    font-family: "Kaisei Decol", serif;
    text-align: center;
    margin: 0 auto 2rem;
}
.index_cnt6 .inner .col2 :is(.left, .right) :is(.tel, .line) a {
    color: inherit;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.index_cnt6 .inner .col2 .left {
    width: 100%;
    background: linear-gradient(45deg, rgba(251, 249, 243, 1), rgba(239, 236, 226, 1));
}
.index_cnt6 .inner .col2 .left .tel a::before {
    content: "";
    background: url(/system_panel/uploads/images/icon_tel.png) no-repeat;
    width: 3rem;
    height: 3rem;
    display: inline-block;
}
.index_cnt6 .inner .col2 .left .dl {
    width: fit-content;
    margin: auto;
    display: flex;
    gap: 1rem;
    line-height: 1.8;
}
.index_cnt6 .inner .col2 .right {
    width: 100%;
    background: linear-gradient(45deg, rgba(241, 253, 234, 1), rgba(228, 250, 216, 1));
}
.index_cnt6 .inner .col2 .right .line a::before {
    content: "";
    background: url(/system_panel/uploads/images/icon_line.png) no-repeat;
    width: 3.3rem;
    height: 3.2rem;
    display: inline-block;
}
.index_cnt6 .inner .col2 .right .em {
    width: fit-content;
    background: #fff;
    margin: 1rem auto 0;
}
.index_cnt6 .inner .col2 .right .em a {
    padding: 1rem 2em;
    color: inherit;
    position: relative;
}
.index_cnt6 .inner .col2 .right .em a::after {
    content: "";
    background: url(/system_panel/uploads/images/icon_click.png) no-repeat;
    width: 2.75vw;
    /*5.3*/
    aspect-ratio: 5.3/3.2;
    background-size: cover;
    overflow: hidden;
    display: inline-block;
    position: absolute;
    right: -1.3vw;
    /*2.5*/
    top: 1rem;
}
.index_cnt7 {
    padding: 8rem 0 15rem;
    background: #fffff9;
    position: relative;
}
.index_cnt7 .inner h3 {
    font-size: 2.7rem;
    font-family: "Kaisei Decol", serif;
    margin: 0 0 4rem;
}

/*contact*/
form .dl {
    width: 100%;
    display: flex;
    gap: 1rem;
}
form .dl .dt {
    width: 30%;
    min-height: 6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 2rem;
    border-bottom: 0.1rem solid #e6c9c8;
    font-size: 1.5rem;
}
form .dt .required {
    width: fit-content;
    height: 2.2rem;
    background: #dfb5b3;
    border-radius: 0.5rem;
    color: #fff;
    padding: 0 1em;
    display: grid;
    align-items: center;
    font-size: 1.3rem;
    color: #fff;
}
form .dl .dd {
    width: 70%;
    min-height: 6rem;
    display: grid;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 0.1rem solid #f2e2e2;
    font-size: 1.5rem;
}
.addArea_mar {
    margin-bottom: 1rem;
}
form input[type="text"],
form input[type="email"],
form textarea {
    width: 100%;
    min-height: 5rem;
    background: #f9f5e5;
    border-radius: 0.5rem;
}
form textarea {
    height: 20rem;
}
form input.zipInput {
    width: 40%;
}
form input[type="text"],
form input[type="email"],
form input[type="checkbox"],
form textarea {
    padding: 0 1em;
    border: none;
}
form .checkArea>div:not(:last-of-type) {}
form select {}
form .dl .dd .checkArea {
    display: flex;
    align-items: center;
    gap: 3rem;
}
form .dl .dd .checkArea>div {
    margin: initial;
}
form .dl .dd .selectArea {}
form .dl .dd .selectArea div {
    width: fit-content;
    display: inline-block;
}
form .dl .dd .fileInput {
    margin: 0 0 1rem;
}
form .dl .dd .fileArea input {
    width: 100%;
}
form .terms {
    background: #f6f4eb;
    border-radius: 0.5rem;
    padding: clamp(2rem, 1.08vw, 4rem);
    height: 17rem;
    overflow-y: scroll;
    font-size: 1.4rem;
    line-height: 2.14;
    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;
}





/*about*/
.about .mainimg>.pic img {
    object-position: center -10rem;
}
.about_cnt1 {
    padding: 11rem 0 14rem;
    background: url(/system_panel/uploads/images/index_cnt1_bg.jpg) no-repeat bottom center;
    background-size: cover;
}
.about_cnt1 .inner .col2 {
    display: flex;
    gap: 4.16vw;
    /*8*/
}
.about_cnt1 .inner .col2 .left {
    width: 37%;
    display: grid;
    gap: 2rem;
}
.about_cnt1 .inner .col2 .left .pic {
    width: 100%;
    aspect-ratio: 4/5.2;
    overflow: hidden;
    border-radius: 0.5rem;
}
.about_cnt1 .inner .col2 .left .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.about_cnt1 .inner .col2 .left .name {
    font-size: 2.7rem;
    font-family: "Kaisei Decol", serif;
    display: flex;
    gap: 1rem;
}
.about_cnt1 .inner .col2 .left .name::before {
    content: "";
    width: 0.5rem;
    height: 1em;
    background: #ecdb8f;
    display: inline-block;
}
.about_cnt1 .inner .col2 .left p:not(.name) {
    line-height: 1.875;
}
.about_cnt1 .inner .col2 .right {
    width: 63%;
}
.about_cnt1 .inner .col2 .right p {
    line-height: 2.75;
}
.about_cnt2 {
    padding: 20rem 0;
}
.about_cnt2 .inner .set {
    width: 72%;
}
.about_cnt2 .inner .set .col2 {
    display: flex;
    gap: 2.08vw;
    /*4*/
    margin: 0 0 5rem;
}
.about_cnt2 .inner .set .col2 :is(.left, .right) {
    width: 50%;
    aspect-ratio: 4.1/3.2;
    overflow: hidden;
    border-radius: 0.5rem;
}
.about_cnt2 .inner .set .col2 :is(.left, .right) img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.about_cnt2 .inner .set:nth-of-type(2) .col2 .left {
    box-shadow: 1.5rem 1.5rem #f2e2e2;
}
.about_cnt2 .inner .set:nth-of-type(2) .col2 .right {
    box-shadow: 1.5rem 1.5rem #e6c9c8;
}
.about_cnt2 .inner .set:nth-of-type(3) {
    margin: 0 0 0 auto;
}
.about_cnt2 .inner .set:nth-of-type(3) .col2 .left {
    box-shadow: 1.5rem 1.5rem #f3e8b6;
}
.about_cnt2 .inner .set:nth-of-type(3) .col2 .right {
    box-shadow: 1.5rem 1.5rem #f2e2e2;
}
.about_cnt2 .inner .set>p {
    line-height: 2.75;
    margin: 0 0 7rem;
}
.about_cnt2 .inner .window {
    padding: clamp(2rem, 3.125vw, 6rem);
    background: url(/system_panel/uploads/images/bgA.jpg);
    border-radius: 0.5rem;
}
.about_cnt2 .inner .window .dl {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin: 0 0 3rem;
}
.about_cnt2 .inner .window .dt {
    font-size: 2.7rem;
    font-family: "Kaisei Decol", serif;
}
.about_cnt2 .inner .window .dd {
    font-size: 1.8rem;
    font-family: "Kaisei Decol", serif;
    color: #d5b1b0;
}
.about_cnt2 .inner .window .col2 {
    display: flex;
    gap: 3.125vw;
    /*6*/
}
.about_cnt2 .inner .window .col2 .left {
    width: 42%;
    aspect-ratio: 4/5.2;
    overflow: hidden;
    border-radius: 0.5rem;
}
.about_cnt2 .inner .window .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.about_cnt2 .inner .window .col2 .right {
    width: 58%;
}
.about_cnt2 .inner .window .col2 .right>p {
    line-height: 2.75;
}
.about_cnt3 {
    padding: 41rem 0 7rem;
    background: url(/system_panel/uploads/images/20260819164231532862.png) center top no-repeat;
    background-size: contain;
}
.about_cnt3 .inner {
    width: 90%;
}
.about_cnt3 .window {
    width: 90%;
    max-width: 142rem;
    margin: auto;
    background: #fcf7ed;
    border-radius: 1rem;
    padding: clamp(2rem, 4.16vw, 8rem);
}
.about_cnt3 .window .titleA {
    margin: 0 0 9rem;
}
.about_cnt3 .window .inner h4 {
    font-size: 2.7rem;
    font-family: "Kaisei Decol", serif;
    margin: 0 0 2rem;
}
.about_cnt3 .window .inner .dl {
    padding: clamp(2rem, 3.125vw, 6rem) 0 clamp(2rem, 3.125vw, 6rem) 7.8125vw;
    /*15*/
    position: relative;
}
.about_cnt3 .window .inner .dl:not(:last-of-type) {
    border-bottom: 0.1rem solid #d2a09e;
}
.about_cnt3 .window .inner .dl::before {
    content: "";
    background: url(/system_panel/uploads/images/about_cnt3_badge.png) no-repeat;
    background-size: cover;
    width: 7.5rem;
    height: 7.5rem;
    display: inline-grid;
    align-items: end;
    text-align: center;
    position: absolute;
    left: 1.5625vw;
    /*3*/
    top: calc(50% - 3.75rem);
    font-size: 2rem;
    font-family: "Kaisei Decol", serif;
    padding: 0 0 2rem;
}
.about_cnt3 .window .inner .dl:nth-of-type(2)::before {
    content: "01";
}
.about_cnt3 .window .inner .dl:nth-of-type(3)::before {
    content: "02";
}
.about_cnt3 .window .inner .dl:nth-of-type(4)::before {
    content: "03";
}
.about_cnt3 .window .inner .dt {
    font-size: 2.7rem;
    color: #d09a99;
    margin: 0 0 3rem;
}
.about_cnt3 .window .inner .dd {
    line-height: 2.75;
}
.about_cnt4 {
    padding: 15rem 0;
}
.about_cnt4 .inner .col2 {
    display: flex;
    gap: 3.125vw;
    /*6*/
    margin: 0 auto 8rem;
}
.about_cnt4 .inner .col2 .left {
    width: 53%;
    display: grid;
    gap: 2rem;
}
.about_cnt4 .inner .col2 .left .pic {
    width: 100%;
    aspect-ratio: 6/4;
    overflow: hidden;
    border-radius: 0.5rem;
}
.about_cnt4 .inner .col2 .left .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.about_cnt4 .inner .col2 .right {
    width: 47%;
}
.about_cnt4 .inner .col2 .right .dl {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    line-height: 2;
}
.about_cnt4 .inner .col2 .right .dl:last-of-type {
    margin: 0 0 5rem;
}
.about_cnt4 .inner .col2 .right .dt {
    width: 34%;
    align-self: stretch;
    padding: 1rem 0 1rem 2rem;
    min-height: 6.6rem;
    border-bottom: 0.1rem solid #e6c9c8;
    display: grid;
    align-items: center;
}
.about_cnt4 .inner .col2 .right .dd {
    width: 66%;
    padding: 1rem 0 1rem 2rem;
    min-height: 6.6rem;
    border-bottom: 0.1rem solid #f2e2e2;
    display: grid;
    align-items: center;
}
.about_cnt4 .inner .col2 .right>p {
    line-height: 2.75;
}
.about_cnt4 .inner .map {
    width: auto;
    /*width: 120rem;*/
    height: 30rem;
    border-radius: 1rem;
    overflow: hidden;
}
.about_cnt4 .inner .map iframe {
    width: 100%;
    height: inherit;
    border: none;
}
.about_cnt5 {
    padding: 5rem 0;
}
.about_cnt5 .inner .window .col2 .left {
    width: 42%;
    aspect-ratio: 4 / 2.2;
    overflow: hidden;
    border-radius: 0.5rem;
}
.about_cnt5 .inner .window .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.about_cnt5 .inner .window .col2 {
    display: flex;
    gap: 3.125vw;
}
.about_cnt5 .inner .window .col2 .right {
    width: 58%;
}
.about_cnt5 .inner .window .col2 .right>p {
    line-height: 2.75;
}
.about_cnt5 .inner .window {
    padding: clamp(2rem, 3.125vw, 6rem);
    background: url(/system_panel/uploads/images/bgA.jpg);
    border-radius: 0.5rem;
}


/*lesson*/
.lesson .mainimg>.pic img {
    object-position: top center;
}
.lesson_cnt1 {
    padding: 10rem 0 15rem;
}
.lesson_cnt1 .inner .ul {
    display: flex;
    gap: 1rem;
    margin: 0 0 8rem;
}
.lesson_cnt1 .inner .li {
    width: fit-content;
    height: 6rem;
    border: 0.1rem solid #b6a776;
    border-radius: 0.5rem;
    position: relative;
    font-size: 2.1rem;
    font-family: "Kaisei Decol", serif;
    list-style: none;
    padding: 0 3em;
    color: inherit;
    display: grid;
    align-items: center;
    text-decoration: none;
}
.lesson_cnt1 .inner .li::before {
    content: "";
    width: 100%;
    height: inherit;
    border: 0.1rem solid #b6a776;
    display: inline-block;
    position: absolute;
    left: -0.5rem;
    top: -0.5rem;
    z-index: -1;
}
.lesson_cnt1 .inner .li a {}
.lesson_cnt1 .inner .col2 {
    display: flex;
    gap: 2.08vw;
    /*4*/
    align-items: start;
}
.lesson_cnt1 .inner .col2 .left {
    width: 34%;
    aspect-ratio: 4/3;
    border-radius: 0.5rem;
    overflow: hidden;
}
.lesson_cnt1 .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.lesson_cnt1 .inner .col2 .right {
    width: 66%;
}
.lesson_cnt1 .inner .col2 .right .flex {
    display: flex;
    gap: 2rem;
    align-items: center;
    margin: 0 0 3rem;
}
.lesson_cnt1 .inner .col2 .right .flex h4 {
    font-size: 2.7rem;
    font-family: "Kaisei Decol", serif;
    display: flex;
    gap: 1rem;
}
.lesson_cnt1 .inner .col2 .right .flex h4::before {
    content: "";
    width: 0.5rem;
    height: 1em;
    background: #ecdb8f;
    display: inline-block;
}
.lesson_cnt1 .inner .col2 .right>p {
    line-height: 2.75;
}
.lesson_cnt1 .inner .col2 {
    margin: 0 0 3rem;
}
.lesson_cnt1 .inner>.em {
    color: #af9695;
    line-height: 2.75;
    margin: 0 0 15rem;
}
.lesson_cnt1 .inner .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.6vw;
    /*5*/
    margin: 0 auto 10rem;
}
.lesson_cnt1 .inner .grid .dl {
    width: 100%;
    display: grid;
    gap: 2.5rem;
}
.lesson_cnt1 .inner .grid .dt {
    font-size: 2.7rem;
    font-family: "Kaisei Decol", serif;
}
.lesson_cnt1 .inner .grid .pic {
    grid-row: 1;
    width: 100%;
    aspect-ratio: 5.6/4.4;
    border-radius: 0.5rem;
    overflow: hidden;
}
.lesson_cnt1 .inner .grid .dl:nth-of-type(1) .pic {
    box-shadow: 1.5rem 1.5rem #f2e2e2;
}
.lesson_cnt1 .inner .grid .dl:nth-of-type(2) .pic {
    box-shadow: 1.5rem 1.5rem #e6c9c8;
}
.lesson_cnt1 .inner .grid .dl:nth-of-type(3) .pic {
    box-shadow: 1.5rem 1.5rem #f3e8b6;
}
.lesson_cnt1 .inner .grid .dl:nth-of-type(4) .pic {
    box-shadow: 1.5rem 1.5rem #f3e8b6;
}
.lesson_cnt1 .inner .grid .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.lesson_cnt1 .inner .grid .cap {
    color: #af9695;
}
.lesson_cnt1 .inner .grid .cmt {
    line-height: 2.75;
    border-bottom: 0.1rem solid #6f504f;
}
.lesson_cnt1 .inner .grid .price {}
.lesson_cnt1 .inner .dance {
    display: grid;
    gap: 3rem 5.2vw;
    grid-template-columns: 1fr 42%;
    grid-template-rows: auto auto 1fr auto;
    padding: clamp(2rem, 3.125vw, 6rem);
    background: url(/system_panel/uploads/images/bgA.jpg);
    border-radius: 0.5rem;
}
.lesson_cnt1 .inner .dance .dt {
    grid-row: 2;
    grid-column: 1;
    font-size: 2.7rem;
    font-family: "Kaisei Decol", serif;
}
.lesson_cnt1 .inner .dance .cap {
    grid-row: 1;
    grid-column: 1;
    color: #af9695;
}
.lesson_cnt1 .inner .dance .pic {
    grid-row: span 4;
    grid-column: 2;
    width: 100%;
    aspect-ratio: 4/3.7;
    overflow: hidden;
    border-radius: 0.5rem;
}
.lesson_cnt1 .inner .dance .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.lesson_cnt1 .inner .dance .cmt {
    grid-row: 3;
    grid-column: 1;
    line-height: 2.75;
    border-bottom: 0.1rem solid #6f504f;
}
.lesson_cnt2 {
    padding: 10rem 0;
    background: #efece2;
}
.lesson_cnt2 .window {
    width: 90%;
    max-width: 142rem;
    margin: auto;
    background: #fcf7ed;
    border-radius: 1rem;
    padding: clamp(2rem, 4.16vw, 8rem);
}
.lesson_cnt2 .window .inner .col2 {
    width: 100%;
    display: flex;
    gap: 3.125vw;
    /*6*/
    position: relative;
    margin: 0 0 5rem;
}
.lesson_cnt2 .window .inner .col2:last-of-type {
    margin: 0 0 10rem;
}
.lesson_cnt2 .window .inner .col2::before {
    content: "";
    background: url(/system_panel/uploads/images/about_cnt3_badge.png) no-repeat;
    background-size: cover;
    width: 7.5rem;
    height: 7.5rem;
    display: inline-grid;
    align-items: end;
    text-align: center;
    position: absolute;
    left: -3.75rem;
    top: -3.75rem;
    font-size: 2rem;
    font-family: "Kaisei Decol", serif;
    padding: 0 0 2rem;
    z-index: 1;
}
.lesson_cnt2 .window .inner .col2:nth-of-type(2)::before {
    content: "01";
}
.lesson_cnt2 .window .inner .col2:nth-of-type(3)::before {
    content: "02";
}
.lesson_cnt2 .window .inner .col2:nth-of-type(4)::before {
    content: "03";
}
.lesson_cnt2 .window .inner .col2:nth-of-type(5)::before {
    content: "04";
}
.lesson_cnt2 .window .inner .col2 .left {
    width: 45%;
    aspect-ratio: 4.8/3.2;
    border-radius: 0.5rem;
    overflow: hidden;
}
.lesson_cnt2 .window .inner .col2 .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.lesson_cnt2 .window .inner .col2 .right {
    width: 55%;
}
.lesson_cnt2 .window .inner .col2 .right h4 {
    font-size: 2.7rem;
    font-family: "Kaisei Decol", serif;
    margin: 0 0 3rem;
}
.lesson_cnt2 .window .inner .col2 .right>p:not(.buttonA) {
    margin: 0 0 3rem;
    line-height: 2.75;
}
.lesson_cnt2 .window .inner .dl {
    width: 100%;
    padding: clamp(2rem, 1.5625vw, 3rem) clamp(2rem, 2.6vw, 5rem);
    background: #fff;
    border-radius: 0.5rem;
}
.lesson_cnt2 .window .inner .dt {
    font-size: 2.7rem;
    font-family: "Kaisei Decol", serif;
    margin: 0 0 2rem;
}
.lesson_cnt2 .window .inner .dd {
    line-height: 2.75;
}
.lesson_cnt3 {
    padding: 12rem 0;
}
.lesson_cnt3 .inner .titleA {
    margin: 0 auto 10rem;
}
.lesson_cnt3 .inner .titleA * {
    text-align: center;
}
.lesson_cnt3 .inner .col2 {
    width: 100%;
    display: flex;
    gap: 2.6vw;
    /*5*/
}
.lesson_cnt3 .inner .col2 :is(.left, .right) {
    width: 50%;
    position: relative;
    display: flex;
    flex-direction: column;
}
.lesson_cnt3 .inner .col2 :is(.left, .right) h4 {
    font-size: 2.7rem;
    font-family: "Kaisei Decol", serif;
    display: flex;
    gap: 1rem;
    margin: 0 0 3rem;
}
.lesson_cnt3 .inner .col2 :is(.left, .right) h4::before {
    content: "";
    width: 0.5rem;
    height: 1em;
    background: #ecdb8f;
    display: inline-block;
}
.lesson_cnt3 .inner .col2 :is(.left, .right)>p {
    line-height: 2.31;
    margin: 0 0 3rem;
}
.lesson_cnt3 .inner .col2 :is(.left, .right) .em {
    background: #f4f2f2;
    padding: 3rem;
    border-radius: 0.5rem;
    margin: 0 0 5rem;
}
.lesson_cnt3 .inner .col2 :is(.left, .right) .pic {
    width: 100%;
    aspect-ratio: 5.75/3.8;
    overflow: hidden;
    border-radius: 0.5rem;
    margin: auto 0 0;
}
.lesson_cnt3 .inner .col2 :is(.left, .right) .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}






/*blog&blogdetail共通*/
:is(.blog, .blogdetail) .mainimg>.pic img {
    object-position:center -6rem;
}
:is(.blog_cnt1, .blogdetail_cnt1) {
    padding: 8rem 0;
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner {}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 2.08vw;
    /*4*/
}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog .webgene-item {}
:is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog .webgene-item a {}


/*blog*/
.blog_cnt2 {
    padding: 0 0 15rem;
}
.blog_cnt2 .inner {}
.blog_cnt2 .inner .webgene-blog {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.6vw;
    /*5rem*/
}
.blog_cnt2 .inner .webgene-blog .webgene-item {}
.blog_cnt2 .inner .webgene-blog .webgene-item .dl {
    width: 100%;
    display: grid;
    gap: 2rem;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .dt {
    grid-row: 3;
    grid-column: 1;
    font-size: 1.5rem;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .dt a {
    color: inherit;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .pic {
    grid-row: 1;
    grid-column: 1;
    width: 100%;
    aspect-ratio: 3.6/2.8;
    border-radius: 0.5rem;
    overflow: hidden;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .cate {
    grid-row: 2;
    grid-column: 1;
    font-size: 1.4rem;
    color: #d5b1b0;
    margin: 0 0 0 auto;
}
.blog_cnt2 .inner .webgene-blog .webgene-item .day {
    grid-row: 2;
    grid-column: 1;
    font-size: 1.4rem;
    color: #d5b1b0;
}
.blog_cnt2 .inner .buttonA {
    margin: auto;
}

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

.webgene-pagination ul {
    width: fit-content;
    display: flex;
    margin: 12rem 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;
    background: #efece2;
    border-radius: 50%;
    width: 3em;
    height: 3em;
    margin: 0 0.5em;
}
.webgene-pagination ul .number.selected {
    list-style: none;
    background: #d7afaf;
    width: 3em;
    height: 3em;
    margin: 0 0.5em;
    color: #fff;
}
.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;
    color: inherit;
}





/*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 {
    width: 100%;
    display: grid;
    gap: 2rem;
}
.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;
    font-family: "Kaisei Decol", serif;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .pic {
    grid-row: 3;
    grid-column: 1;
    width: 100%;
    /*aspect-ratio: 3.6/2.8;*/
    border-radius: 0.5rem;
    overflow: hidden;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .pic :is(.slider, .thumbnail) {
    width: 100%;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .pic :is(.slider, .thumbnail) :is(.slick-img, .thumbnail-img) {
    width: 100%;
    aspect-ratio: 3/2;
    overflow: hidden;
    border-radius: 0.5rem;
    margin: 0.5rem;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .pic :is(.slider, .thumbnail) :is(.slick-img, .thumbnail-img) img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .day {
    grid-row: 1;
    grid-column: 1;
    font-size: 1.4rem;
    color: #d5b1b0;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .cate {
    grid-row: 1;
    grid-column: 1;
    font-size: 1.4rem;
    color: #d5b1b0;
    margin: 0 0 0 10em;
}
.blogdetail_cnt2 .inner .webgene-blog .webgene-item .cmt {
    grid-column: 1;
    line-height: 2.93;

}
.blogdetail_cnt2 .inner .buttonA {
    margin: auto;
}