@charset "utf-8";
.index .mainimg {
    width: 100%;
    height: 61rem;
    background: url(../img/index_mainimg_bg.png) center no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
    overflow: initial;
}
.index .mainimg .pic {
    width: 55%;
    height: inherit;
    position: absolute;
    left: 0;
    bottom: -5rem;
    z-index: 2;
    clip-path: polygon(0 0, 70% 0, 100% 100%, 0 100%);
    overflow: hidden;
}
.index .mainimg .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index .mainimg .maintitle {
    width: 92%;
    max-width: initial;
    display: grid;
    position: absolute;
    background: #fff;
    padding: 9rem 0 9rem 52%;
    z-index: initial;
    left: initial;
    top: initial;
}
.index .mainimg .maintitle h2 {
    font-size: 4rem;
    color: initial;
    text-shadow: initial;
}
.index .mainimg .maintitle p {
    font-size: 8rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: bold;
    grid-row: 1/2;
    line-height: 1.07;
    color: initial;
    margin: 0 0 2rem;
    text-shadow: initial;
}
.index_cnt1 {
    width: 100%;
    padding: 10rem 0;
    background: url(../img/index_cnt1_bg.png) no-repeat center;
    background-size: cover;
}
.index_cnt1 .title {
    width: fit-content;
    margin: 0 auto 3rem;
    /*background: url(../img/titleA_bar.png) no-repeat center bottom;*/
    padding: 0 0 1.5rem;
}
.index_cnt1 .title h3 {
    font-size: 2.4rem;
    text-align: center;
}
.index_cnt1 .title h3 br {
    display: none;
}
.index_cnt1 .title p {
    font-size: 4rem;
    font-weight: bold;
    text-align: center;
}
.index_cnt1 .inner>p {
    font-size: 2rem;
    text-align: center;
    line-height: 1.59;
}
.index_cnt2 {
    padding: 10rem 0;
}
.index_cnt2 h3 {
    font-size: 4rem;
    text-align: center;
}
.index_cnt2 .catch {
    font-size: 2.8rem;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 4.5rem;
}
.index_cnt2 ul {
    width: 80%;
    max-width: 80rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5.72vw;
    /*10*/
    margin: auto;
}
.index_cnt2 li {
    width: 100%;
    font-size: 2.7rem;
    font-weight: bold;
    text-align: center;
    list-style: none;
    aspect-ratio: 1/1;
}
.index_cnt2 li a {
    width: 100%;
    height: 100%;
    display: grid;
    align-content: center;
    text-decoration: none;
    color: #000;
}
.index_cnt2 li:nth-of-type(1) {
    background: #fff;
    box-shadow: 1rem 1rem 0 #82E87D;
    border: 0.5rem solid #DDFFC4;
}
.index_cnt2 .inner>ul li:nth-of-type(1):hover {
    background: #DDFFC4;
    transition: 0.5s;
}
.index_cnt2 li:nth-of-type(2) {
    background: #fff;
    box-shadow: 1rem 1rem 0 #E7AC57;
    border: 0.5rem solid #FFE399;
}
.index_cnt2 .inner>ul li:nth-of-type(2):hover {
    background: #FFE399;
    transition: 0.5s;
}
.index_cnt2 li:nth-of-type(3) {
    background: #fff;
    box-shadow: 1rem 1rem 0 #4ACCD6;
    border: 0.5rem solid #DCF7FF;
}
.index_cnt2 .inner>ul li:nth-of-type(3):hover {
    background: #DCF7FF;
    transition: 0.5s;
}
.index_cnt3 {
    background: url(../img/index_cnt3_bg.png) no-repeat center top #f6f6b7;
    padding: 15rem 0 10rem;
}
.index_cnt3 .read {
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
}
.index_cnt3 .catch {
    font-size: 4rem;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 2rem;
}
.index_cnt3 p {
    font-size: 1.6rem;
    text-align: center;
    margin: 0 auto 4rem;
}
.index_cnt3 .pic {
    width: 100%;
    height: 34rem;
}
.index_cnt3 .pic .slider {
    width: 100%;
    height: inherit;
    overflow: hidden;
}
.index_cnt3 .pic * {
    width: 100%;
    height: 100%;
}
.index_cnt3 .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt4 {
    width: 100%;
    min-height: 90rem;
    position: relative;
}
.index_cnt4 .title {
    width: 50%;
    height: 15rem;
    display: grid;
    align-content: center;
    gap: 1rem;
    margin: 0;

}
.index_cnt4 .title::before {
    content: "";
    width: 50%;
    min-height: 15rem;
    display: inline-block;
    background: #FFE399;
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.index_cnt4 .title h3 {
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1;
    position: relative;
    z-index: 3;
    text-align: left;
}
.index_cnt4 .title p {
    font-size: 4rem;
    font-weight: 600;
    line-height: 1;
    position: relative;
    z-index: 3;
}
.index_cnt4 .pic {
    width: 100%;
    height: 100%;
    aspect-ratio: 19.2/13;
    overflow: hidden;
    left: 0;
    top: 0;
    position: absolute;
}
.index_cnt4 .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt4 h4 {
    font-size: 2.8rem;
    line-height: 1.67;
    color: #fff;
    position: relative;
    z-index: 2;
    padding: 0 0 0 55%;
    margin: 0 0 3rem;
    text-shadow: 0 0 0.5rem rgba(0,0,0,0.7);
}
.index_cnt4 .inner>p {
    color: #fff;
    font-weight: bold;
    line-height: 2.3;
    position: relative;
    z-index: 2;
    padding: 0 0 0 55%;
    text-shadow: 0 0 0.5rem rgba(0,0,0,0.7);
}
.index_cnt5 {
    padding: 12rem 0;
}
.index_cnt5 .inner .col2 {
    display: flex;
    gap: 3.125vw;
    /*6*/
}
.index_cnt5 .inner .col2 .left {
    width: 50%;
}
.index_cnt5 .inner .col2 .left dl {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 1rem;
    background: #FFFFA1;
}
.index_cnt5 .inner .col2 .left dl:not(:last-of-type) {
    margin: 0 0 3rem;
}
.index_cnt5 .inner .col2 .left dl:nth-of-type(2) {
    background: #FFE6E4;
}
.index_cnt5 .inner .col2 .left dl:nth-of-type(2) dt {
    border-bottom: 0.1rem solid #FF99C9;
}
.index_cnt5 .inner .col2 .left dt {
    grid-row: 1/2;
    grid-column: 2/3;
    font-size: 2rem;
    margin: 0 1.3vw 1rem;
    /*2.5*/
    border-bottom: 0.1rem solid #FFCF2A;
    padding: 4rem 0 0;
}
.index_cnt5 .inner .col2 .left .pic {
    grid-row: 1/3;
    grid-column: 1/2;
}
.index_cnt5 .inner .col2 .left .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.index_cnt5 .inner .col2 .left .cmt {
    grid-row: 2/3;
    grid-column: 2/3;
    margin: 0 1.3vw;
    /*2.5*/
    line-height: 1.375;
    padding: 0 0 4rem;
}
.index_cnt5 .inner .col2 .right {
    width: 50%;
    display: flex;
    gap: 3rem;
}
.index_cnt5 .inner .col2 .right :is(.fb, .insta) h2 {
    font-size: 2.2rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 1.5rem 0 0;
    margin: 0 0 1rem;
}
.index_cnt5 .inner .col2 .right :is(.fb, .insta) h2::before {
    content: "";
    width: 4rem;
    height: 4rem;
    display: inline-block;
}
.index_cnt5 .inner .col2 .right .fb h2::before {
    background: url(../img/icon_fb2.png) no-repeat;
    background-size: cover;
}
.index_cnt5 .inner .col2 .right .insta h2::before {
    background: url(../img/icon_insta.png) no-repeat;
    background-size: cover;
}
.index_cnt5 .inner .col2 .right .top_fb_box {
    width: 66%;
}
.index_cnt5 .inner .col2 .right .fb {
    background: #1877F2;
    border-radius: 1rem;
    padding: 1rem;
}
.index_cnt5 .inner .col2 .right .fb span {
    height: 100% !important;
}
.index_cnt5 .inner .col2 .right .fb span iframe {
    height: 100%;
}
.index_cnt5 .inner .col2 .right .insta {
    width: 33%;
    background: #FF3F4F;
    border-radius: 1rem;
}

.index_cnt5 .inner .col2 .right .insta iframe {
    width: 100% !important;
    min-width: initial !important;
}
.index_cnt6 .pic {
    width: 100%;
    height: 34rem;
}
.index_cnt6 .pic .slider {
    width: 100%;
    height: inherit;
    overflow: hidden;
}
.index_cnt6 .pic * {
    width: 100%;
    height: 100%;
}
.index_cnt6 .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}





