@charset "UTF-8";
.f-white { color: #ffffff; }
.f-red { color: #D13525; }
.f-brown { color: #5B3721; }
.f-gold { color: #A78B4E; }
.f-green { color: #3A5939; }
.mark {font-size: 1.4rem;position: relative;top: -13px;}
.text-center {  text-align: center; }
.black-title {
    width: fit-content;
    margin: 0 auto;
    padding: 5px 20px;
    text-box-trim: trim-both;
    background: #282828;
    color: #ffffff;
    border-radius: 2.0rem;
}
.w-fit {
    width:fit-content;
    margin: 0 auto;
    padding: 10px;
}
.width330 {
    width: 330px;
    height: 69px;
}
.arrow {
    position: relative;
}
.arrow::before {
    content: "";
    display: inline-block;
    background: url("../../img/coding/newcourse/cb1/ad/arrow.svg") no-repeat;
    background-size: contain;
    position: absolute;
    top: 95px;
    left: 50%;
    transform: translateX(-50%);
    width: 85px;
    height: 38px;
}
.i-timer {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url("../../img/coding/newcourse/cb1/cb1_2026/clock.svg") no-repeat;
    background-size: contain;
}
.i-plus {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("../../img/coding/newcourse/cb1/cb1_2026/plus.svg") no-repeat;
    background-size: contain;
}
.i-check {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../../img/coding/newcourse/cb1/cb1_2026/check.svg") no-repeat;
    background-size: contain;
}
.slash::before,
.slash::after {
    content: "";
    background-color: #ffffff;
    height: 3px;
    width: 40px;
}
.font-palt {
    font-feature-settings: "palt";
}
.white-label {
    width: fit-content;
    margin: 30px auto;
    border-radius: 1.0rem;
    background: #ffffff;
    padding: 5px 20px;
    text-align: center;
}
.line-fukidashi {
    width: 180px;
    margin: 0 auto;
    position: relative;
}
.line-fukidashi::after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -17px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 12px;
    background: url("../../img/coding/newcourse/cb1/cb1_2026/line_fukidashi.svg") no-repeat;
    background-size: contain;
}
.border-dot-line {
    border-top: 2px dotted #707070
}
.price-area {
    width: 250px;
    margin: 0 auto 60px;
    position: relative;
}
.price-area .price {
    font-size: 3.0rem;
    font-weight: 600;
}
.price-area .price .price_value {
    font-size: 5.1rem;
    font-weight: 700;
}
.price-area .tax_area {
    position: absolute;
    right: 0;
    bottom: -10px;
    font-weight: 600;
}
.newcourse .course.top_one_column .course_inner .one_column .one_column_inner .one_column_inner_middle.text-wide,
.newcourse .course_inner .one_column .one_column_inner_middle.text-wide {
    max-width: 735px;
}
.newcourse .course.top_one_column .course_inner .one_column .one_column_inner .one_column_inner_middle .one_column_inner_middle_img.cp_area,
.newcourse .course_inner .one_column .one_column_inner_middle.text-wide .one_column_inner_middle_img.cp_area {
    width: 100%;
    max-width: calc(100% - 60px);
    margin-top: 50px;
    padding: 30px;
    background: #ffffff;
    border: 1px solid #3A5939;
    border-radius: 1.0rem;
}
.cp_area .limit-area {
    width: 290px;
    margin: 0 auto;
}
.cp_area .limit-area img {
    position: relative;
    left: 50px;
}
.cp_area .cp-text-area {
    width: calc(100% - 20%);
    margin: 20px auto;
    text-align: center;
}
.cp_area .button-area {
    width: 100%;
    margin: 30px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.course.top_one_column {
    background: #FAF8F4;
}
.course.top_one_column.bg_dark_gray { 
    background: #969696;
}
.course.top_one_column.bg_d3c5a6 {
    background: #D3C5A6;
}
.course.top_one_column.bg-white {
    background: #ffffff;
}
.course.top_one_column.worries-area {
    background: url("../../img/coding/newcourse/cb1/cb1_2026/worries_bg.jpg");
    background-size: 100% 100%;
}
.bg-red { background: #B14445; }
.bg-white { background: #ffffff; }
.bg_brown { background: #EBE6DF; }
.bg_class { background: #EFE0CB; }
.border-button {
    width: 270px;
    height: 45px;
    margin: 0 auto;
    border-radius: 3.0rem;
    border: 1px solid #282828;
    background: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-box-trim: trim-both;
    padding: 5px 10px;
}
.app_btn.normal {
    width: 240px;
}
.btn_area img.btn_img {
    margin-top: 50px;
    width: 240px;
}
/*画像*/
.newcourse .one_column img.mdx4-ad {
    width: 104px;
}
/*link*/
a.textlink {
    color: #282828;
}
a.textlink:hover {
    opacity: 0.8;
}
h3.course {
    position: relative;
    z-index: 1;
}
.newcourse .course.top_one_column .course_inner .one_column .one_column_inner .one_column_inner_middle .one_column_inner_middle_img,
.newcourse .course_inner .one_column .one_column_inner_middle.text-wide .one_column_inner_middle_img,
.newcourse .course.top_one_column .course_inner .one_column .one_column_inner .one_column_inner_middle .one_column_inner_middle_content .item-detail,
.newcourse .course_inner .one_column .one_column_inner_middle.text-wide .one_column_inner_middle_content .item-detail {
    max-width: 620px;
}
.newcourse .course.top_one_column .course_inner .one_column .one_column_inner .one_column_inner_middle .one_column_inner_middle_content .item-detail,
.newcourse .course_inner .one_column .one_column_inner_middle.text-wide .one_column_inner_middle_content .item-detail {
    margin: 0 auto;
}
.newcourse .course_inner .one_column .one_column_inner p {
    font-size: 1.5rem;
}
.newcourse .course_inner .one_column .one_column_inner p.border-dot-line {
    width: 100%;
    max-width: calc(100% - 30%);
    margin: 0 auto;
    padding-top: 50px;
}
.cb1-reason {
    width: 100%;
    margin: 60px auto 40%;
}
.cb1-reason .title-img {
    width: 560px;
}
.cb1-reason .img-area {
    width: 560px;
}
.cb1-reason .img-area.w330-img {
    width: 330px;
    margin: 0 auto;
}
.cb1-reason .reason-bg {
    background: #ede8dc;
    padding-top: 100px;
    padding-bottom: 100px;
    margin-bottom: 400px;
    position: relative;
}
.cb1-reason .reason-bg:last-child {
    margin-bottom: 0;
}
.reason-bg.white {
    background: #ffffff;
}
.reason-bg.no1 {
    background: #FAF8F4 url("../../img/coding/newcourse/cb1/cb1_2026/cb1-01-bg.jpg") no-repeat;
    background-position: bottom center;
    background-size: 100%;
}
.reason-bg.no2 {
    background: #FAF8F4 url("../../img/coding/newcourse/cb1/cb1_2026/cb1-02-bg.jpg") no-repeat;
    background-position: bottom center;
    background-size: 100%;
}
.reason-bg.no3 {
    background: #FAF8F4 url("../../img/coding/newcourse/cb1/cb1_2026/cb1-03-bg.jpg") no-repeat;
    background-position: bottom center;
    background-size: 100%;
}
.reason-bg.no4 {
    background: #FAF8F4 url("../../img/coding/newcourse/cb1/cb1_2026/cb1-04-bg.jpg") no-repeat;
    background-position: bottom center;
    background-size: 100%;
}
.cb1-reason .reason-bg .reason-bg-inner {
    width: 580px;
    margin: 0 auto;
}
.cb1-reason .reason-bg .reason-bg-inner .title-area {
    width: 100%;
    max-width: calc(100% - 10%);
    margin: 50px auto 20px;
}
.cb1-reason .reason-bg .reason-bg-inner .title-area h2 {
    font-size: 3.2rem;
    color: #A78B4E;
    position: relative;
    margin-bottom: 20px;
}
.reason-bg .reason-bg-inner .title-area h2::before {
    content: "";
    display: inline-block;
    width: 47px;
    height: 41px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -60px;
}
.cb1-reason .reason-bg .reason-bg-inner .img-area {
    width: 100%;
    max-width: calc(100% - 10%);
    margin: 0 auto;
}
.reason-bg .reason-bg-inner .title-area h2.no01::before {
    background: url("../../img/coding/newcourse/cb1/cb1_2026/reason_no01.svg") no-repeat;
    background-size: contain;
}
.reason-bg .reason-bg-inner .title-area h2.no02::before {
    background: url("../../img/coding/newcourse/cb1/cb1_2026/reason_no02.svg") no-repeat;
    background-size: contain;
}
.reason-bg .reason-bg-inner .title-area h2.no03::before {
    background: url("../../img/coding/newcourse/cb1/cb1_2026/reason_no03.svg") no-repeat;
    background-size: contain;
}
.reason-bg .reason-bg-inner .title-area h2.no04::before {
    background: url("../../img/coding/newcourse/cb1/cb1_2026/reason_no04.svg") no-repeat;
    background-size: contain;
}
.cb1-reason .reason-bg .reason-bg-inner .title-area h3 {
    width: 100%;
    padding: 15px 0;
    font-size: 2.0rem;
    text-align: center;
}
.cb1-reason .reason-bg.no1 .reason-bg-inner .bottom-part {
    padding-bottom: 60%;
}
.cb1-reason .reason-bg.no2 .reason-bg-inner .bottom-part {
    padding-bottom: 45%;
}
.reason-bg h4 {
    line-height: 2;
    margin-top: 60px;
}
.reason-bg h4 img.no-img {
    width: 30px;
    position: relative;
    top: -10px;
    right: 5px;
}
ul.step-item {
    display: flex;
}
ul.step-item li {
    width: 100%;
    max-width: calc(100% / 3 - 10px);
    margin: 0 auto;
}
ul.step-item li h3.step-title {
    text-box-trim: trim-both;
    padding: 0 15px;
    color: #ffffff;
    text-align: center;
    font-weight: 600;
    background: #282828;
    border-radius: 2.0rem;
    width: 94px;
    height: 31px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.step-item li p.step-text {
    width: 100%;
    font-size: 1.8rem;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
ul.step-item li .img-area {
    width: 100%;
    object-fit: contain;
    margin-top: 10px;
}
/*toggle*/
.reason-bg.no4 .border-button {
    cursor: pointer;
}
.reason-bg.no4 .border-button:hover {
    opacity: 0.8;
    transition: all 1s ease;
}
.toggle-menu-area {
    width: 100%;
    margin-top: 30px;
}
.toggle-menu-area:not(.is-active) {
    display: none;
}
.toggle-menu-area:has(.is-active) {
    display: block;
}
.toggle-menu-area h3 {
    width: fit-content;
    margin: 0 auto;
}
.toggle-menu-area ul.toggle-menu-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 20px;
}
.toggle-menu-area ul.toggle-menu-list li {
    width: 100%;
    max-width: calc(100% / 3 - 4px);
    height: 35px;
    margin: 0 auto 4px;
    background: #ffffff;
    border-radius: 0.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.toggle-menu-area ul.toggle-menu-list li:nth-child(3n) {
    margin-right: 0;
}
.toggle-menu-area ul.toggle-menu-list li:last-child {
    margin-left: 2px;
}
.toggle-menu-area ul.toggle-menu-list li p {
    font-size: 1.0rem !important;
    font-weight: 400;
    margin-top: 0 !important;
    padding: 10px 0;
    text-box-trim: trim-both;
}
/*パンミックス*/
.reason-breadmix-area {
    width: 100%;
    margin: 50px auto;
}
.mix_slider:not(.slick-initialized),
.voice_slider:not(.slick-initialized) {
    display: none;
}
.cb1-reason .reason-bg .reason-breadmix-area .bread-mix {
    width: 100%;
    max-width: calc(100% - 10%);
    margin: 60px auto 100px;
    display: flex;
    flex-wrap: wrap;
}
.cb1-reason .reason-bg .reason-breadmix-area .bread-mix .bread-mix-inner {
    width: 100%;
    max-width: calc(100% / 4 - 60px);
    margin: 0 30px 40px;
    display: flex;
    align-items: center;
}
.cb1-reason .reason-bg .reason-breadmix-area .bread-mix.limit {
    margin-bottom: 50px;
}
.cb1-reason .reason-bg .reason-breadmix-area .bread-mix.limit .bread-mix-inner {
    max-width: calc(100% / 3 - 60px);
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}
.cb1-reason .reason-bg .reason-breadmix-area .img-area .bread-mix {
    max-width: 100%;
}
.cb1-reason .reason-bg .reason-breadmix-area .img-area .bread-mix.limit .bread-mix-inner {
    max-width: calc(100% / 3 - 20px);
    margin: 0 auto;
}
.cb1-reason .reason-bg .reason-breadmix-area .bread-mix .bread-mix-inner .item-img.item-fukidashi {
    width: 100%;
    position: relative;
}
.cb1-reason .reason-bg .reason-breadmix-area .bread-mix .bread-mix-inner .item-img.item-fukidashi::before {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -25px;
}
.cb1-reason .reason-bg .reason-breadmix-area .bread-mix .bread-mix-inner .item-img.item-fukidashi.fukidashi11::before {
    content: "";
    display: inline-block;
    width: 151px;
    height: 53px;
    background: url("../../img/coding/newcourse/cb1/cb1_2026/mix11_before.svg") no-repeat;
    background-size: contain;
}
.cb1-reason .reason-bg .reason-breadmix-area .bread-mix .bread-mix-inner .item-img.item-fukidashi.fukidashi12::before {
    content: "";
    display: inline-block;
    width: 151px;
    height: 53px;
    background: url("../../img/coding/newcourse/cb1/cb1_2026/mix12_before.svg") no-repeat;
    background-size: contain;
    bottom: -20px;
}
.cb1-reason .reason-bg .reason-breadmix-area .bread-mix .bread-mix-inner .item-img.item-fukidashi.fukidashi13::before {
    content: "";
    display: inline-block;
    width: 113px;
    height: 53px;
    background: url("../../img/coding/newcourse/cb1/cb1_2026/mix13_before.svg") no-repeat;
    background-size: contain;
}
.cb1-reason .reason-bg .reason-breadmix-area .bread-mix .bread-mix-inner .item-name {
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-box-trim: trim-both;
    background: #ffffff;
    border-radius: 1.5rem;
}
.cb1-reason .reason-bg .reason-breadmix-area .bread-mix .bread-mix-inner .item-name p {
    margin-top: 0;
    line-height: normal;
    font-feature-settings: "palt";
}
.reason-breadmix-area .img-area {
    margin: 0 auto;
}
/*みんなの体験談*/
.foodable_voice .foodable_voice_inner ul.voice_list.voice_slider {
    display: flex;
    flex-direction: row;
}
.foodable_voice .foodable_voice_inner ul.voice_list.voice_slider li {
    width: 100%;
    max-width: calc(100% / 5 - 30px);
    margin: 0 10px;
}
.newcourse .foodable_voice .foodable_voice_inner h3.user_voice::after {
    background: none;
}
.newcourse .foodable_voice .foodable_voice_inner ul.voice_list.voice_slider li .voice .voice_inner {
    max-width: calc(100% - 50px);
}
.newcourse .foodable_voice.course .foodable_voice_inner ul.voice_list.experiences.voice_slider {
    max-width: 100%;
}
.newcourse .foodable_voice.course .foodable_voice_inner ul.voice_list.experiences .voice_sliderli .voice h3 {
    font-size: 1.6rem;
    font-weight: 600;
}
.newcourse .foodable_voice.course .foodable_voice_inner ul.voice_list.experiences.voice_slider li .voice p {
    font-size: 1.4rem;
    font-weight: 400;
}
/*価格*/
.newcourse .course_inner.price .price_inner {
    width: 650px;
    background: #ffffff;
    border: none;
}
/*ホームベーカリービストロとパンミックスコース*/
.cb1-mdx4-ad {
    display: flex;
    justify-content: center;
}
.cb1-mdx4-ad .item-text {
    margin-left: 20px;
}
.cb1-mdx4-ad .item-text h4 {
    margin-top: 20px;
}
.cb1-mdx4-ad .item-text h4.arrow::before {
    width: 31px;
    height: 14px;
    top: 50px;
}
/*コース*/
.newcourse .course_inner .one_column .one_column_inner_middle.text-wide .one_column_inner_middle_content .item-detail .item-detail-inner {
    position: relative;
}
.newcourse .course_inner .one_column .one_column_inner_middle.text-wide .one_column_inner_middle_content .item-detail .item-detail-inner:first-child::after {
    content: "";
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url("../../img/coding/newcourse/cb1/cb1_2026/plus.svg") no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: -28%;
    transform: translateY(-50%);
}
.newcourse .course_inner .one_column .one_column_inner_middle.text-wide .one_column_inner_middle_content .item-detail .flex {
    display: flex;
    justify-content: space-between;
}
.newcourse .course_inner .one_column .one_column_inner_middle.text-wide .one_column_inner_middle_content .item-detail .flex .item-detail-inner {
    display: flex;
    align-items: center;
}
.newcourse .course_inner .one_column .one_column_inner_middle.text-wide .one_column_inner_middle_content .item-detail .flex .item-detail-inner p {
    margin-top: 0;
}
/*心配*/
.course.top_one_column.worries-area .course_inner {
    padding: 50px 0;
    margin-bottom: 0;
}
.worries-area .worries-img {
    width: 400px;
    margin: 0 auto;
}
ul.worries-list {
    margin-top: 30px;
}
ul.worries-list li {
    position: relative;
}
ul.worries-list li:first-child::before {
    content: "";
    display: inline-block;
    background: url("../../img/coding/newcourse/cb1/cb1_2026/nayami_after.svg") no-repeat;
    width: 28px;
    height: 28px;
    position: absolute;
    right: -40px;
    top: -25px;
}
ul.worries-list li {
    width: fit-content;
    background: #282828;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    margin: 0 auto 15px;
}
.newcourse .course_inner .one_column .one_column_inner ul.worries-list li p {
    color: #ffffff;
    font-size: 1.8rem;
    font-weight: 500;
    margin-top: initial;
}
/*声*/
.newcourse .foodable_voice .foodable_voice_inner {
    padding-top: 100px;
}
.newcourse .foodable_voice .foodable_voice_inner h3.user_voice {
    position: relative;
}
.newcourse .foodable_voice .foodable_voice_inner h3.user_voice.bakery::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 52px;
    top: -60px;
    background: url("../../img/coding/foodable/new_lp/voice/bread_only.png") no-repeat;
    background-size: contain;
}
.newcourse .foodable_voice.course .foodable_voice_inner ul.voice_list.experiences li {
    border-radius: 1.0rem;
}
.foodable_voice .foodable_voice_inner ul.voice_list li {
    position: relative;
}
.newcourse .foodable_voice.course .foodable_voice_inner ul.voice_list.experiences li .voice p {
    font-size: 1.6rem;
}
.newcourse .foodable_voice.course .foodable_voice_inner ul.voice_list.experiences li .voice .voice_inner {
    padding: 10px 15px;
}
.newcourse .foodable_voice.course .foodable_voice_inner ul.voice_list.experiences li .voice p.name-area {
    position: absolute;
    top: -20px;
    right: 45px;
    border: 1px solid #707070;
    background: #ffffff;
    border-radius: 0.5rem;
    padding: 0 10px;
    font-size: 1.2rem;
}
.newcourse .life_howoto .life_howto_inner ul.center_mode {
    margin: 40px auto;
}
.newcourse .class {
    background: #EFE0CB5C;
}
.newcourse .class .course_inner {
    padding-top: 120px;
}
.newcourse .class .course_inner .border-button {
    width: 290px;
}
.spec .course_inner.price {
    padding-top: 80px;
}
.notes_text {
    font-size: 1.3rem !important;
    margin-top: 30px;
}
@media screen and (min-width: 1280px) {
    .cb1-reason {
        width: 100%;
    }
}
@media screen and (max-width: 1040px) {
    .cb1-reason {
        width: 100%;
    }
}
@media screen and (max-width: 860px) {
    .cb1-reason .reason-bg .reason-breadmix-area .bread-mix .bread-mix-inner .item-img.item-fukidashi::before {
        bottom: -27px;
    }
    .cb1-reason .reason-bg .reason-breadmix-area .bread-mix .bread-mix-inner .item-img.item-fukidashi.fukidashi11::before {
        width: 115px;
        height: 40px;
    }
    .cb1-reason .reason-bg .reason-breadmix-area .bread-mix .bread-mix-inner .item-img.item-fukidashi.fukidashi12::before {
        width: 115px;
        height: 40px;
        bottom: -25px;
    }
    .cb1-reason .reason-bg .reason-breadmix-area .bread-mix .bread-mix-inner .item-img.item-fukidashi.fukidashi13::before {
        width: 88px;
        height: 42px;
    }
}
@media screen and (max-width: 767px) {
    .toggle-menu-area {
        width: 100%;
        max-width: calc(100% - 10%);
        margin: 0 auto;
        margin-top: 30px;
    }
    .newcourse .course_inner .one_column .one_column_inner .toggle-menu-list p {
        line-height: normal;
        padding: 0;
    }
    .newcourse .foodable_voice .foodable_voice_inner {
        padding-top: 65px;
    }
    .cb1-reason .reason-bg .reason-breadmix-area .bread-mix {
        max-width: calc(100% - 32px);
    }
    .cb1-reason .reason-bg .reason-breadmix-area .bread-mix .bread-mix-inner {
        max-width: calc(100% / 3 - 12px);
        margin: 0 6px 20px;
    }
    .cb1-reason .reason-bg .reason-breadmix-area .bread-mix .bread-mix-inner:nth-child(4) {
        order: 13;
    }
    .cb1-reason .reason-bg .reason-breadmix-area .bread-mix .bread-mix-inner:nth-child(11) {
        order: 14;
    }
    .cb1-reason .reason-bg .reason-breadmix-area .bread-mix.limit .bread-mix-inner {
        max-width: calc(100% / 3 - 10px);
        margin: 0 auto 20px;
    }
    .cb1-reason {
        width: calc(100% - 32px);
    }
    .cb1-reason .reason-bg {
        padding-bottom: 50px;
        padding-top: 35px;
    }
    .newcourse .reason-bg .course_inner {
        margin-top: 0;
    }
    .cb1-reason .reason-bg .reason-bg-inner .title-area h2 {
        font-size: 2.8rem;
        line-height: normal;
    }
    .cb1-reason .reason-bg .reason-bg-inner .title-area h2 .mark {
        top: -20px;
    }
    .reason-bg .reason-bg-inner .title-area h2::before {
        width: 35px;
        height: 36px;
        top: -50px;
    }
    .cb1-reason .reason-bg .reason-bg-inner .title-area {
        max-width: 100%;
    }
    .cb1-reason .reason-bg .reason-bg-inner .title-area h3 {
        font-size: 1.8rem;
        font-feature-settings: "palt";
    }
    .cb1-reason .reason-bg .reason-breadmix-area .bread-mix .bread-mix-inner .item-img.item-fukidashi.fukidashi11::before {
        bottom: -25px;
    }
    .cb1-reason .reason-bg .reason-breadmix-area .bread-mix .bread-mix-inner .item-img.item-fukidashi.fukidashi12::before {
        bottom: -13px;
    }
    .cb1-reason .reason-bg .reason-breadmix-area .bread-mix .bread-mix-inner .item-img.item-fukidashi.fukidashi13::before {
        bottom: -15px;
    }
    .newcourse .course_inner .one_column .one_column_inner_middle.text-wide .one_column_inner_middle_content .item-detail .flex {
        display: flex;
        flex-direction: column;
    }
    .newcourse .course_inner .one_column .one_column_inner_middle.text-wide .one_column_inner_middle_content .item-detail .flex .item-detail-inner {
        width: 100%;
    }
    .newcourse .course_inner .one_column .one_column_inner_middle.text-wide .one_column_inner_middle_content .item-detail .flex .item-detail-inner:last-child {
        margin-top: 60px;
    }
    .newcourse .course_inner .one_column .one_column_inner_middle.text-wide .one_column_inner_middle_content .item-detail .flex .item-detail-inner p {
        margin: 0 auto;
    }
    .newcourse .course_inner .one_column .one_column_inner_middle.text-wide .one_column_inner_middle_content .item-detail .item-detail-inner:first-child::after {
        right: initial;
        left: 50%;
        top: initial;
        bottom: -40px;
        transform: translate(-50%,0);
    }
    .newcourse .course.top_one_column .course_inner .one_column .one_column_inner .one_column_inner_middle .one_column_inner_middle_img.cp_area,
    .newcourse .course_inner .one_column .one_column_inner_middle.text-wide .one_column_inner_middle_img.cp_area {
        margin-top: 145px;
        position: relative;
    }
    .cp_area .limit-area {
        width: 210px;
    }
    .newcourse .course_inner .one_column .one_column_inner_middle.text-wide .one_column_inner_middle_img.cp_area .limit-area {
        position: absolute;
        left: 50%;
        top: -100px;
        transform: translateX(-50%);
    }
    .newcourse .course_inner .one_column .one_column_inner_middle.text-wide .one_column_inner_middle_img.cp_area .cp-text-area {
        margin-top: 20px;
    }
    .cp_area .cp-text-area {
        width: 100%;
    }
    .newcourse .course.top_one_column .course_inner .one_column .one_column_inner .one_column_inner_middle .one_column_inner_middle_content .button-area p {
        margin: 0;
    }
    .price-area .price .price_value {
        font-size: 4.0rem;
    }
    .price-area .tax_area {
        right: 25px;
    }
    ul.step-item {
        width: 100%;
        max-width: 200px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
    }
    ul.step-item li {
        max-width: calc(100% - 10%);
        display: flex;
        flex-direction: column;
    }
    ul.step-item li h3.step-title {
        order: 1;
    }
    ul.step-item li p.step-text {
        order: 3;
    }
    ul.step-item li .img-area {
        order: 2;
        position: relative;
        top: 15px;
    }
    .course.top_one_column.worries-area .course_inner {
        padding-bottom: 0;
    }
    ul.worries-list li:first-child::before {
        top: -10px;
    }
    .newcourse .course_inner .one_column .one_column_inner ul.worries-list li p {
        font-size: 1.5rem;
    }
    .cp_area .limit-area img {
        left: 0;
    }
    .worries-area .worries-img {
        margin-bottom: 30px;
    }
    .cb1-reason .reason-bg .reason-breadmix-area .bread-mix.limit {
        margin-top: 30px;
    }
    .cb1-reason .reason-bg .reason-breadmix-area .bread-mix .bread-mix-inner .item-name {
        height: 30px;
    }
    .newcourse .class .course_inner {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .newcourse .foodable_voice.course .foodable_voice_inner ul.voice_list.experiences li .voice .voice_inner p {
        font-size: 1.2rem;
        padding-top: 5px;
    }
    .newcourse .foodable_voice.course .foodable_voice_inner ul.voice_list.experiences li .voice p.name-area {
        top: -6px;
        padding-top: 0;
        right: 30px;
    }
}
@media screen and (max-width: 640px) {
    .mark { font-size: 1.2rem; top: -6px; }
    .arrow::before {
        width: 50px;
        height: 23px;
    }
    .cb1-mdx4-ad .item-text h4.arrow::before {
        top: 60px;
    }
    .slash::before, .slash::after {
        bottom: 0;
    }
    h3.course::before {
        width: 89px;
        height: 50px;
        top: -24px;
    }
    .cb1-reason {
        margin-top: 40px;
    }
    .cb1-reason .title-img {
        width: 100%;
        max-width: calc(100% - 16%);
        left: 50%;
        transform: translateX(-50%);
        top: -175px;
    }
    .cb1-reason .reason-bg .reason-bg-inner {
        width: 100%;
    }
    ul.step-item li h3.step-title {
        font-weight: 500;
        width: fit-content;
    }
    .cb1-reason .img-area {
        width: calc(100% - 32px);
        margin: 0 auto 30px;
    }
    .cb1-reason .img-area.full {
        width: 100%;
    }
    .cb1-reason .reason-bg .reason-bg-inner .img-area img {
        max-width: 100%;
    }
    .cb1-reason .reason-bg .reason-breadmix-area .img-area .bread-mix.limit .bread-mix-inner {
        max-width: calc(100% / 3 - 10px);
    }
    .newcourse .top_one_column .course_inner {
        margin-top: 40px;
    }
    .newcourse .top_one_column .course_inner.full {
        max-width: 100%;
    }
    .newcourse .course_inner.price .price_inner {
        width: 100%;
        max-width: calc(100% - 32px);
    }
    .newcourse .course_inner .one_column .one_column_inner p.border-dot-line {
        max-width: calc(100% - 64px);
    }
    .newcourse .course.top_one_column .course_inner .one_column .one_column_inner .one_column_inner_middle.text-wide, .newcourse .course_inner .one_column .one_column_inner_middle.text-wide {
        max-width: 100%;
    }
    .cb1-reason .reason-bg {
        margin-bottom: 200px;
    }
    .cb1-reason .reason-bg.no1 .reason-bg-inner .bottom-part,
    .cb1-reason .reason-bg.no2 .reason-bg-inner .bottom-part {
        padding-bottom: 25%;
    }
    .newcourse .course.top_one_column .course_inner .one_column .one_column_inner .one_column_inner_middle .one_column_inner_middle_img,
    .newcourse .course_inner .one_column .one_column_inner_middle.text-wide .one_column_inner_middle_img.full {
        width: 100%;
    }
    .newcourse .course_inner.price { 
        margin-top: 20px;
    }
    .cb1-reason .reason-bg .reason-bg-inner {
        width: 100%;
        max-width: 100%;
    }
    .worries-area .worries-img {
        width: 100%;
        max-width: calc(100% - 32px);
    }
    ul.step-item li h3.step-title {
        z-index: 2;
    }
    ul.step-item li .img-area {
        top: -10px;
        z-index: 1;
    }
    ul.step-item li p.step-text {
        position: relative;
        top: -15px;
    }
    .cb1-reason .reason-bg .reason-breadmix-area .bread-mix .bread-mix-inner .item-img.item-fukidashi.fukidashi11::before {
        width: 98px;
        height: 35px;
        bottom: -15px;
    }
    .cb1-reason .reason-bg .reason-breadmix-area .bread-mix .bread-mix-inner .item-img.item-fukidashi.fukidashi12::before {
        width: 100px;
        height: 33px;
        bottom: -13px;
    }
    .cb1-reason .reason-bg .reason-breadmix-area .bread-mix .bread-mix-inner .item-img.item-fukidashi.fukidashi13::before {
        width: 73px;
        height: 33px;
        bottom: -15px;
    }
}
@media screen and (max-width: 440px) {
    .arrow::before {
        top: 55px;
    }
    .cb1-reason .reason-bg {
        margin-bottom: 40%;
        padding-bottom: 50px;
    }
    .cb1-reason .title-img {
        top: -120px;
    }
    .cb1-reason .reason-bg.no1 .reason-bg-inner .bottom-part,
    .cb1-reason .reason-bg.no2 .reason-bg-inner .bottom-part {
        padding-bottom: 30%;
    }
    .cb1-reason .reason-bg .reason-breadmix-area .bread-mix {
        max-width: 100%;
    }
}