/* base color */

h3.h_text {
    font-size: 2.3125rem;
    color: #182987;
}

h3.h_text em {
    display: block;
    margin: .5em 0 1em;
    font-size: 3.1875rem;
    color: #a40b5e;
    line-height: 1.4;
}

.c-rt {
    text-align: justify;
    /*font-size: 1.6rem;*/
}

.tC {
    text-align: center !important;
}

.p-n-explains__holderList__item__media__texts__abstruct {
    font-size: 2.3rem;
    line-height: 1.5;
}

.p-scrollContentsNav {
    top: 0;
}


/*common*/

.p-n-nextContents__sub>span:after {
    border-top-color: #ffff;
}

.p-n-modalSupporter__photo {
    text-align: left;
}

.p-n-modalSupporter__profile__dd {
    border-top: 1px solid #9e9e9f;
    border-bottom: 1px solid #9e9e9f;
    padding: 14px 0;
}

.p-n-mv {
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .c-rt {
        font-size: 1.4rem;
    }
    /* h3.h_text {
        font-size: 1.9rem;
    }
    h3.h_text em {
        font-size: 3rem;
    } */
    .p-n-modalSupporter__photo>img {
        width: 80%;
    }
}

@media screen and (max-width: 375px) {
    .p-n-modalSupporter__photo>img {
        width: 100%;
    }
}


/* -----------------------------------------------------------------
*  index
*  ---------------------------------------------------------------*/

.p-n-hero__xsVisual.index-xs {
    margin-top: 50px;
}


/* 導入 */

#index .p-n-introduction {
    background: url(../images/index/introduction_bg.jpg) no-repeat center bottom;
    background-size: cover;
    position: relative;
    overflow: hidden;
    padding: 80px 0 80px;
}

#index .p-n-introduction__texts__Head {
    font-size: 30px;
    font-size: 3rem;
    color: #202020;
    margin-bottom: 30px;
}

#index .p-n-introduction__texts__txt {
    text-align: center;
}


/* 課題が潜んでる */

#index .p-n-instructor {
    padding: 80px 0 80px;
}

#index .p-n-instructor__texts__Head {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

#index .p-n-instructor__texts__Head::before,
#index .p-n-instructor__texts__Head::after {
    content: "";
    width: calc(100vw / 6);
    height: 80px;
    display: block;
    background: url(../images/index/instructor_leadgin_bg.png) no-repeat center center;
    background-size: contain;
}

#index .p-n-instructor__texts__Head::before {
    position: absolute;
    top: 5%;
    right: -15%;
}

#index .p-n-instructor__texts__Head::after {
    position: absolute;
    bottom: 0;
    left: -15%;
}

#index .p-n-instructor__texts__Head h2 {
    font-size: 30px;
    font-size: 3rem;
    color: #202020;
    margin-bottom: 30px;
    text-align: center;
}

#index .p-n-instructor__texts__Head .p-n-instructor__texts__txt {
    font-size: 20px;
    font-size: 2rem;
    color: #202020;
    margin-bottom: 30px;
    text-align: center;
    font-weight: bold;
}

#index .p-n-instructor_teacher {
    max-width: 990px;
    width: 100%;
    background: #78c3a0;
    padding: 20px;
    margin-bottom: 80px;
    position: relative;
    box-shadow: 10px 10px 0 #000039;
}

#index .p-n-instructor_teacher.teacher_01 {
    background: #e92e18;
}

#index .p-n-instructor_teacher.teacher_02 {
    background: #ffa800;
}

#index .p-n-instructor_teacher::before {
    content: "";
    display: block;
    width: 150px;
    height: 70px;
    background: url(../images/index/instructor_board_top.png)no-repeat center center;
    position: absolute;
    top: -15px;
    left: calc(50% - 75px);
}

#index .p-n-instructor_teacher_info {
    width: 100%;
    padding: 60px 30px 30px 30px;
    background: #ffffff url(../images/index/instructor_board_bg.jpg);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#index .p-n-instructor_teacher_info_left {
    width: 45%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#index .p-n-instructor_teacher_info_left picture {
    width: 48%;
    max-width: 170px;
    display: block;
}

#index .p-n-instructor_teacher_info_left .p-n-instructor_teacher_info_h3 {
    width: 52%;
}

#index .p-n-instructor_teacher_info_left .p-n-instructor_teacher_info_h3 h3 {
    width: 100%;
    padding: 10px 0;
    text-align: center;
    line-height: 1.5;
    border: 2px solid #000000;
    border-left: transparent;
    border-right: transparent;
}

#index .p-n-instructor_teacher_info_left .p-n-instructor_teacher_info_h3 p {
    width: 100%;
    margin: 10px 0;
    font-weight: bold;
    line-height: 1.5;
}

#index .p-n-instructor_teacher_info_left .p-n-instructor_teacher_info_txt {
    margin: 20px 0 0;
    line-height: 1.6;
}

#index .p-n-instructor_teacher_info_left .btn-n-1 {
    margin: 10px auto 0;
}

#index .p-n-instructor_teacher_info_left .btn-n-1 a {
    padding: 10px 40px 10px 20px;
}

#index .p-n-instructor_teacher_info_right {
    width: 48%;
    padding: 10px 15px;
    background: #ffffff;
    border: 2px solid #000000;
}

#index .p-n-instructor_teacher_info_right h3 {
    width: -moz-fit-content;
    width: fit-content;
    margin-top: -25px;
    margin-bottom: 10px;
    padding: 2px 10px 1px;
    background: #ffffff;
    border: 4px solid #000000;
    border-top: transparent;
    border-bottom: transparent;
}

#index .p-n-instructor_teacher.teacher_01 .p-n-instructor_teacher_info_right h3 {
    color: #e92e18;
    border: 4px solid #e92e18;
    border-top: transparent;
    border-bottom: transparent;
}

#index .p-n-instructor_teacher.teacher_02 .p-n-instructor_teacher_info_right h3 {
    color: #ffa800;
    border: 4px solid #ffa800;
    border-top: transparent;
    border-bottom: transparent;
}

#index .p-n-instructor_teacher_info_right .p-n-instructor_teacher_info_resource {
    display: flex;
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem;
}

#index .p-n-instructor_teacher_info_right .p-n-instructor_teacher_info_resource dt {
    min-width: 70px;
}

#index .p-n-instructor_teacher_info_right .p-n-instructor_teacher_info_media {
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1.4rem;
}

#index .p-n-instructor_teacher_info_right .p-n-instructor_teacher_info_media dt {
    font-weight: bold;
}


/* 大丈夫 */

#index .p-n-introduction2 {
    background: #e9f3f3;
    padding: 0;
    margin: 0 auto;
    position: relative;
}

#index .p-n-introduction2::after {
    content: "";
    display: block;
    height: 140px;
    width: 100%;
    background: url(../images/index/negative_04_bg_arrow.png)no-repeat top center;
    background-size: contain;
    position: absolute;
    bottom: -138px;
    left: calc(50% - 50vw);
}

#index .p-n-introduction2 .p-n-introduction2__texts__Head {
    background: url(../images/index/example_h_bg.png)repeat-x top center;
    padding: 120px 0 60px;
    text-align: center;
    position: relative;
}

#index .p-n-introduction2 .p-n-introduction2__texts__Head::before {
    content: "";
    display: block;
    height: 60px;
    width: 120px;
    background: url(../images/index/next_arrow_w.png)no-repeat top center;
    position: absolute;
    top: 0;
    left: calc(50% - 60px);
}

#index .p-n-introduction2 .p-n-introduction2__content {
    padding: 60px 0;
    text-align: center;
    height: 33vh;
    max-height: 320px;
}

#index .p-n-introduction2 .p-n-introduction2__content:nth-of-type(2) {
    background: url(../images/index/example_img01_pc.png)no-repeat top center;
    background-size: cover;
    text-align: right;
}

#index .p-n-introduction2 .p-n-introduction2__content:nth-of-type(3) {
    background: url(../images/index/example_img02_pc.png)no-repeat top center;
    background-size: cover;
    text-align: left;
}

#index .p-n-introduction2 .p-n-introduction2__content:nth-of-type(4) {
    background: url(../images/index/example_img03_pc.png)no-repeat top center;
    background-size: cover;
    text-align: right;
}

#index .p-n-introduction2 .p-n-introduction2__result {
    background: #ffffff;
    padding: 30px 0 0;
    text-align: center;
}

#index .p-n-introduction2 .p-n-introduction2__cause {
    padding: 30px 0;
    text-align: center;
}

#index .p-n-introduction2 .p-n-introduction2__cause h3 {
    font-size: 30px;
    font-size: 3rem;
    margin-bottom: 30px;
}

#index .p-n-introduction2 .p-n-introduction2__cause h3 .wai {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    padding: 0 20px 0 40px;
    position: relative;
}

#index .p-n-introduction2 .p-n-introduction2__cause h3 .wai::before,
#index .p-n-introduction2 .p-n-introduction2__cause h3 .wai::after {
    content: "";
    width: 30px;
    height: 30px;
    background: url(../images/index/huki01.png)no-repeat top center;
    display: block;
    position: absolute;
}

#index .p-n-introduction2 .p-n-introduction2__cause h3 .wai::before {
    bottom: 0;
    left: 0;
}

#index .p-n-introduction2 .p-n-introduction2__cause h3 .wai::after {
    bottom: 0;
    right: 0;
    transform: scale(-1, 1);
}

#index .p-n-introduction2 .p-n-introduction2__cause h3 .nami {
    background: url(../images/index/uneune.png) no-repeat center bottom;
}