/*course*/

.course header .right nav>ul>li:nth-of-type(3) {
    background: #FFFFE1;
}
.course .mainimg img {
    object-position: 0 -43.5rem;
}
.course_cnt1 {
    width: 100%;
    padding: 10rem 0;
}
.course_cnt1 .inner {
    max-width: 120rem;
}
.course_cnt1 .title {
    /*width: fit-content;
    margin: 0 auto 3rem;
    padding: 0 0 1.5rem;*/
    /*background: url(../img/titleA_bar.png) no-repeat center bottom;*/
}
.course_cnt1 .read {
}
.course_cnt1 .title p {
    font-size: 4rem;
    text-align: center;
}
.course_cnt1 .inner .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10rem 1rem;
}
.course_cnt1 .inner dl {
    width: 100%;
    display: grid;
    grid-template-rows: 0.2fr 1fr 0.1fr 0.4fr 0.5fr;
}
.course_cnt1 .inner dt {
    font-weight: bold;
    margin: 0 auto 1rem;
    min-height: 4em;
}
.course_cnt1 .inner .video {
    width: 100%;
    /*aspect-ratio: 4/3;
    overflow: hidden;*/
    aspect-ratio: 1/1;
    background: #ccc;
    margin: 0 auto 1rem;
}
.course_cnt1 .inner .video video {
    width: 100%;
    height: 100%;
    /*height: 100%;
    object-fit: cover;
    object-position: center;*/
}
.course_cnt1 .inner .from {
    width: 100%;
    margin: 0 auto 1rem;
}
.course_cnt1 .inner .history {
    width: 100%;
    margin: 0 auto 2rem;
    padding: 0 0 1rem;
    border-bottom: 0.1rem solid #000;
    display: flex;
    align-items: start;
}
.course_cnt1 .inner .history::before {
    content: "";
    width: 1.6rem;
    min-width: 1.6rem;
    height: 1.6rem;
    display: inline-block;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    background: #82E87D;
    margin: 0.5rem 0 0;
}
.course_cnt1 .inner dl:nth-of-type(4) .history::before {
    background: #4ACCD6;
}
.course_cnt1 .inner dl:nth-of-type(5) .history::before {
    background: #4ACCD6;
}
.course_cnt1 .inner .detail {}
.course_cnt1 .inner .detail ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
.course_cnt1 .inner .detail li {
    list-style: none;
    width: fit-content;
    height: 3rem;
    padding: 0 1em;
    border-radius: 1.5rem;
    background: #82E87D;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    display: grid;
    align-items: center;
}
.course_cnt1 .inner .detail li:hover {
    background: #fff;
    border: 0.1rem solid #82E87D;
    color: #82E87D;
    transition: 0.5s;
}
.course_cnt1 .inner .two .history::before {
    color: #4ACCD6;
}
.course_cnt1 .inner .two .detail li {
    background: #4ACCD6;
}
.course_cnt1 .inner .two .detail li:hover {
    background: #fff;
    border: 0.1rem solid #4ACCD6;
    color: #4ACCD6;
}
.course_cnt2 {
    padding: 15rem 0;
}
.course_cnt2 .read {
}
.course_cnt2 h4 {
    font-size: 2.4rem;
    text-align: center;
    margin: 0 auto 2rem;
}
.course_cnt2 h5 {
    font-size: 3rem;
    color: #fff;
    text-align: center;
    width: fit-content;
    min-height: 5rem;
    background: #EB3341;
    padding: 0 2em;
    border-radius: 2.5rem;
    margin: 0 auto 2rem;
}
.course_cnt2 .pic {
    width: 100%;
    margin: 0 auto 17rem;
}
.course_cnt2 .pic img {
    width: 100%;
}
.course_cnt2 .col2 {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 2.6vw;
    /*5*/
}
.course_cnt2 .col2 .left {
    width: 50%;
}
.course_cnt2 .col2 .left dl:not(:last-of-type) {
    margin: 0 0 5rem;
}
.course_cnt2 .col2 .left dt {
    font-size: 2.4rem;
    position: relative;
    display: flex;
    align-items: start;
}
.course_cnt2 .col2 .left dt::before {
    content: "";
    background: url(../img/h4_before.png) no-repeat;
    width: 4.2rem;
    min-width: 4.2rem;
    height: 2.1rem;
    display: inline-block;
    margin: 1rem 0 0;
}
.course_cnt2 .col2 .left dd {
    border-bottom: 0.1rem dashed #ccc;
    display: inline;
}
.course_cnt2 .col2 .right {
    width: 50%;
}
.course_cnt2 .col2 .right img {
    width: 100%;
}
.course_cnt3 .pic {
    width: 100%;
    height: 34rem;
}
.course_cnt3 .pic .slider {
    width: 100%;
    height: inherit;
    overflow: hidden;
}
.course_cnt3 .pic * {
    width: 100%;
    height: 100%;
}
.course_cnt3 .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}





/*lesson*/
.lesson header .right nav>ul>li:nth-of-type(2) {
    background: #FFFFE1;
}
.lesson_cnt1 {
    padding: 10rem 0;
}
.lesson_cnt1 h4 {
    font-size: 2.4rem;
    margin: 0 0 5rem;
}
.lesson_cnt1 h4::before {
    content: "";
    width: 1.6rem;
    min-width: 1.6rem;
    height: 1.6rem;
    display: inline-block;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    background: #82E87D;
}
.lesson_cnt1 h4:nth-of-type(2):before {
    content: "";
    width: 1.6rem;
    min-width: 1.6rem;
    height: 1.6rem;
    display: inline-block;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    background: #4ACCD6;
}
.lesson_cnt1 .read {
}
.lesson_cnt1 .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2.6vw;
    /*5*/
}
.lesson_cnt1 .grid:not(:last-of-type) {
    margin: 0 auto 8rem;
}
.lesson_cnt1 .grid .set {
    width: 100%;
    display: grid;
    align-content: space-between;
}
.lesson_cnt1 .grid .set dl {
    border: 0.1rem solid #000;
    padding: 1rem;
    margin: 0 0 2rem;
}
.lesson_cnt1 .grid .set dt {
    font-size: 2.2rem;
    position: relative;
    padding: 2rem 0 0;
}
.lesson_cnt1 .grid .set dt span {
    font-size: initial;
}
.lesson_cnt1 .grid .set dt::before {
    content: "STEP";
    font-size: 1rem;
    text-align: center;
    color: #fff;
    width: 4rem;
    height: 4rem;
    background: #82E87D;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: -2rem;
    top: -3rem;
    padding: 0.25rem 0 0;
}
.lesson_cnt1 .grid .set.sky dt::before {
    background: #4ACCD6;
}
.lesson_cnt1 .grid .set dt::after {
    content: "";
    font-size: 1.8rem;
    text-align: center;
    color: #fff;
    width: 4rem;
    display: block;
    position: absolute;
    left: -2rem;
    top: -2rem;
}
.lesson_cnt1 .grid .set:nth-of-type(1) dl {
    background: #FFFFD0;
}
.lesson_cnt1 .grid .set:nth-of-type(1) dt::after {
    content: "1";
}
.lesson_cnt1 .grid .set:nth-of-type(2) dl {
    background: #FFF2F1;
}
.lesson_cnt1 .grid .set:nth-of-type(2) dt::after {
    content: "2";
}
.lesson_cnt1 .grid .set:nth-of-type(3) dl {
    background: #EEFFE1;
}
.lesson_cnt1 .grid .set:nth-of-type(3) dt::after {
    content: "3";
}
.lesson_cnt1 .grid .set:nth-of-type(4) dl {
    background: #FFF1CC;
}
.lesson_cnt1 .grid .set:nth-of-type(4) dt::after {
    content: "4";
}
.lesson_cnt1 .grid .set .caption {
    background: #FFB800;
    border-radius: 1rem;
    position: relative;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding: 1rem;
    line-height: 1.2;
}
.lesson_cnt1 .grid .set .caption::before {
    content: "";
    width: 2.5rem;
    height: 1rem;
    background: #FFB800;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    display: block;
    position: absolute;
    top: -1rem;
    left: 2rem;

}
.lesson_cnt2 {
    padding: 10rem 0;
}
.lesson_cnt2 h4 {
    font-size: 2.4rem;
    margin: 0 0 5rem;
    display: flex;
    align-items: start;
}
.lesson_cnt2 h4::before {
    content: "";
    background: url(../img/h4_before.png) no-repeat;
    width: 4.2rem;
    min-width: 4.2rem;
    height: 2.1rem;
    display: inline-block;
    margin: 1rem 0 0;
}
.lesson_cnt2 h4::before::first-letter {
    color: #82E87D;
}
.lesson_cnt2 p {
    margin: 0 0 4rem;
}
.lesson_cnt2 dl {
    display: flex;
    min-height: 13rem;
    border-bottom: 0.1rem solid #727171;
}
.lesson_cnt2 dl:first-of-type {
    border-top: 0.1rem solid #727171;
}
.lesson_cnt2 dl:nth-of-type(6) {
    border-top: 0.1rem solid #727171;
}
.lesson_cnt2 dt {
    width: 30%;
    min-height: inherit;
    display: grid;
    align-items: center;
    font-size: 2rem;
    text-align: center;
    background: #FFEBE9;
    padding: 1em;
}
.lesson_cnt2 dl:nth-of-type(even) dt {
    background: #FFF5F4;
}
.lesson_cnt2 dd {
    width: 70%;
    min-height: inherit;
    display: grid;
    align-items: center;
    padding: 1em;
}
.lesson_cnt2 dd li {
    list-style: inside;
}