#index .p-n-introduction2 .p-n-introduction2__cause .introduction2__cause_il {
    background: url(../images/index/negative_04_bg_pc.png) no-repeat center center;
    background-size: cover;
    font-size: 3rem;
}

#index .p-n-introduction2 .p-n-introduction2__cause .introduction2__cause_il img {
    width: 90%;
    max-width: 580px;
}

#index .p-n-introduction2 .p-n-introduction2__cause dl {
    width: 100%;
    max-width: 580px;
}

#index .p-n-introduction2 .p-n-introduction2__cause dl dt {
    width: 90%;
    margin: 0 auto 20px;
}

#index .p-n-introduction2 .p-n-introduction2__cause dl dd {
    width: 90%;
    max-width: 420px;
    margin: 0 auto 20px;
}


/* 活躍できる */

#index .p-n-saccess {
    padding: 120px 0 60px;
    background-size: cover;
}

#index .p-n-saccess .p-n-saccess__texts__Head {
    padding: 30px 0;
    font-size: 30px;
    font-size: 3.0rem;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}

#index .p-n-saccess .p-n-saccess__texts__Head {
    padding: 40px 0 80px;
    font-size: 30px;
    font-size: 3.0rem;
    text-align: center;
    margin-bottom: 30px;
    background: url(../images/index/intro_01.png) no-repeat center bottom;
    background-size: contain;
}

#index .p-n-saccess .p-n-saccess__texts__Head em {
    font-size: 110%;
}

#index .p-n-saccess__skillList {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}

#index .p-n-saccess .p-n-saccess__skillList__item {
    width: 45%;
    position: relative;
    margin: 0 0 30px 30px;
}

#index .p-n-saccess .p-n-saccess__skillList__item:nth-of-type(1) {
    margin-left: 0;
}

#index .p-n-saccess .p-n-saccess__skillList__item .p-n-saccess__skillList__item__fig {
    width: 84%;
}

#index .p-n-saccess .p-n-saccess__skillList__item .p-n-saccess__skillList__item__txt {
    width: 100%;
}

#index .p-n-saccess .p-n-saccess__skillList__item .p-n-saccess__skillList__item__txt h3 {
    width: 60%;
    max-width: 490px;
    margin: -80px 0 20px auto;
    text-align: right;
}

#index .p-n-saccess .p-n-saccess__skillList__item .p-n-saccess__skillList__item__txt h3 img {
    width: auto;
}

#index .p-n-saccess .p-n-saccess__skillList__item .p-n-saccess__skillList__item__rt {
    padding: 10px 20px;
}

#index .p-n-saccess .p-n-saccess__skillList__item:nth-of-type(even) {
    background: url(../images/index/intro_bg02.png) no-repeat right bottom;
    background-size: 70%;
}

#index .p-n-saccess .p-n-saccess__skillList__item:nth-of-type(odd) {
    background: url(../images/index/intro_bg01.png) no-repeat right bottom;
    background-size: 70%;
}

#index .p-n-contents9 .c-btn a {
    position: relative;
    top: 0;
    display: block;
    box-shadow: 0 8px 0 #2d440e;
    font-weight: bold;
    background-color: #6ebe5a;
    line-height: 50px;
    border-radius: 5px;
    transition: all 0.2s ease;
    background-repeat: no-repeat;
    background-position: 15px 50%;
    background-size: 18px 18px;
    padding-left: 20px;
    color: #fff;
    background-image: url(/assets_v5-0/images/common/icon_btn-arrow_transparent.png);
    font-size: 16px;
    font-size: 1.6rem;
    max-width: 75%;
    margin: 0 auto;
}


/* 身につくことスライダ */

#index .p-n-learn {
    padding: 60px 0;
    position: relative;
}

#index .p-n-learn::before,
#index .p-n-learn::after {
    content: "";
    display: block;
    width: 100%;
    height: 200px;
}

#index .p-n-learn::before {
    position: absolute;
    top: 0;
    left: 0%;
}

#index .p-n-learn::after {
    position: absolute;
    bottom: 0;
    left: 0%;
    transform: scale(-1, -1);
}

#index .p-n-learn .learn_ttl {
    margin: 0 auto 20px;
    text-align: center;
}

.p-n-learn__holderList__item__media__texts_01 {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}


/* slide */

#index .p-n-learn {
    background: #f0f6ef;
}

#index .p-n-learn .swiper-section {
    margin-bottom: 60px;
    position: relative;
}

#index .p-n-learn .swiper {
    position: static;
}

#index .p-n-learn .slick-box {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 40px;
}

#index .p-n-learn .swiper-pagination .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background: #ffffff !important;
    border: 2px #000000 solid !important;
}

#index .p-n-learn .swiper-pagination .swiper-pagination-bullet-active {
    width: 14px;
    height: 14px;
    background: #81c084 !important;
    border: 2px #000000 solid;
}

#index .p-n-learn .swiper-button-prev,
#index .p-n-learn .swiper-button-next {
    position: absolute;
    top: 40%;
}

#index .p-n-learn .swiper-button-prev {
    left: -15px;
}

#index .p-n-learn .swiper-button-next {
    right: -15px;
}


/* 講師 */

#index .p-n-instructor {
    position: relative;
    padding: 40px 0 40px;
}

#index .p-n-instructor::before,
#index .p-n-instructor::after {
    content: "";
    display: block;
    width: 100%;
    max-width: 480px;
    height: 50px;
    background: url(../images/index/instructor_bg.png)no-repeat;
    background-position: top center;
    background-size: 100%;
}

#index .p-n-instructor::before {
    position: absolute;
    top: 30px;
    left: 0;
}

#index .p-n-instructor::after {
    position: absolute;
    bottom: 30px;
    right: 0;
    transform: scale(-1, 1);
}

#index .p-n-instructor .p-n-instructor_box {
    margin: 80px 0;
    padding: 40px;
    background: #fdffec;
    border-radius: 10px;
}

#index .p-n-instructor .p-n-instructor_box .c-balloon {
    margin-top: -60px;
}

#index .p-n-instructor .p-n-instructor_box .instructor_ttl {
    font-size: 30px;
    font-size: 3rem;
    text-align: center;
}

#index .p-n-instructor .p-n-instructor_box .instructor_ttl span {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 10px;
    padding: 10px 25px 0 35px;
    font-size: 80%;
    position: relative;
}

#index .p-n-instructor .p-n-instructor_box .instructor_ttl span::before,
#index .p-n-instructor .p-n-instructor_box .instructor_ttl span::after {
    content: "";
    width: 30px;
    height: 30px;
    background: url(../images/index/huki02.png)no-repeat top center;
    background-size: contain;
    display: block;
    position: absolute;
}

#index .p-n-instructor .p-n-instructor_box .instructor_ttl span::before {
    bottom: 0;
    left: 0;
}

#index .p-n-instructor .p-n-instructor_box .instructor_ttl span::after {
    bottom: 0;
    right: 0;
    transform: scale(-1, 1);
}

#index .p-n-instructor .p-n-instructor_box .instructor_conts {
    width: 100%;
    max-width: 580px;
    margin: 20px auto;
}

#index .p-n-instructor .p-n-instructor_box .instructor_conts dl {
    width: 100%;
    max-width: 540px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
    align-items: center;
}

#index .p-n-instructor .p-n-instructor_box .p-n-introduction__texts__rt {
    background: #ffffff;
    padding: 6px;
    position: relative;
}

#index .p-n-instructor .p-n-instructor_box .p-n-introduction__texts__rt::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 20px solid #a1c6c6;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-top: 20px solid #a1c6c6;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#index .p-n-instructor .p-n-instructor_box .p-n-introduction__texts__rt p {
    border: #000 2px solid;
    padding: 15px;
    z-index: 2;
    line-height: 1.6;
}


/* 3STEPの学習 */

#index .p-n-contents7 {
    padding: 80px 0;
    margin: 0 auto;
    display: block;
}

#index .p-n-contents7 .step_ttl {
    max-width: 615px;
    width: 100%;
    background: #ffffff;
    background-position: center center;
    background-size: 100%;
    padding: 30px 20px;
    display: flex;
    justify-content: space-evenly;
    align-content: center;
    margin: 0 auto;
    position: relative;
}

#index .p-n-contents7 .step_ttl::before,
#index .p-n-contents7 .step_ttl::after {
    content: "";
    width: 100%;
    height: 80px;
    background: url(../images/index/conts7_ttl_bg.png)no-repeat;
    background-position: top center;
    background-size: 100%;
    display: block;
}

#index .p-n-contents7 .step_ttl::before {
    position: absolute;
    top: 0;
    left: 0;
}

#index .p-n-contents7 .step_ttl::after {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scale(-1, -1);
}

#index .p-n-contents7 .step_flow {
    padding-top: 70px;
    display: flex;
    justify-content: center;
    gap: 20px;
}

#index .p-n-contents7 .step_ttl .p-n-introduction__texts__Head {
    align-self: center;
    z-index: 3;
    margin: auto;
}

#index .p-n-contents7 .step_ttl .p-n-introduction__texts__Head em {
    font-size: 120%;
}

#index .p-n-contents7 .step_ttl .ttl_img {
    max-width: 200px;
    width: 100%;
    z-index: 5;
}

#index .p-n-points__holderList__item__media {
    padding: 20px 0;
}

.p-n-points__holderList__item_01 {
    background-size: auto;
    background: #f0fff6 url("../images/index/index_step01_lg.png") no-repeat top 0 left;
    background-size: contain;
}

.p-n-points__holderList__item__media__texts_01 {
    padding-top: 60px;
    width: 380px;
    float: right;
}

.p-n-points__holderList__item_02 {
    padding: 30px 0;
    background: #e5f0e5 url("../images/index/index_step02_lg.png") no-repeat top 0 right 40%;
    background-size: cover;
}