.lesson_cnt2 h5 {
    font-size: 2.4rem;
    margin: 5rem 0;
}
.lesson_cnt2 h5::before {
    content: "";
    width: 1.6rem;
    min-width: 1.6rem;
    height: 1.6rem;
    display: inline-block;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    background: #FFB800;
}
.lesson_cnt2 .inner>ul {
    width: 80%;
    max-width: 80rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5.72vw;
    margin: 0 auto 10rem;
}
.lesson_cnt2 .inner>ul li {
    width: 100%;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    list-style: none;
    width: 18rem;
    aspect-ratio: 1/1;
}
.lesson_cnt2 .inner>ul li a {
    width: 100%;
    height: 100%;
    display: grid;
    align-content: center;
    text-decoration: none;
    color: #000;
}
.lesson_cnt2 .inner>ul li:nth-of-type(1) {
    background: #fff;
    box-shadow: 1rem 1rem 0 #82E87D;
    border: 0.5rem solid #DDFFC4;
}
.lesson_cnt2 .inner>ul li:nth-of-type(1):hover {
    background: #DDFFC4;
    transition: 0.5s;
}
.lesson_cnt2 .inner>ul li:nth-of-type(2) {
    background: #fff;
    box-shadow: 1rem 1rem 0 #E7AC57;
    border: 0.5rem solid #FFE399;
}
.lesson_cnt2 .inner>ul li:nth-of-type(2):hover {
    background: #FFE399;
    transition: 0.5s;
}
.lesson_cnt2 .inner>ul li:nth-of-type(3) {
    background: #fff;
    box-shadow: 1rem 1rem 0 #4ACCD6;
    border: 0.5rem solid #DCF7FF;
}
.lesson_cnt2 .inner>ul li:nth-of-type(3):hover {
    background: #DCF7FF;
    transition: 0.5s;
}
:is(.lesson_cnt3, .lesson_cnt4) {
    padding: 10rem 0;
}
:is(.lesson_cnt3, .lesson_cnt4) .read {
}
.lesson_cnt4 table td span {
    display: block;
    font-size: 1.4rem;
}
/*
:is(.lesson_cnt3, .lesson_cnt4) table {
  width: 100%;
}
:is(.lesson_cnt3, .lesson_cnt4) table tr {}
:is(.lesson_cnt3, .lesson_cnt4) table thead th {
    background: #FFFFA1;
    align-items: center;
    font-size: 2rem;
    text-align: center;
    height: 8rem;
    padding: 1em;
}
:is(.lesson_cnt3, .lesson_cnt4) thead tbody td {
    font-size: 2rem;
    height: 8rem;
    background: #F2F3F3;
    padding: 1em;
}
:is(.lesson_cnt3, .lesson_cnt4) table tbody th {
    background: #4ACCD6;
    height: 8rem;
    color: #fff;
    padding: 1em;
}
:is(.lesson_cnt3, .lesson_cnt4) table tbody tr:first-of-type th {
    background: #82E87D;
}
:is(.lesson_cnt3, .lesson_cnt4) table tbody td {
    font-size: 2rem;
    height: 8rem;
    background: #F2F3F3;
    padding: 1em;
}*/





/*scdomitory*/
.scdomitory header .right nav>ul>li:nth-of-type(4) {
    background: #FFFFE1;
}
.scdomitory_cnt1 {
    padding: 15rem 0;
}
.scdomitory_cnt1 .read{
}
.scdomitory_cnt1 .col2 {
    display: flex;
    flex-direction: row-reverse;
    gap: 3rem;
    margin: 0 auto 16rem;
}
.scdomitory_cnt1 .col2 .left {
    width: 40%;
}
.scdomitory_cnt1 .col2 .left img {
    width: 100%;
}
.scdomitory_cnt1 .col2 .right {
    width: 60%;
}
.scdomitory_cnt1 .col2 .right dt {
    font-size: 2.4rem;
    margin: 0 0 3rem;
}
.scdomitory_cnt1 .col2 .right dt::before {
    content: "";
    background: url(../img/h4_before.png) no-repeat;
    width: 4.2rem;
    min-width: 4.2rem;
    height: 2.1rem;
    display: inline-block;
    margin: 0.5rem 0 0;
}
.scdomitory_cnt1 .col2 .right dd {
    padding: 0 0 0 5rem;
}
.scdomitory_cnt1 .col2 .right .window {
    font-size: 2rem;
    background: #FFFFB4;
    border: 0.1rem solid #FFEB32;
    padding: 1rem 5rem;
    margin: 1rem 0 3rem;
}
.scdomitory_cnt1 .col2 .right .window span {
    display: inline;
    border-bottom: 0.1rem dashed #FFEB32;
}
.scdomitory_cnt1 .col2 dl:last-of-type {
    display: flex;
}
.scdomitory_cnt1 .col2 dl:last-of-type dt {
    width: 25%;
}
.scdomitory_cnt1 .col2 dl:last-of-type dd {
    width: 75%;
}
.scdomitory_cnt1 .col2 dl:last-of-type dd img {
    width: 100%;
}
.scdomitory_cnt1 .inner [class^="type"] {
    position: relative;
    padding: 6rem 0;
}
.scdomitory_cnt1 .inner [class^="type"] dt {
    font-size: 2.4rem;
    margin: 0 0 5rem;
    display: flex;
    align-items: start;
}
.scdomitory_cnt1 .inner [class^="type"] dt::before {
    content: "";
    background: url(../img/h4_before.png) no-repeat;
    width: 4.2rem;
    min-width: 4.2rem;
    height: 2.1rem;
    display: inline-block;
    margin: 1rem 0 0;
}
.scdomitory_cnt1 .inner [class^="type"] dd {
    width: 100%;
}
.scdomitory_cnt1 .inner [class^="type"] dd .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3rem 1rem;
}
.scdomitory_cnt1 .inner [class^="type"] dd .grid figure {
    background: #FFE6E4;
}
.scdomitory_cnt1 .inner [class^="type"] dd .grid figure .pic {
    width: 100%;
    aspect-ratio: 3.5/2.8;
}
.scdomitory_cnt1 .inner [class^="type"] dd .grid figure .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.scdomitory_cnt1 .inner [class^="type"] dd .grid figure figcaption {
    font-size: 2rem;
    font-weight: bold;
    padding: 1rem;
}
.scdomitory_cnt1 .inner [class^="type"] {}
.scdomitory_cnt1 .inner .type1 {
    margin: 0 0 -0.1rem;
    border-bottom: 0.1rem solid #211815;
}
.scdomitory_cnt1 .inner [class^="type"]::before {
    content: "";
    /*width: 200vw;*/
    width: 100vw;
    height: 100%;
    background: #fffff7;
    display: inline-block;
    position: absolute;
    left: -36rem;
    /*36*/
    top: 0;
    z-index: -1;
}
.scdomitory_cnt1 .inner .type2 dd .grid figure {
    background: #FFE399;
}