.p-n-points__holderList__item__media__texts_02 {
    padding: 20px 0;
    width: 380px;
    float: left;
}

.p-n-points__holderList__item_03 {
    padding: 30px 0;
    background: #f0fff6 url("../images/index/index_step03_lg.png") no-repeat top 0 left 40%;
    background-size: cover;
}

.p-n-points__holderList__item__media__texts_03 {
    width: 380px;
    float: right;
}

.p-n-points__holderList__item__media__texts_03 p {
    line-height: 1.6;
}

#index .p-n-points__holderList__item_01,
#index .p-n-points__holderList__item_02,
#index .p-n-points__holderList__item_03 {
    position: relative;
}

#index .p-n-points__holderList__item_01::before {
    content: " ";
    display: block;
    width: 330px;
    height: 255px;
    background: url(../images/index/step01_ttl@2x.png)no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 7%;
    left: 30%;
}

#index .p-n-points__holderList__item_02::after {
    content: " ";
    display: block;
    width: 330px;
    height: 255px;
    background: url(../images/index/step02_ttl@2x.png)no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 20%;
    right: 28%;
}

#index .p-n-points__holderList__item_03::before {
    content: " ";
    display: block;
    width: 330px;
    height: 255px;
    background: url(../images/index/step03_ttl@2x.png)no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 20%;
    left: 28%;
}

#index .swiper-button-prev,
#index .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #000;
    border-radius: 45px;
}

#index .swiper-button-prev:after,
#index .swiper-button-next:after {
    font-family: swiper-icons;
    font-size: 1.6rem;
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}

#index .swiper-button-prev,
#index .swiper-container-rtl .swiper-button-next {
    left: 0px;
    right: auto;
}

#index .swiper-button-next,
#index .swiper-container-rtl .swiper-button-prev {
    right: 0px;
    left: auto;
}

#index .swiper-slide li {
    max-width: 400px;
    margin: 0;
}

.p-n-video {
    padding: 60px 0;
}

.p-n-video_point {
    width: 80%;
    width: -moz-fit-content;
    width: fit-content;
    margin: 30px auto;
    background: #ffffff;
    padding: 40px 30px;
    border-radius: 10px;
}

.p-n-video_point li {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 30px;
    padding-bottom: 10px;
    position: relative;
    border-bottom: dotted 3px #6ebe5a;
}

.p-n-video_point li::before {
    content: "";
    display: block;
    background: url(../images/index/video_pont_icon.png)no-repeat center center;
    background-size: contain;
    width: 24px;
    height: 24px;
    position: absolute;
    top: auto;
    bottom: auto;
    left: 0;
}

.video__box {
    max-width: 680px;
    width: 80%;
    height: 450px;
    padding: 5% 0;
    margin: 0 auto;
    border: 3px solid #4b3625;
    border-radius: 10px;
}

.p-n-video video {
    width: 85%;
    margin: 0 auto;
    display: block;
    box-shadow: 0 0 8px #ddd;
}

.p-n-video iframe {
    width: 90%;
    margin: 0 auto;
    display: block;
    box-shadow: 0 0 8px #ddd;
}

.p-n-video__hl {
    width: 40%;
    margin: 0 auto;
    font-size: 26px;
    text-align: center;
    position: relative;
    background: #f0fff6;
    margin-bottom: -20px;
}

@media only screen and (max-width: 767px) {
    .video__box {
        width: 100%;
        height: 26vh;
        padding: 5% 0;
        margin: 0 auto;
        border: 2px solid #4b3625;
        border-radius: 10px;
    }
    .p-n-video video {
        box-shadow: 0 0 3px #ddd;
    }
    .p-n-video__hl {
        width: 50%;
        margin: 0 auto;
        font-size: calc(80vw / 14 - 20%);
        margin-bottom: -10px;
    }
    .p-n-video__hl:before,
    .p-n-video__hl:after {
        background-size: 100% 100%;
        width: 2rem;
        height: 3.5rem;
        margin-left: 0%;
        position: absolute;
        bottom: 0;
        left: 0rem;
    }
}

@media only screen and (max-width: 520px) {
    .p-n-video__hl {
        width: 80%;
    }
}

.p-n-video__hl:after {
    right: 0;
    left: auto;
    transform: scale(-1, 1);
}


/* キャリカレの充実サポート */

#index .p-n-contents8 {
    padding: 80px 0 0;
    margin: 0 auto;
    text-align: center;
}

#index .p-n-contents8 .contents8_result {
    display: block;
    position: relative;
}

#index .p-n-contents8 .support_listbox {
    max-width: 100%;
    width: 100%;
    display: block;
}

#index .p-n-contents8 .contents8_support01 {
    display: block;
    padding: 120px 0;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

#index .p-n-contents8 .support_list01 {
    max-width: 100%;
    background: url(../images/index/contents8_support01.jpg)no-repeat;
    background-position: center center;
    background-size: cover;
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
}

#index .p-n-contents8 .support_list02 {
    max-width: 100%;
    background: url(../images/index/contents8_support02.jpg)no-repeat;
    background-position: center center;
    background-size: cover;
    clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
    margin: -76px auto;
}

#index .p-n-contents8 .support_list03 {
    max-width: 100%;
    background: url(../images/index/contents8_support03.jpg)no-repeat;
    background-position: center center;
    background-size: cover;
    clip-path: polygon(0 0, 100% 15%, 100% 85%, 0 100%);
    margin: -81px auto;
}

#index .p-n-contents8 .support_list04 {
    max-width: 100%;
    background: url(../images/index/contents8_support04.jpg)no-repeat;
    background-position: center center;
    background-size: cover;
    clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
    margin: -76px auto;
}

#index .p-n-contents8 .support_list05 {
    max-width: 100%;
    background: url(../images/index/contents8_support05.jpg)no-repeat;
    background-position: center center;
    background-size: cover;
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 100%);
    margin: -76px auto 0;
}

#index .p-n-contents8 .support_list_detail01,
#index .p-n-contents8 .support_list_detail02 {
    max-width: 450px;
    background: rgba(255, 255, 255, 0.8);
    display: block;
    padding: 25px 50px;
}

#index .p-n-contents8 .support_list_detail01 {
    margin-right: auto;
    margin-left: 20px;
}

#index .p-n-contents8 .support_list_detail02 {
    margin-right: 20px;
    margin-left: auto;
}

#index .p-n-contents8 .support_list_ttl {
    font-size: 30px;
    font-size: 3rem;
    padding-bottom: 10px;
    border-bottom: 2px dotted #000;
}

#index .p-n-contents8 .support_list_txt {
    font-size: 18px;
    font-size: 1.8rem;
    padding-top: 15px;
    line-height: 1.8;
}

#index .p-n-contents8 .support_list_txt small {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
}

_::-webkit-full-page-media,
_:future,
:root .p-n-note__texts p {
    margin-bottom: 3em;
}


/* さあ、始めよう！ */

#index .contents_last {
    padding: 0 0 60px;
    margin: 0 auto;
    text-align: center;
}

#index .contents_last h2 {
    background: #eeab6a;
    color: #fff;
    font-size: 30px;
    font-size: 3rem;
    padding: 20px 0;
    position: relative;
}

#index .contents_last h2::after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(253, 53, 92, 0);
    border-top-color: #eeab6a;
    border-width: 30px;
    margin-left: -10px;
}

#index .contents_last .challenge_point {
    display: flex;
    flex-wrap: wrap;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    justify-content: space-between;
    padding-top: 60px;
}

#index .contents_last .challenge_point .challenge_point_li {
    width: 30%;
}


/* サポート */

#index .p-n-explains--typeD {
    padding: 80px 0 0;
    background: #ffffff;
}

#index .p-n-explains--typeD:last-of-type {
    padding: 80px 0;
}

#index .p-n-explains--typeD .u-n-_support_ttl {
    padding-bottom: 40px;
    text-align: center;
    font-size: 30px;
}

#index .p-n-explains--typeD .u-n-_support_ttl em {
    font-size: 120%;
}

#index .p-n-explains--typeD .p-n-explains--typeD__holderList__item {
    position: relative;
    margin-bottom: 2em;
    padding: 3em 1em;
    background: url(../images/index/index_support_line.jpg) repeat-x bottom;
}

@media only screen and (min-width: 768px) {
    #index .p-n-explains--typeD .p-n-explains--typeD__holderList__item:last-of-type {
        background: none
    }
}

#index .p-n-explains--typeD .p-n-explains--typeD__holderList__item__media {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row-reverse;
    margin: 0;
    padding: 0;
    border: none;
}

#index .p-n-explains--typeD .p-n-explains--typeD__holderList__item__media__texts {
    float: none !important;
    max-width: 450px;
}

#index .p-n-explains--typeD .p-n-explains--typeD__holderList__item__media__texts__abstruct {
    margin: 0 0 .5em;
    font-size: 2.3125rem;
    text-align: center;
}

#index .p-n-explains--typeD .p-n-explains--typeD__holderList__item__media__texts__abstruct em {
    color: #ffa800;
    text-decoration: underline;
}

#index .p-n-explains--typeD .p-n-explains--typeD__holderList__item__media__texts p {
    font-size: 1.4rem;
}

#index .p-n-explains--typeD .p-n-explains--typeD__holderList__item__media__texts p em {
    font-weight: bold;
    color: #ffa800;
}

#index .p-n-explains--typeD .p-n-explains--typeD__holderList__item__media__texts p:nth-of-type(2) {
    text-align: right;
}

#index .p-n-explains--typeD .p-n-explains--typeD__holderList__item__media__fig {
    float: none !important;
    width: 100%;
    max-width: 460px;
}

#index .p-n-explains--typeD .p-n-explains--typeD__holderList__item__media__ico {
    position: absolute;
    top: 57px;
    left: 0;
    max-width: 220px;
    width: 100%;
}

#index .p-n-explains--typeD .p-n-explains--typeD__holderList__item__media__ico.explains_sns {
    position: absolute;
    top: 57px;
    left: 27%;
    max-width: 220px;
    width: 100%;
}


/* SP */

@media screen and (max-width: 767px) {
    /* 導入 */
    #index .p-n-introduction {
        padding: 7vw 0;
    }
    #index .p-n-introduction .p-n-introduction__texts__Head {
        font-size: 20px;
        font-size: calc(100vw / 16 - 10%);
        padding: 6vw 0 3vw;
        margin-bottom: 0;
    }
    #index .p-n-introduction__texts__Head>em {
        font-size: 120%;
    }
    #index .p-n-introduction .p-n-introduction__texts__txt {
        text-align: left;
    }
    /* 課題が潜んでる */
    #index .p-n-introduction2 {
        padding: 0;
    }
    #index .p-n-introduction2 .p-n-introduction2__texts__Head {
        background: url(../images/index/example_h_bg.png)repeat-x top center;
        padding: 14vw 0 10vw;
        text-align: center;
        position: relative;
    }
    #index .p-n-introduction2 .p-n-introduction2__texts__Head::before {
        content: "";
        display: block;
        height: 12vw;
        width: 20vw;
        background: url(../images/index/next_arrow_w.png)no-repeat top center;
        background-size: contain;
        position: absolute;
        top: 0;
        left: calc(50% - 10vw);
    }
    #index .p-n-introduction2 .p-n-introduction2__content {
        padding: 0;
        text-align: center;
        height: auto;
        max-height: none;
    }
    #index .p-n-introduction2 .p-n-introduction2__content:nth-of-type(2) {
        background: none;
        background-size: cover;
        text-align: right;
    }
    #index .p-n-introduction2 .p-n-introduction2__content:nth-of-type(3) {
        background: none;
        background-size: cover;
        text-align: left;
    }
    #index .p-n-introduction2 .p-n-introduction2__content:nth-of-type(4) {
        background: none;
        background-size: cover;
        text-align: right;
    }
    #index .p-n-introduction2 .p-n-introduction2__cause h3 {
        font-size: 20px;
        font-size: calc(100vw / 18 - 6%);
        margin-bottom: 30px;
    }
    #index .p-n-introduction2 .p-n-introduction2__cause h3 .nami {
        background-size: 100%;
    }
    #index .p-n-introduction2 .p-n-introduction2__cause h3 .wai {
        padding: 0 4vw 0 7vw;
    }
    #index .p-n-introduction2 .p-n-introduction2__cause h3 .wai::before,
    #index .p-n-introduction2 .p-n-introduction2__cause h3 .wai::after {
        content: "";
        width: 6vw;
        height: 6vw;
        background: url(../images/index/huki01.png)no-repeat top center;
        background-size: contain;
        display: block;
        position: absolute;
    }
    /* 活躍できる */
    #index .p-n-saccess {
        padding: 50px 0 10%;
    }
    #index .p-n-saccess .p-n-saccess__texts__Head {
        padding: 40px 0 60px;
        font-size: calc(100vw / 18 - 6%);
        line-height: 1.4;
        text-align: center;
        margin-bottom: 30px;
        background: url(../images/index/intro_01.png) no-repeat bottom center;
        background-size: cover;
    }
    #index .p-n-saccess__skillList {
        display: block;
    }
    #index .p-n-saccess .p-n-saccess__skillList__item {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: end;
        margin: 0 0 6%;
    }
    #index .p-n-saccess .p-n-saccess__skillList__item:nth-of-type(even) {
        display: flex;
        flex-direction: row-reverse;
    }
    #index .p-n-saccess .p-n-saccess__skillList__item .p-n-saccess__skillList__item__fig {
        width: 80%;
        padding-right: 0;
    }
    #index .p-n-saccess .p-n-saccess__skillList__item .p-n-saccess__skillList__item__txt {
        width: 100%;
        position: static;
        margin-left: -5%;
    }
    #index .p-n-saccess .p-n-saccess__skillList__item .p-n-saccess__skillList__item__txt h3 {
        width: 60%;
        max-width: 490px;
        margin: -16vw 0 20px auto;
        text-align: right;
    }
    #index .p-n-saccess .p-n-saccess__skillList__item:nth-of-type(even) .p-n-saccess__skillList__item__txt h3 {
        width: 60%;
        max-width: 490px;
        margin: -16vw auto 20px 0;
        text-align: right;
    }
    #index .p-n-saccess .p-n-saccess__skillList__item .p-n-saccess__skillList__item__rt {
        padding: 5px 0 10px 20px;
        font-size: 14px;
        font-size: 1.4rem;
    }
    /* 身につくことスライダ */
    #index .p-n-learn {
        padding: 10vw 0 5vw;
        position: relative;
    }
    #index .p-n-learn::before,
    #index .p-n-learn::after {
        content: "";
        display: block;
        width: 100%;
        height: 20vw;
    }
    .p-n-learn__holderList__item__media__texts_01 {
        max-width: 86vw;
        width: 100%;
        margin: 0 auto;
    }
    #index .p-n-learn .c-inner_contents {
        width: 100%;
    }
    #index .p-n-learn .swiper-section {
        width: 86vw;
        margin-bottom: 0;
        position: relative;
    }
    #index .p-n-learn .slick-box {
        max-width: 86vw;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 40px;
    }
    #index .p-n-learn .swiper-button-prev,
    #index .p-n-learn .swiper-button-next {
        position: absolute;
        top: 32%;
    }
    #index .p-n-learn .swiper-section p {
        font-size: 1.2rem;
        line-height: 1.4;
    }
    /* 講師 */
    #index .p-n-instructor .p-n-instructor_box {
        margin: 80px 0;
        padding: 40px 15px 10px 15px;
    }
    #index .p-n-instructor .p-n-instructor_box .instructor_ttl {
        font-size: calc(90vw / 16);
    }
    #index .p-n-instructor .p-n-instructor_box .instructor_ttl span {
        padding: 2% 10% 2% 12%;
        margin-bottom: 0;
    }
    #index .p-n-instructor .p-n-instructor_box .instructor_conts {
        width: 100%;
        max-width: 580px;
        margin: 20px auto;
    }
    #index .p-n-instructor .p-n-instructor_box .p-n-introduction__texts__rt {
        background: #ffffff;
        padding: 6px;
        position: relative;
    }
    #index .p-n-instructor .p-n-instructor_box .p-n-introduction__texts__rt p {
        border: #000 1px solid;
        font-size: 1.2rem;
        padding: 15px;
        z-index: 2;
        line-height: 1.6;
    }
    /* 3STEPの学習 */
    #index .p-n-contents7 {
        padding: 10vw 0;
    }
    #index .p-n-contents7 .step_ttl {
        padding: 4vw;
    }
    #index .p-n-contents7 .step_flow {
        padding-top: 10vw;
        gap: 2vw;
    }
    #index .p-n-contents7 .step_ttl .p-n-introduction__texts__Head {
        margin: auto;
        text-align: center;
        max-width: 60%;
        width: 100%;
        line-height: 1.2;
        font-size: calc(100vw / 18 - 10%);
    }
    #index .p-n-contents7 .step_ttl .ttl_img {
        max-width: 40%;
        width: 100%;
        padding-top: 2vw;
    }
    #index .p-n-points__holderList__item__media {
        padding: 20px 0;
    }
    .p-n-points__holderList__item_01 {
        background-repeat: no-repeat;
        background-position: top;
        background-size: contain;
        background-image: url("../images/index/index_step01_xs.jpg");
    }
    .p-n-points__holderList__item__media__texts_01 {
        padding-top: 50vw;
        width: 100%;
        float: none;
    }
    .p-n-points__holderList__item_02 {
        background: #f0fff6 url("../images/index/index_step02_xs.jpg") no-repeat top;
        background-size: contain;
    }
    .p-n-points__holderList__item__media__texts_02 {
        padding-top: 50vw;
        width: 100%;
        float: none;
    }
    .p-n-points__holderList__item_03 {
        background-repeat: no-repeat;
        background-position: top;
        background-size: contain;
        background-image: url("../images/index/index_step03_xs.jpg");
    }
    .p-n-points__holderList__item__media__texts_03 {
        padding-top: 40vw;
        width: 100%;
        float: none;
    }
    #index .p-n-points__holderList__item_01,
    #index .p-n-points__holderList__item_02,
    #index .p-n-points__holderList__item_03 {
        position: relative;
    }
    #index .p-n-points__holderList__item_01::before {
        content: " ";
        display: block;
        width: 36vw;
        height: 43vw;
        background: url(../images/index/step01_ttl@2x.png)no-repeat;
        background-size: 90%;
        background-position: center right;
        position: absolute;
        top: 0;
        left: auto;
        right: 5vw;
    }
    #index .p-n-points__holderList__item_02::after {
        content: " ";
        display: block;
        width: 36vw;
        height: 43vw;
        background: url(../images/index/step02_ttl@2x.png)no-repeat;
        background-size: 90%;
        background-position: center center;
        position: absolute;
        top: 0;
        left: 5vw;
    }
    #index .p-n-points__holderList__item_03::before {
        content: " ";
        display: block;
        width: 36vw;
        height: 43vw;
        background: url(../images/index/step03_ttl@2x.png)no-repeat;
        background-size: 90%;
        background-position: center center;
        position: absolute;
        top: 0;
        left: auto;
        right: 5vw;
    }
    #index .swiper-button-prev,
    #index .swiper-button-next {
        position: absolute;
        top: 50%;
        width: 44px;
        height: 44px;
        margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        background: #000;
        border-radius: 45px;
    }
    #index .swiper-button-prev:after,
    #index .swiper-button-next:after {
        font-family: swiper-icons;
        font-size: 1.6rem;
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial;
        line-height: 1;
    }
    #index .swiper-button-prev,
    #index .swiper-container-rtl .swiper-button-next {
        left: 0px;
        right: auto;
    }
    #index .swiper-button-next,
    #index .swiper-container-rtl .swiper-button-prev {
        right: 0px;
        left: auto;
    }
    #index .swiper-slide li {
        max-width: 400px;
        margin: 0;
    }
    #index .p-n-points__holderList__item_01 .u-n-themeBalloonColor>span {
        font-size: 1.2rem;
        padding: 2% 5%;
    }
    #index .p-n-video {
        padding: 6% 0 12%;
    }
    #index .p-n-video_point {
        width: 100%;
        padding: 6vw;
    }
    #index .p-n-video_point li {
        font-size: calc(100vw / 20 - 20%);
        line-height: 1.2;
    }
    #index .p-n-video_point li::before {
        content: "";
        display: block;
        background: url(../images/index/video_pont_icon.png)no-repeat center center;
        background-size: contain;
        width: 20px;
        height: 20px;
        position: absolute;
        top: auto;
        bottom: auto;
        left: 0;
    }
    /* キャリカレの充実サポート */
    #index .p-n-contents8 {
        padding: 0;
    }
    #index .p-n-contents8 .contents8_result {
        font-size: 18px;
        font-size: calc(100vw / 20 - 10%);
        display: block;
        position: relative;
        margin: auto;
        padding: 6vw 0;
    }
    #index .p-n-contents8 .contents8_result::before {
        content: " ";
        display: block;
        width: 30vw;
        height: 32vw;
        background: url(../images/index/conts8_result_l.png)no-repeat center center;
        background-size: 60%;
        position: absolute;
        top: 0;
        bottom: auto;
        left: -6vw;
    }
    #index .p-n-contents8 .contents8_result::after {
        content: " ";
        display: block;
        width: 30vw;
        height: 32vw;
        background: url(../images/index/conts8_result_r.png)no-repeat center center;
        background-size: 60%;
        position: absolute;
        top: 0;
        bottom: auto;
        right: -6vw;
    }
    #index .p-n-contents8 .support_listbox {
        max-width: 100%;
        width: 100%;
        display: block;
    }
    #index .p-n-contents8 .contents8_support01 {
        padding: 18vw 0;
    }
    #index .p-n-contents8 .support_list01 {
        max-width: 100%;
        background: url(../images/index/contents8_support01-sp.jpg)no-repeat;
        background-position: center center;
        background-size: cover;
        clip-path: polygon(0 0, 100% 0, 100% 89%, 0% 100%);
        margin: -2vw auto -6vw;
    }
    #index .p-n-contents8 .support_list02 {
        max-width: 100%;
        background: url(../images/index/contents8_support02-sp.jpg)no-repeat;
        background-position: center center;
        background-size: cover;
        clip-path: polygon(0 13%, 100% 0, 100% 100%, 0 85%);
        margin: -14vw auto;
    }
    #index .p-n-contents8 .support_list03 {
        max-width: 100%;
        background: url(../images/index/contents8_support03-sp.jpg)no-repeat;
        background-position: center center;
        background-size: cover;
        clip-path: polygon(0 0, 100% 12%, 100% 85%, 0 100%);
        margin: -12vw auto;
    }
    #index .p-n-contents8 .support_list04 {
        max-width: 100%;
        background: url(../images/index/contents8_support04-sp.jpg)no-repeat;
        background-position: center center;
        background-size: cover;
        clip-path: polygon(0 13%, 100% 0, 100% 100%, 0 85%);
        margin: -14vw auto;
    }
    #index .p-n-contents8 .support_list05 {
        max-width: 100%;
        background: url(../images/index/contents8_support05-sp.jpg)no-repeat;
        background-position: center center;
        background-size: cover;
        clip-path: polygon(0 1%, 100% 13%, 100% 100%, 0 100%);
        margin: -8vw auto 0;
    }
    #index .p-n-contents8 .support_list_detail01,
    #index .p-n-contents8 .support_list_detail02 {
        max-width: 84%;
        padding: 3vw;
    }
    #index .p-n-contents8 .support_list_detail01 {
        margin-right: 0;
        margin-left: auto;
    }
    #index .p-n-contents8 .support_list_detail02 {
        margin-right: auto;
        margin-left: 0;
    }
    #index .p-n-contents8 .support_list_ttl {
        font-size: 22px;
        font-size: 2.2rem;
        padding-bottom: 2vw;
    }
    #index .p-n-contents8 .support_list_txt {
        font-size: 14px;
        font-size: 1.4rem;
        font-size: calc((84vw / 21) - 10%);
        padding-top: 15px;
        line-height: 1.5;
    }
    #index .p-n-contents8 .support_list_txt small {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.2;
    }
    /* さあ、始めよう！ */
    #index .contents_last {
        padding: 0 0 7vw;
    }
    #index .contents_last h2 {
        font-size: 20px;
        font-size: 2rem;
        padding: 3vw 0;
    }
    #index .contents_last h2 span::before {
        content: " ";
        display: block;
        width: 120px;
        height: 133px;
        position: absolute;
        left: -90px;
        bottom: -59px;
    }
    #index .contents_last .challenge_point {
        max-width: 100%;
        padding-top: 5vw;
    }
    #index .contents_last .challenge_point .challenge_point_li {
        width: 32%;
    }
    /* サポート */
    #index .p-n-explains--typeD .c-inner_contents {
        width: 100%;
    }
    #index .p-n-explains--typeD {
        padding: 6vw 0 10vw;
        background: #ffffff;
    }
    #index .p-n-explains--typeD .u-n-_support_ttl {
        font-size: 18px;
        font-size: calc(100vw / 20 - 10%);
        display: block;
        padding: 6vw 0;
    }
    #index .p-n-explains--typeD .p-n-explains--typeD__holderList__item {
        padding: 1em 1em;
    }
    #index .p-n-explains--typeD .p-n-explains--typeD__holderList__item__media {
        flex-direction: column-reverse;
    }
    #index .p-n-explains--typeD .p-n-explains--typeD__holderList__item__media__texts {
        width: 100%;
    }
    #index .p-n-explains--typeD .p-n-explains--typeD__holderList__item__media__texts__abstruct {
        margin: 1em 0 .5em;
        font-size: 2rem;
        text-align: center;
    }
    #index .p-n-explains--typeD .p-n-explains--typeD__holderList__item__media__fig {
        margin-bottom: 1em;
        width: 100%;
        text-align: center;
    }
    #index .p-n-explains--typeD .p-n-explains--typeD__holderList__item__media__ico {
        width: 100%;
        display: flex;
        justify-content: center;
        top: 43px;
        left: -4vw;
        right: 0;
        transform: translateY(-45%);
    }
    #index .p-n-explains--typeD .p-n-explains--typeD__holderList__item__media__ico.explains_sns {
        position: absolute;
        top: 57px;
        left: auto;
        right: -4vw;
        max-width: 220px;
        width: 100%;
    }
    #index .p-n-explains--typeD .p-n-explains--typeD__holderList__item__media__ico figure {
        width: 80%;
        max-width: 408px;
    }
    #index .p-n-explains--typeD .p-n-explains--typeD__holderList__item__media__voice figure {
        margin-right: 1rem;
        width: 40%;
    }
    #index .p-n-explains--typeD .p-n-explains--typeD__holderList__item__media__voice__rt {
        margin: 0 0 .5em;
        padding: 1rem;
        width: 100%;
        border-width: 2px;
    }
    #index .p-n-explains--typeD .p-n-explains--typeD__holderList__item__media__voice__rt:before {
        left: -1.8rem;
        width: 24px;
        height: 12px;
    }
    #index .p-n-explains--typeD .p-n-explains--typeD__holderList#afterfolow .p-n-explains--typeD__holderList__item {
        padding-bottom: 3em;
    }
    #index .u-n-_support_ribbon {
        font-size: 20px;
        font-size: 2rem;
        padding: 0 3vw;
    }
    #index .p-n-explains--typeD03 .u-n-_support_ribbon {
        font-size: 20px;
        font-size: 2rem;
        padding: 0;
    }
    #index .p-n-explains--typeD:last-of-type {
        padding: 7vw 0 2vw;
    }
    #index .p-n-explains--typeD02 {
        padding: 7vw 0;
    }
    #index .contents_last h2::after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(253, 53, 92, 0);
        border-top-color: #eeab6a;
        border-width: 10px;
        margin-left: -10px;
    }
}