.scdomitory_cnt2 {
    padding: 15rem 0;
}
.scdomitory_cnt2 .read{
}
.scdomitory_cnt2 .col2 {
    display: flex;
    flex-direction: row-reverse;
    gap: 3rem;
    margin: 0 auto 3rem;
}
.scdomitory_cnt2 .col2 .left {
    width: 60%;
}
.scdomitory_cnt2 .col2 .left img {
    width: 100%;
}
.scdomitory_cnt2 .col2 .right {
    width: 40%;
}
.scdomitory_cnt2 .col2 .right dt {
    font-size: 2.4rem;
    margin: 0 0 3rem;
    display: flex;
    align-items: start;
}
.scdomitory_cnt2 .col2 .right dt::before {
    content: "";
    background: url(../img/h4_before.png) no-repeat;
    width: 4.2rem;
    min-width: 4.2rem;
    height: 2.1rem;
    display: inline-block;
    margin: 1rem 0 0;
}
.scdomitory_cnt2 .col2 .right .window {
    font-size: 2rem;
    background: #FFFFB4;
    border: 0.1rem solid #FFEB32;
    padding: 1rem 5rem;
    margin: 1rem 0 3rem;
}
.scdomitory_cnt2 .col2 .right .window span {
    display: inline;
    border-bottom: 0.1rem dashed #FFEB32;
}
.scdomitory_cnt2 .col2 .right .photo {
    display: flex;
    gap: 1rem;
}
.scdomitory_cnt2 .col2 .right .photo .pic {
    width: 50%;
    aspect-ratio: 1.95/1.53;
    overflow: hidden;
}
.scdomitory_cnt2 .col2 .right .photo .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.scdomitory_cnt2 .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3rem 1rem;
    margin: 0 auto 8rem;
}
.scdomitory_cnt2 .grid figure {}
.scdomitory_cnt2 .grid figure .pic {
    width: 100%;
    aspect-ratio: 3.5/2.8;
}
.scdomitory_cnt2 .grid figure .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.scdomitory_cnt2 .grid figure figcaption {
    font-size: 2rem;
    padding: 1rem;
}
.scdomitory_cnt2 .inner .type1 {
    padding: 0 0 6rem;
    margin: 0 0 6rem;
    border-bottom: 0.1rem solid #211815;
}
.scdomitory_cnt2 .inner .type2 dd .grid figure {
    background: #FFE399;
}
.scdomitory_cnt2 {
    padding: 10rem 0;
}
.scdomitory_cnt2 em {
    display: block;
}
/*
.scdomitory_cnt2 table {
    width: 100%;
}
.scdomitory_cnt2 table tr {}
.scdomitory_cnt2 table thead th {
    background: #FFFFA1;
    align-items: center;
    font-size: 2rem;
    text-align: center;
    height: 8rem;
    padding: 1em;
}
    */