#mainArea * {
    box-sizing: border-box;
}

#mainArea .p-n-yotopoReviewArea {
    margin-bottom: 40px;
}

#mainArea .p-n-yotopoReviewArea .p-n-yotopoReviewArea__widgetHolder {
    width: calc(100% - 40px);
}

@media only screen and (max-width: 767px) {
    #mainArea .p-n-yotopoReviewArea .p-n-yotopoReviewArea__widgetHolder {
        width: calc(100% - 20px);
    }
}

#mainArea .p-n-yotopoReviewArea .p-n-yotopoReviewArea__leading__balloon {
    margin-bottom: 20px;
}

#mainArea .p-n-yotopoReviewArea .p-n-yotopoReviewArea__leading__balloon>span {
    background-color: #74C65C;
}

#mainArea .p-n-yotopoReviewArea .p-n-yotopoReviewArea__leading__balloon>span:after {
    border-top-color: #74C65C;
}

#mainArea .p-n-yotopoReviewArea .p-n-yotopoReviewArea__leading__name {
    font-size: 40px;
    font-size: 4.0rem;
}

@media only screen and (max-width: 767px) {
    #mainArea .p-n-yotopoReviewArea .p-n-yotopoReviewArea__leading__name {
        font-size: 28px;
        font-size: 2.8rem;
    }
}