.scdomitory_cnt2 table thead th:last-of-type {
    background: #FFCF2A;
}
/*
.scdomitory_cnt2 thead tbody td {
    font-size: 2rem;
    height: 8rem;
    background: #F2F3F3;
    padding: 1em;
}
.scdomitory_cnt2 table tbody th {
    background: #4ACCD6;
    height: 8rem;
    color: #fff;
    padding: 1em;
}
.scdomitory_cnt2 table tbody tr:first-of-type th {
    background: #82E87D;
}
.scdomitory_cnt2 table tbody td {
    font-size: 2rem;
    height: 8rem;
    background: #F2F3F3;
    padding: 1em;
}*/





/*teacher*/
.teacher .mainimg .pic img {
    width: 150%;
    height: 150%;
    object-fit: cover;
    object-position: -30vw -52vw;
    /*60 100*/
}
.teacher header .right nav>ul>li:nth-of-type(5) {
    background: #FFFFE1;
}
.teacher_cnt1 {
    padding: 15rem 0;
}
.teacher_cnt1 .col2 {
    display: flex;
    margin: 0 auto 10rem;

}
.teacher_cnt1 .col2 .left {
    width: 50%;
    position: relative;
}
.teacher_cnt1 .col2 .left h4 {
    font-size: 2.2rem;
    width: fit-content;
    padding: 0 2em;
    min-height: 3.8rem;
    background: #DCF7FF;
    display: grid;
    align-items: center;
    z-index: 2;
    margin: 0 0 3rem;
}
.teacher_cnt1 .col2 .left h4::after {
    content: "";
    width: 100%;
    height: 0.6rem;
    background: #DCF7FF;
    display: inline-block;
    position: absolute;
    top: 1.9rem;
    right: 0;
    z-index: -1;
}
.teacher_cnt1 .col2 .left .name {
    width: 80%;
    font-size: 2.8rem;
    font-weight: bold;
    margin: 0 0 3.5rem;
    padding: 0 0 1rem 3.5rem;
    border-bottom: 0.1rem solid #211815;
}
.teacher_cnt1 .col2 .left .name span {
    font-size: initial;
    color: #848484;
    margin: 0 0 0 1em;
}
.teacher_cnt1 .col2 .left dl {
    display: flex;
    align-items: start;
    gap: 1rem;
    padding: 0 0 0 3.5rem;
}
.teacher_cnt1 .col2 .left dl:not(:last-of-type) {
    margin: 0 0 3rem;
}
.teacher_cnt1 .col2 .left dt {
    width: 20%;
    min-height: 2.6rem;
    background: #DCF7FF;
    display: grid;
    align-items: center;
    text-align: center;
}
.teacher_cnt1 .col2 .left dd {
    width: 80%;
    min-height: 2.6rem;
    display: grid;
    align-items: center;
}
.teacher_cnt1 .col2 .left li {
    list-style: inside;
}
.teacher_cnt1 .col2 .right {
    width: 50%;
}
.teacher_cnt1 .col2 .right img {
    width: 100%;
}
.teacher_cnt1 .col2:nth-of-type(even) .left h4 {
    background: #FFE6E4;
}
.teacher_cnt1 .col2:nth-of-type(even) .left h4::after {
    background: #FFE6E4;
}
.teacher_cnt1 .col2:nth-of-type(even) .left dt {
    background: #FFE6E4;
}
.teacher_cnt1 .col2:nth-of-type(even) {
    flex-direction: row-reverse;
}
.teacher_cnt1 .inner em {
    text-align: center;
    display: inline-block;
    width: 100%;
}