#mainArea .p-n-yotopoReviewArea .p-n-nextContents__btn {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 767px) {
    #mainArea .p-n-yotopoReviewArea .p-n-nextContents__btn {
        width: 100%;
    }
}

#mainArea .p-n-yotopoReviewArea .p-n-nextContents__btn>a {
    background-color: #FA4F5B;
    box-shadow: 0 8px 0 #DC0025;
}

#mainArea .p-n-yotopoReviewArea .p-n-nextContents__btn>a:hover {
    box-shadow: 0 0 0 #DC0025;
    top: 8px;
}


/* -----------------------------------------------------------------
*  text
*  ---------------------------------------------------------------*/

#text .p-n-leading__text__head {
    text-align: center;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

#text .p-n-leading__text__head h3 {
    width: 62%;
    margin: 0 auto 24px;
    font-size: 3.1875rem;
    display: block;
    position: relative;
}

#text .p-n-leading__text__head h3::before {
    content: " ";
    display: block;
    width: 89px;
    height: 165px;
    background: url(../images/text/conts8_result_l.png)no-repeat;
    background-size: contain;
    position: absolute;
    top: -10px;
    left: 30px;
}

#text .p-n-leading__text__head h3::after {
    content: " ";
    display: block;
    width: 89px;
    height: 165px;
    background: url(../images/text/conts8_result_r.png)no-repeat;
    background-size: contain;
    position: absolute;
    top: -10px;
    right: 20px;
}

#text .p-n-leading__text__head .c-rt {
    text-align: center;
    font-size: 1.6rem;
}

#text .p-n-leading__text__head li {
    width: 100%;
}

#text .p-n-leading__text__head li figcaption {
    padding-top: 15px;
    font-weight: bold;
}

#text .p-n-steps {
    padding: 0;
}

#text .p-n-steps__head {
    margin-bottom: 3em;
    background: url(../images/text/step_bg.png);
    background-size: 100%;
}

#text .p-n-steps__head h4 {
    background-color: #968476;
    color: #fff;
    border-radius: 8px;
    margin: 0 auto 24px;
    text-align: center;
    padding: 7px 0;
    width: 88%;
}

#text .p-n-steps__head ul {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 35px 0;
    width: 100%;
}

#text .p-n-steps__head ul li {
    position: relative;
    width: 31%;
}

#text .p-n-steps__head ul li:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #76b679;
    position: absolute;
    right: -25px;
    top: 33px;
}

#text .p-n-steps__head ul li:nth-of-type(1):after {
    border-left: 15px solid #6eabab;
}

#text .p-n-steps__head ul li:nth-of-type(2):after {
    border-left: 15px solid #eea55e;
}

#text .p-n-steps__head ul li:last-child:after {
    content: none;
}

#text .p-n-steps__head ul li figure {
    margin-bottom: 22px;
}

#text .p-n-steps__head ul li p {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    color: #76b679;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: bold;
}

#text .p-n-steps__head ul li:nth-of-type(2) p {
    color: #6eabab;
}

#text .p-n-steps__head ul li:nth-of-type(3) p {
    color: #eea55e;
}

#text .p-n-steps__eachStep {
    padding: 0 0 50px;
}

#text .p-n-steps__eachStep__head {
    margin-bottom: 1.5em;
    background: #fff;
    padding: 80px 40px 60px;
    border-radius: 20px;
}

#text .p-n-steps__eachStep__head p {
    text-align: center;
}

#text .p-n-steps__eachStep__head .p-n-steps__eachStep__head__ttl {
    text-align: center;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    max-width: 300px;
    width: 100%;
}

#text .p-n-steps__eachStep__head h3 {
    margin-bottom: 1em;
    text-align: center;
    font-size: 3.1875rem;
}

#text .p-n-steps__eachStep__head h4 {
    font-size: 20px;
    text-align: center;
}

#text .p-n-steps__eachStep__head h4 em {
    font-size: 120%;
}

#text .p-n-steps__eachStep#anc_flow01 .p-n-steps__eachStep__points__fig {
    margin: 30px auto;
    width: 100%;
}

#text .p-n-steps__eachStep__head_video {
    padding: 40px 40px 60px;
}

#text .p-n-steps__eachStep#anc_flow01 .p-n-steps__eachStep__head_video .p-n-steps__eachStep__head__media {
    display: block;
    width: 100%;
    max-width: 520px;
    margin: 20px auto;
}

#text .p-n-video {
    padding: 60px 0 0;
}

#text .p-n-video .p-n-video__hl {
    background: #fff;
}

#text .p-n-steps__eachStep__holderList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 2em 4em;
    background: #fff;
    border-radius: 2em;
}

#text .p-n-steps__eachStep__holderList li {
    width: calc(85% / 3);
}

#text .p-n-steps__eachStep__holderList li h5 {
    margin: 0.8em auto;
    padding: 0.5em 0;
    color: #fff;
    text-align: center;
    background: #81c084;
    width: 100%;
    max-width: 100%;
}

#text .p-n-steps__eachStep#anc_flow01 {
    background: #d5e9d6;
    text-align: left !important;
    margin: 0 auto 100px;
    position: relative;
}

#text .p-n-steps__eachStep#anc_flow01::after,
#text .p-n-steps__eachStep#anc_flow02::after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #f07878;
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translate(-50%, 50%);
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
}

#text .p-n-steps__eachStep#anc_flow01:after {
    border-top: 30px solid #6eabab;
}

#text .p-n-steps__eachStep#anc_flow02:after {
    border-top: 30px solid #eea55e;
}

#text .p-n-steps__eachStep#anc_flow01 .p-n-steps__eachStep__head p {
    text-align: center;
}

#text .p-n-steps__eachStep#anc_flow01 .p-n-steps__eachStep__head .text_point_txt {
    text-align: left;
}

#text .p-n-steps__eachStep#anc_flow01 .p-n-steps__eachStep__holderList-wrap {
    position: relative;
    background: #fff;
    padding: 30px 0 0;
}

#text .p-n-steps__eachStep#anc_flow01 .p-n-steps__eachStep__holderList {
    padding: 0;
    background: none;
}

#text .p-n-steps__eachStep#anc_flow01 .p-n-steps__eachStep__holderList li figure {
    height: 180px;
}

#text .p-n-steps__eachStep#anc_flow02 {
    background: #d3e6e6;
    padding: 80px 0 60px;
    margin: 0 auto 100px;
    position: relative;
}

#text .p-n-steps__eachStep#anc_flow02 .p-n-steps__eachStep__points__fig {
    display: block;
    width: 100%;
    max-width: 580px;
    margin: 20px auto;
}

#text .p-n-steps__eachStep#anc_flow03 {
    background: #f8dbbf;
    padding: 80px 0 60px;
    margin: 0 auto;
    position: relative;
}

#text .p-n-steps__eachStep#anc_flow03 .p-n-steps__eachStep__head__media {
    display: block;
    width: 100%;
    max-width: 580px;
    margin: 20px auto;
}

#text .p-n-steps__eachStep#anc_flow03 p {
    text-align: left;
    display: block;
    width: 100%;
    max-width: 580px;
    margin: 20px auto;
}

#text .p-n-steps__eachStep#anc_flow04 {
    background: #f5dbd6;
    padding: 60px 0 60px;
}

#text .p-n-steps__eachStep#anc_flow04 .u-n-themeBalloonColor>span {
    color: #fff;
    background: #e7a499 !important;
}

#text .p-n-steps__eachStep#anc_flow04 .u-n-themeBalloonColor>span:after {
    border-top-color: #e7a499 !important;
}

#text .p-n-steps__eachStep#anc_flow04 .p-n-steps__eachStep__head_fuku {
    padding: 0 4em;
    background: none;
}

#text .p-n-steps__eachStep#anc_flow04 .p-n-steps__eachStep__head_fuku li {
    border-bottom: 3px dotted #f5dbd6;
    margin-bottom: 40px;
    padding-bottom: 40px;
}

#text .p-n-steps__eachStep#anc_flow04 .p-n-steps__eachStep__head_fuku li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

#text .p-n-steps__eachStep#anc_flow04 .p-n-steps__eachStep__head__cont {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

#text .p-n-steps__eachStep#anc_flow04 .p-n-steps__eachStep__head__txt {
    width: 100%;
    max-width: 400px;
}

#text .p-n-steps__eachStep#anc_flow04 .p-n-steps__eachStep__head__media {
    width: 100%;
    max-width: 360px;
}

#text .p-n-steps__eachStep#anc_flow04 .p-n-steps__eachStep__head__txt h4 {
    font-size: 28px;
    font-weight: bold;
    color: #e7a499;
    text-align: left;
}

#text .p-n-steps__eachStep#anc_flow04 .p-n-steps__eachStep__head_fuku li:last-child h4 {
    background: url(../images/text/sub_text_fig03_sp.png)no-repeat right 5% bottom;
    background-size: contain;
}

#text .p-n-steps__eachStep#anc_flow04 .p-n-steps__eachStep__head_fuku li:last-child .p-n-steps__eachStep__head__txt {
    max-width: none;
}

#text .p-n-steps__eachStep#anc_flow04 .p-n-steps__eachStep__head_fuku li:last-child .p-n-steps__eachStep__head__txt h4 {
    text-align: center;
    margin-bottom: 20px;
}

#text .p-n-steps__eachStep#anc_flow04 .p-n-steps__eachStep__head_fuku li:last-child .p-n-steps__eachStep__head__txt h4 p {
    width: 65%;
    max-width: 280px;
    margin: 0 auto 10px;
}

#text .p-n-steps__eachStep#anc_flow04 .c-rt {
    text-align: left;
}

#text .step_flowttl {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
    border-top: 4px solid #caa699;
    background: #d5e9d6;
    position: relative;
    padding-bottom: 115px;
}

#text .step_flowttl h3 {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: 270px;
    width: 100%;
    margin: 0 auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


/* SP */

@media screen and (max-width: 767px) {
    #text .p-n-leading__text__head {
        font-size: 2.5rem;
        display: block;
    }
    #text .p-n-leading__text__head li,
    #text .p-n-leading__text__head li:last-of-type {
        width: 100%;
        padding-bottom: 7vw;
    }
    #text .p-n-leading__text__head li:last-of-type {
        width: 100%;
        margin: 0 auto;
    }
    #text .p-n-leading__text__head li figcaption {
        font-size: 1.4rem;
    }
    #text .p-n-leading__text__head h3 {
        width: 100%;
        margin-bottom: 20px;
        font-size: 2.0rem;
    }
    #text .p-n-leading__text__head h3::before {
        content: " ";
        display: block;
        width: 60px;
        height: 110px;
        background: url(../images/text/conts8_result_l.png)no-repeat;
        background-size: contain;
        position: absolute;
        top: -10px;
        left: 0px;
    }
    #text .p-n-leading__text__head h3::after {
        content: " ";
        display: block;
        width: 60px;
        height: 110px;
        background: url(../images/text/conts8_result_r.png)no-repeat;
        background-size: contain;
        position: absolute;
        top: -10px;
        right: 0px;
    }
    #text .p-n-leading__text__head .c-rt {
        font-weight: normal;
        font-size: 1.3rem;
    }
    #text .p-n-steps {
        padding: 0;
    }
    #text .p-n-steps__head {
        margin-bottom: 0;
    }
    #text .p-n-steps__head ul {
        flex-direction: column;
        margin-bottom: 0;
        width: 100%;
    }
    #text .p-n-steps__head ul li {
        margin: 0 auto 15vw;
        width: 80%;
        text-align: center;
        min-height: 195px;
    }
    #text .p-n-steps__head ul li:after {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #A34F27;
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translate(-50%, 50%);
        -webkit-transform: translate(-50%, 500%);
        -ms-transform: translate(-50%, 50%);
    }
    #text .p-n-steps__head ul li:nth-of-type(1):after {
        border-top: 20px solid #6eabab;
        border-left: 20px solid transparent;
    }
    #text .p-n-steps__head ul li:nth-of-type(2):after {
        border-top: 20px solid #eea55e;
        border-left: 20px solid transparent;
    }
    #text .p-n-steps__head ul li:last-child {
        margin-bottom: 0;
    }
    #text .p-n-steps__head ul li:last-child:after {
        content: none;
    }
    #text .p-n-steps__head ul li a {
        display: block;
        align-items: center;
        justify-content: center;
    }
    #text .p-n-steps__head ul li figure {
        width: 100%;
    }
    #text .p-n-steps__head ul li a p {
        width: 90%;
        margin: 0 auto;
    }
    #text .p-n-steps__head ul li:nth-of-type(4) a p {
        margin-top: 0%;
    }
    #text .p-n-steps__eachStep {
        margin-bottom: 4.5em;
    }
    #text .p-n-steps__eachStep#anc_flow02,
    #text .p-n-steps__eachStep#anc_flow03 {
        padding: 20vw 0 7vw;
    }
    #text .step_flowttl h3 {
        max-width: 50%;
    }
    #text .p-n-steps__eachStep__head {
        margin-bottom: 1em;
        background: #fff;
        padding: 17vw 3vw 6vw;
        border-radius: 10px;
    }
    #text .p-n-steps__eachStep__head>figure {
        /* margin: -4.8em auto 1.5em; */
        width: 80%;
        top: 77px;
    }
    #text .p-n-steps__eachStep__head h3 {
        font-size: 2.5rem;
    }
    #text .p-n-steps__eachStep__head__media {
        flex-direction: column;
    }
    #text .p-n-steps__eachStep__head__media figure {
        margin: 5vw auto;
        width: 100%;
    }
    #text .p-n-steps__eachStep__holderList {
        flex-direction: column;
        padding: 2em;
    }
    #text .p-n-steps__eachStep__holderList li {
        margin-bottom: 2em;
        width: 100%;
        display: grid;
    }
    #text .p-n-steps__eachStep#anc_flow01 .p-n-steps__eachStep__holderList-wrap {
        padding: 0 2vw;
    }
    #text .p-n-steps__eachStep#anc_flow01 .p-n-steps__eachStep__holderList li figure {
        height: auto;
        text-align: center;
    }
    #text .p-n-steps__eachStep__head h4 {
        font-size: calc(80vw / 20);
    }
    #text .p-n-steps__eachStep#anc_flow01 .p-n-steps__eachStep__head {
        padding: 17vw 6vw 6vw;
    }
    #text .p-n-steps__eachStep#anc_flow01 .p-n-steps__eachStep__head_video {
        padding: 6vw 0 6vw;
    }
    #text .p-n-steps__eachStep#anc_flow01 .p-n-steps__eachStep__head_video .p-n-steps__eachStep__head__media {
        width: 90%;
        margin: 20px auto 20px 0;
    }
    #text .p-n-steps__eachStep#anc_flow01 .p-n-steps__eachStep__head_video .p-n-video {
        width: 90%;
        margin: 20px auto;
    }
    #text .p-n-steps__eachStep#anc_flow02 .c-inner_contents {
        width: 100%;
    }
    #text .p-n-steps__eachStep#anc_flow02 .p-n-steps__eachStep__head {
        width: 90.625%;
        margin: 0 auto 1em;
    }
    #text .p-n-steps__eachStep#anc_flow02 .fig-wrap01 {
        transform: translateX(0);
        margin: 0 auto;
    }
    #text .p-n-steps__eachStep#anc_flow02 .fig-wrap02 {
        text-align: center;
        margin-left: 0;
    }
    #text .p-n-steps__eachStep#anc_flow03 .p-n-steps__eachStep__holderList {
        padding: 0;
        background: none;
    }
    #text .p-n-steps__eachStep#anc_flow03 .p-n-steps__eachStep__holderList li {
        width: 100%;
    }
    #text .p-n-steps__eachStep#anc_flow04 .p-n-steps__eachStep__head {
        padding: 6vw 3vw;
    }
    #text .p-n-steps__eachStep#anc_flow04 .p-n-steps__eachStep__head_fuku {
        padding: 6vw 3vw;
    }
    #text .p-n-steps__eachStep#anc_flow04 .p-n-steps__eachStep__head_fuku h4 {
        font-size: calc(80vw / 17);
        text-align: center;
    }
    #text .p-n-steps__eachStep#anc_flow04 .p-n-steps__eachStep__head_fuku li:last-child h4 {
        background: url(../images/text/sub_text_fig03_sp.png)no-repeat right 0 bottom;
        background-size: contain;
        padding-right: 5%;
    }
}


/* -----------------------------------------------------------------
*  curriculum
*  ---------------------------------------------------------------*/

#curriculum .p-n-leading .c-rt {
    text-align: center;
}

#curriculum .p-n-eachCurriculum {
    padding: 0 0 50px;
    position: relative;
    border-top: #3e3a39 solid 2px;
    background: #e9e9e7 url("../images/curriculum/instructor_board_bg.png");
}

#curriculum .p-n-eachCurriculum .curriculum_ttl_icon {
    display: block;
    width: 140px;
    position: absolute;
    top: -14px;
    left: 0;
}

#curriculum .p-n-eachCurriculum__holder__texts p {
    font-size: 13px;
}
#curriculum .p-n-eachCurriculum__holder__texts__hl {
    padding: 30px 0 30px 150px;
    font-size: 32px;
    background: url("../images/curriculum/cuurriculum_conts_line.png") no-repeat left bottom;
}

#curriculum .p-n-eachCurriculum__holder__fig {
    padding: 30px 0 0;
    max-width: 400px;
    width: 100%;
    float: right;
    text-align: center;
}

#curriculum .p-n-eachCurriculum__holder__fig img {
    width: 100%;
}


/*１ヶ月目*/

#curriculum .p-n-eachCurriculum__parts_text {
    padding: 25px;
    background-color: #fff;
}

#curriculum .p-n-eachCurriculum__parts_text_li {
    width: 335px;
    font-size: 14px;
    float: left;
}

#curriculum .p-n-eachCurriculum__parts_text_li:nth-of-type(1) {
    border-right: 1px solid #ccc;
    padding-right: 15px;
}

#curriculum .p-n-eachCurriculum__parts_text_li:nth-of-type(2) {
    padding-left: 15px;
    width: 305px;
}

#curriculum .p-n-eachCurriculum__parts_text_li:nth-of-type(3) {
    width: 310px;
}

#curriculum .p-n-eachCurriculum__parts_text_li dl.p-n-eachCurriculum__parts_text_li_item {
    display: flex;
    justify-content: space-between;
}

#curriculum .p-n-eachCurriculum__parts_text_li dl.p-n-eachCurriculum__parts_text_li_item dt {
    color: #e7a499;
    width: 22%;
}

#curriculum .p-n-eachCurriculum__parts_text_li dl.p-n-eachCurriculum__parts_text_li_item dt {
    max-width: 250px;
}