/*recruit*/
.recruit .mainimg .pic img {
    width: 120%;
    height: 120%;
    object-fit: cover;
    object-position: left -37.5vw;
    /*72*/
}
.recruit header .right nav>ul>li:nth-of-type(6) {
    background: #FFFFE1;
}
.recruit_cnt1 {
    padding: 15rem 0 20rem;
}
.recruit_cnt1 .inner h3 {
    font-size: 4rem;
}
.recruit_cnt1 .inner * {
    font-size: 2rem;
}
.recruit_cnt1 .inner #tab-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4.16vw;
    /*8*/
    margin: 0 auto 7rem;
}
.recruit_cnt1 .inner #tab-menu li {
    list-style: none;
    width: 27.5rem;
    height: 4.5rem;
    display: grid;
    align-items: center;
    font-weight: bold;
    text-align: center;
    border-radius: 2.25rem;
}
.recruit_cnt1 .inner #tab-box li {
    list-style: inside;
}
.recruit_cnt1 .inner dl {
    display: flex;
    border-bottom: 0.1rem solid #727171;
}
.recruit_cnt1 .inner dl:first-of-type {
    border-top: 0.1rem solid #727171;
}
.recruit_cnt1 .inner dt {
    width: 25%;
    padding: 1em;
    background: #AEE8ED;
    display: grid;
    align-items: center;
    text-align: center;
}
.recruit_cnt1 .inner dl:nth-of-type(even) dt {
    background: #DBF5F7;
}
.recruit_cnt1 .inner dd {
    width: 75%;
    padding: 1em;
}
.recruit_cnt2 .pic {
    width: 100%;
    height: 34rem;
}
.recruit_cnt2 .pic .slider {
    width: 100%;
    height: inherit;
    overflow: hidden;
}
.recruit_cnt2 .pic * {
    width: 100%;
    height: 100%;
}
.recruit_cnt2 .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}





/*company*/
.company header .right nav>ul>li:nth-of-type(7) {
    background: #FFFFE1;
}
.company_cnt1 {
    padding: 15rem 0;
}
.company_cnt1 .read{
    /*font-size: 2.8rem;*/
}
.company_cnt1 dl {
    width: 100%;
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    margin: 0 0 4rem;
}
.company_cnt1 dt {
    width: 25%;
    min-height: inherit;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 2.2rem;
    padding: 0 2rem 0 1rem;
}
.company_cnt1 dt em {
    font-style: normal;
    background: #BF1920;
    color: #fff;
    border-radius: 0.5rem;
    width: fit-content;
    height: 2.2rem;
    font-size: 1.6rem;
    display: grid;
    align-items: center;
    text-align: center;
    padding: 0 0.5rem;
    line-height: 1;
}
.company_cnt1 dd {
    width: 75%;
    min-height: inherit;
    display: grid;
    align-items: center;
}
.company_cnt1 .address dd div {
    width: 100%;
    display: flex;
    align-items: center;
}
.company_cnt1 .address dd div:first-of-type {
    margin: 0 0 2rem;
}
.company_cnt1 .address dd div label {
    width: 40%;
}
.company_cnt1 .address dd div input {
    width: 60%;
}
.company_cnt1 form input[type="text"] {
    width: 100%;
    height: 5.5rem;
    border: 0.1rem solid #B0B0B1;
}
:is(.company_cnt2, .company_cnt3) {
    padding: 9rem 0;
}
:is(.company_cnt2, .company_cnt3) dl {
    width: 100%;
    min-height: 8rem;
    display: flex;
    align-items: center;
    border-left: 0.1rem dotted #727171;
    border-right: 0.1rem dotted #727171;
}
:is(.company_cnt2, .company_cnt3) dl:first-of-type {
    border-top: 0.1rem dotted #727171;
}
:is(.company_cnt2, .company_cnt3) dt {
    width: 20%;
    min-height: inherit;
    display: grid;
    align-items: center;
    background: #EAEAEA;
    padding: 0 2.08vw;
    /*4*/
    border-bottom: 0.1rem dotted #727171;
    text-align: center;
}
:is(.company_cnt2, .company_cnt3) dd {
    width: 80%;
    min-height: inherit;
    display: grid;
    align-items: center;
    padding: 0 2.08vw;
    /*4*/
    border-bottom: 0.1rem dotted #727171;
}
.company_cnt1 .select {
    margin: 0 0 2rem;
}
.company_cnt1 .select :is(dt, dd) select {
    width: fit-content;
}
.company_cnt1 .select dd textarea {
    width: 100%;
    height: 24rem;
    margin: 0 0 0 33%;
}
.company_cnt1 input[type="submit"] {
    width: fit-content;
    min-width: 28rem;
    height: 4.7rem;
    border-radius: 2.35rem;
    background: #FFB800;
    margin: auto;
    border: none;
    display: block;
    color: #fff;
    /*letter-spacing: 2em;*/
}
.company_cnt1 input[type="submit"]:hover {
    cursor: pointer;
}