#curriculum .p-n-eachCurriculum__parts_text_li dl.p-n-eachCurriculum__parts_text_li_item dd {
    width: 75%;
}

#curriculum .p-n-eachCurriculum__parts_text_check {
    max-width: 250px;
    margin: 0 auto;
    margin-top: 45px;
}

#curriculum .curriculum_contents_arrow {
    width: 100%;
    margin: 20px auto;
    display: block;
    text-align: center;
}

#curriculum .curriculum_arrow_last {
    margin: 60px auto;
}

#curriculum .curriculum_arrow_last p {
    text-align: center;
}

#curriculum .p-n-challenge__holder {
    border: none;
    border-radius: 20px;
    background-color: #fff;
}

#curriculum .p-n-challenge__holder__texts__hl {
    font-size: 30px;
    font-size: 3.0rem;
}

#curriculum .p-n-afterPassing__grid {
    padding: 80px 0;
    background: #fff;
    text-align: center;
}

#curriculum .p-n-introduction__texts__Head_curriculum {
    font-size: 30px;
    font-size: 3.0rem;
    display: block;
    position: relative;
    padding: 0 0 20px;
}

#curriculum .p-n-introduction__texts__Head_curriculum::after {
    display: block;
    content: " ";
    width: 700px;
    height: 10px;
    background: url(../images/curriculum/afterfollow_ttl@2x.png)no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0;
    background-position: center center;
    left: 15%;
}

#curriculum .p-n-afterPassing__grid__col {
    display: flex;
    justify-content: space-between;
    width: 100%;
    text-align: left;
    padding: 60px 0;
}

#curriculum .p-n-afterPassing__grid__col__item {
    position: relative;
    width: 30%;
}

#curriculum .p-n-afterPassing__grid__col__head {
    padding: 0;
    font-size: 20px;
    font-size: 2.0rem;
    background-color: #eeab6a !important;
    color: #fff;
    padding: 15px 0;
    text-align: center;
    border-radius: 20px 20px 0 0;
}

#curriculum .p-n-afterPassing__grid__col .c-rt {
    margin-bottom: 1em;
}

#curriculum .p-n-afterPassing__grid__col .c-rt small {
    font-size: 80%;
}

#curriculum .p-n-afterPassing__grid__col__btn {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -60px;
    margin: 0 auto;
    width: 100%;
    display: block;
}

@media only screen and (max-width: 768px) {
    #curriculum .p-n-leading .c-rt {
        text-align: left;
    }
    #curriculum .p-n-eachCurriculum .curriculum_ttl_icon {
        top: -2.5vw;
        max-width: 24%;
    }
    #curriculum .p-n-eachCurriculum__holder__texts p {
        font-size: 14px;
    }
    #curriculum .p-n-eachCurriculum__holder__texts__hl {
        font-size: 24px;
        padding: 0 0 30px 26vw;
    }
    #curriculum .p-n-eachCurriculum__holder__texts__hl em {
        padding-top: 3vw;
        display: block;
    }
    #curriculum .p-n-eachCurriculum__point_box {
        width: 100%;
        margin: 0 5% 5% 0;
        padding: 5px 15px 15px 15px;
        background-size: 100%;
        position: relative;
    }
    #curriculum .p-n-eachCurriculum__point_box::before {
        content: "";
        width: 30px;
        height: 30px;
        box-shadow: 2px 2px 0 #000000;
        border-radius: 50%;
        position: relative;
        top: -10px;
        left: calc(50% - 15px);
    }
    #curriculum .p-n-eachCurriculum__point_box::after {
        content: "";
        display: none;
    }
    #curriculum .p-n-eachCurriculum__point_ttl {
        width: -moz-fit-content;
        width: fit-content;
        margin: 8vw auto 3vw 11vw;
        padding: 2vw 8vw 2vw 8vw;
        text-align: center;
        font-size: calc(38vw / 9);
        color: #fff;
        font-weight: bold;
        background-color: #8fb2c5;
        position: relative;
    }
    #curriculum .p-n-eachCurriculum__point_ttl::before {
        top: 100%;
        left: 50%;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border: solid transparent;
        border-color: rgba(253, 53, 92, 0);
        border-top-color: #8fb2c5;
        border-width: 8px;
        margin-left: -10px;
    }
    #curriculum .p-n-eachCurriculum__point_box.month01 .p-n-eachCurriculum__point_ttl::before {
        border-left-color: transparent;
        border-top-color: #e92e18;
    }
    #curriculum .p-n-eachCurriculum__point_box.month02 .p-n-eachCurriculum__point_ttl::before {
        border-left-color: transparent;
        border-top-color: #78c3a0;
    }
    #curriculum .p-n-eachCurriculum__point_box.month03 .p-n-eachCurriculum__point_ttl::before {
        border-left-color: transparent;
        border-top-color: #ffa800;
    }
    #curriculum .p-n-eachCurriculum__point_p {
        width: 100%;
        font-size: 16px;
        line-height: 1.6;
    }
    #curriculum .p-n-eachCurriculum__parts_text {
        padding: 5%;
        background-color: #fff;
    }
    #curriculum .p-n-eachCurriculum__parts_text_li {
        width: 100%;
    }
    #curriculum .p-n-eachCurriculum__parts_text_li dl.p-n-eachCurriculum__parts_text_li_item dt {
        color: #e7a499;
        margin-right: 1%;
        width: 23vw;
        max-width: none;
    }
    #curriculum .p-n-eachCurriculum__parts_text_li dl.p-n-eachCurriculum__parts_text_li_item dd {
        max-width: none;
        width: 60vw;
    }
    #curriculum .p-n-eachCurriculum__parts_text_li em {
        font-weight: normal;
    }
    #curriculum .p-n-eachCurriculum__parts_text_li:nth-of-type(2) {
        border-left: none;
        padding-top: 10px;
        padding-left: 0;
    }
    #curriculum .p-n-eachCurriculum__parts_text_li:nth-of-type(1) {
        border-right: none;
        padding-right: 0;
    }
    #curriculum .curriculum_arrow_last {
        margin: 6% auto;
    }
    #curriculum .curriculum_arrow_last::before {
        border-left: 190px solid transparent;
        border-right: 190px solid transparent;
        border-top: 80px solid #fffabb;
    }
    #curriculum .p-n-challenge__holder__texts__hl {
        font-size: calc(100vw / 17 - 12%);
    }
    #curriculum .p-n-afterPassing__grid {
        padding: 7vw 0;
    }
    #curriculum .p-n-afterPassing__grid h4 {
        font-size: 1.6rem;
    }
    #curriculum .p-n-afterPassing__grid__col {
        flex-direction: column;
        padding: 7vw 0 0;
    }
    #curriculum .p-n-afterPassing__grid figure {
        text-align: center;
    }
    #curriculum .p-n-afterPassing__grid__col__item {
        margin-bottom: 2em;
        padding: 0 0 3vw;
        width: 100%;
    }
    #curriculum .p-n-introduction__texts__Head_curriculum {
        font-size: 20px;
        font-size: 2.0rem;
    }
    #curriculum .p-n-introduction__texts__Head_curriculum::after {
        display: block;
        content: " ";
        max-width: 340px;
        width: 100%;
        height: 10px;
        background: url(../images/curriculum/afterfollow_ttl@2x.png)no-repeat;
        background-size: cover;
        left: 0;
    }
    #curriculum .p-n-afterPassing__grid__col__btn {
        position: inherit;
    }
    #curriculum .p-n-challenge__holder .p-n-challenge__holder__texts {
        margin: auto;
        text-align: center;
    }
    #curriculum .p-n-challenge__holder .p-n-challenge__holder__texts__ribbon {
        background: #ffa800 !important;
    }
    #curriculum .p-n-challenge__holder .u-n-themeRibbonColor:before {
        border-right-color: #ffa800 !important;
    }
    #curriculum .p-n-challenge__holder sup {
        font-size: 60%;
        vertical-align: top;
    }
}


/* -----------------------------------------------------------------
*  price
*  ---------------------------------------------------------------*/

.p-faq .p-faq__list:nth-of-type(4) {
    margin-bottom: 10px;
}

.p-faq .p-howToPay__amazon {
    margin-bottom: 30px;
    font-size: 1.4rem;
    line-height: 1.428571429;
}


/* -----------------------------------------------------------------
*  animation
*  ---------------------------------------------------------------*/

.effect-fade-model {
    opacity: 0;
    transform: translate(0, 60px);
    transition: all 1500ms;
}

.effect-fade-model.effect-scroll-model {
    opacity: 1;
    transform: translate(0, 0);
}


/* -----------------------------------------------------------------
*  modal
*  ---------------------------------------------------------------*/

.modal__text img {
    width: 100% !important;
}

/* 240513修正分 */
.p-eachInquiry .p-eachInquiry__list .p-eachInquiry__list__item:first-child {
/*    display: none;*/
}
@media only screen and (max-width: 768px) {
    .p-pageFootAddBtns_v2__list__item__material {
/*        display: none !important;*/
    }
    .p-pageFootAddBtns_v2__list__item.p-pageFootAddBtns_v2__list__item__course {
        
    }
}

/* 240520修正分 */
.l-aside {
/*    display: none !important;*/
}

/* 240611修正分 */
#index .contents_last .challenge_point .challenge_point_li:nth-child(1) {
    position: relative;
}
.challenge_point_li_anchor {
    position: absolute;
    bottom: 11px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    font-weight: bold;
    line-height: 1.25;
}
.challenge_point_li_anchor:hover {
    opacity: 0.7;
}

@media only screen and (max-width: 768px) {
    .challenge_point_li_anchor {
        bottom: 7px;
        font-size: 7px;
    }
}