/*
499px以下
*/


#roi_header_image_box_inner p {
/*    background: linear-gradient(
        rgba(255,255,255,0.0),
        rgba(255,255,255,0.1),
        rgba(255,255,255,0.3),
        rgba(255,255,255,0.6),
        rgba(255,255,255,0.3),
        rgba(255,255,255,0.1),
        rgba(255,255,255,0.0)
        );*/
/*    background: radial-gradient(farthest-side, white, transparent);*/
    background-color: rgba(255,255,255,0.5);

}

.roi_course_single_box .roi_flex_wrap {
    display: block;
    padding: 0;
    margin-top: 5vw;
    width: 300px;
}
.roi_course_single_box .roi_flex_wrap .roi_flex_wrap {
    margin-top: 0;
    padding: 3vw 0;
}
#roi_footer_content_box .roi_flex_wrap .roi_flex_item:nth-of-type(2) .roi_flex_wrap .roi_flex_item .roi_flex_wrap .roi_flex_item:nth-of-type(2) {
    padding-left: 0;
}
.roi_course_single_box .roi_flex_wrap .roi_flex_item:nth-of-type(2) .roi_flex_wrap .roi_flex_item {
    display: block;
    width: 100%;
    margin: 0 auto 1vw;
    height: auto;
    text-align: center;
    padding: 0;
    font-size: 24px;
    
}
.roi_course_single_box .roi_flex_wrap .roi_flex_item:nth-of-type(2) .roi_flex_wrap .roi_flex_item:last-of-type {
    margin-bottom: 0;
}

#roi_place_box .roi_flex_wrap {
    display: block;
}
#roi_place_box .roi_flex_wrap .roi_flex_item:nth-of-type(2),
#roi_place_box .roi_flex_wrap .roi_flex_item:nth-of-type(1) {
    display: block;
    width: 100%;
}

#roi_apply_box_inner .roi_buuton_wrapper .roi_flex_wrap {
    width: 65%;
}
#roi_apply_box_inner .roi_buuton_wrapper .roi_flex_wrap .roi_flex_item:nth-of-type(1) {
    width: 75%;
}
#roi_apply_box_inner .roi_buuton_wrapper .roi_flex_wrap .roi_flex_item:nth-of-type(2) {
    width: 25%;
}


#roi_header_text_box_inner p {
    font-size: clamp( 16px, 2.8vw, 22px);
}

#roi_header_text_box_inner p span {
    font-size: clamp( 15px, 2.5vw, 20px);
}
#roi_header_text_box_inner {
    text-align: center;
}
#roi_header_text_box_inner .roi_image_wrapper {
    width: 50%;
}
#roi_recommended_image_box_02 {
    width: 60%;
}
#roi_recommended_image_box_03 {
    width: 90%;
}

#roi_recommended_sp_image_box_01 {
    width: 120px;
    height: auto;
    top: 20px;
}
#roi_recommended_sp_image_box_02 {
    height: auto;
    top: 20px;
    width: 120px;
    top: 10px;
    
}
#roi_recommended_content_box_wrapper {
    padding-top: 185px;
}

#roi_anxiety_resolution_title_box_inner .roi_image_wrapper {
    height: auto;
    bottom: auto;
    top: 20%;
    right: 5%;
    width: 120px;
    
}
#roi_anxiety_resolution_title_box_inner p {
    font-size: 20px;
    text-align: center;
    width: 60%;
    margin-left: 5%;
}
#roi_anxiety_resolution_title_box_inner .roi_content_box p img {
    width: 38%;
}
#roi_voice_box_inner .roi_voice_single_box .roi_flex_wrap .roi_flex_item:nth-of-type(1) .roi_image_wrapper {
    margin-bottom: 3vw;
}
#roi_lecturer_info_box_inner .roi_content_box:nth-of-type(1) .roi_flex_wrap .roi_flex_item:nth-of-type(1) p.roi_subtitle br,
#roi_anxiety_resolution_title_box_inner p br:nth-of-type(2),
#roi_anxiety_resolution_title_box_inner p br:nth-of-type(4) {
    display: inline;
}


#roi_lecturer_info_box_inner .roi_content_box:nth-of-type(1) .roi_flex_wrap .roi_flex_item:nth-of-type(1) p.roi_subtitle span {
    display: none;
}
#roi_anxiety_resolution_content_box_wrapper {
    padding-top: 100px;
}

#roi_anxiety_resolution_content_box_inner ul li {
    margin-bottom: 50px;
}
#roi_course_price_description_box ul li:nth-of-type(3) .roi_flex_wrap .roi_flex_item:nth-of-type(3) {
    bottom: 8px;
}
.roi_course_single_box .roi_flex_wrap .roi_flex_item:nth-of-type(2) .roi_flex_wrap .roi_flex_item {
    width: 130px;
    text-align: left;
}

#roi_apply_seminar_box_inner .roi_flex_item:nth-of-type(3) p {
    margin-bottom: 0;
}

#roi_header_text_box_inner p span.roi_little_bigger_font {
    font-size: 115%;
}

#roi_anxiety_resolution_content_box_inner li .roi_li_title_box .roi_flex_wrap p,
#roi_header_text_box_inner p,
#roi_course_guide_subtitle_1_box p {
    font-size: clamp(18px , 4vw, 20px);
}
#roi_anxiety_resolution_content_box_inner li .roi_li_title_box .roi_text_wrapper p {
    font-size: 20px;
}
#roi_anxiety_resolution_content_box_inner li .roi_li_title_box .roi_text_wrapper p br {
    display: none;
}
.roi_course_index_box ul li .roi_flex_wrap .roi_flex_item:nth-of-type(1) span,
#roi_course_guide_subtitle_2_box p span,
#roi_course_guide_subtitle_2_box p,
#roi_anxiety_resolution_content_box_inner li .roi_li_description_box p {
    font-size: clamp(15px , 3vw , 16px);
}

.roi_course_detail_box p,
#roi_voice_box_inner .roi_content_box.roi_bg_white .roi_text_wrapper ul li,
#roi_anxiety_resolution_content_box_inner li .roi_li_description_box p {
    font-size: 18px;
}
#roi_place_box .roi_flex_wrap .roi_flex_item:nth-of-type(1),
.roi_course_index_box ul li .roi_flex_wrap .roi_flex_item:nth-of-type(1) {
    padding-top: 0;
}
.roi_course_index_box {
    margin-top: 0;
}
.roi_course_index_box ul li .roi_flex_wrap .roi_flex_item:nth-of-type(1) {
    padding-top: 5vw;
}
.roi_course_index_box ul li .roi_flex_wrap .roi_flex_item:nth-of-type(2) span {
    text-align: center;
    display: block;
    font-size: 20px;
}
.roi_course_index_box ul li .roi_flex_wrap .roi_flex_item:nth-of-type(1) {
    text-align: center;
}
#roi_recommended_content_box_inner h3,
.roi_price_text,
#roi_course_description_box .roi_course_name_box h4 {
    font-size: 20px;
}
#roi_apply_seminar_box_inner .roi_flex_wrap {
    padding-top: 10px;
    padding-bottom: 10px;
}
#roi_apply_box_inner picture,
#roi_apply_seminar_box_inner {
    padding: 0;
}
#roi_apply_seminar_box_inner .roi_flex_item:nth-of-type(2) {
    width: 80px;
    padding-left: 20px;
}
#roi_apply_seminar_box_inner .roi_flex_item:nth-of-type(3) {
    width: calc( 100% - 80px - 70px );
}
#roi_apply_seminar_box_inner .roi_flex_item:nth-of-type(4) {
    width: 60px;
}
#roi_apply_seminar_box_inner .roi_flex_item:nth-of-type(2) span {
    font-size: 16px;
}
#roi_apply_box_inner p,
#roi_apply_seminar_box_inner .roi_flex_item:nth-of-type(3) p {
    font-size: clamp( 18px , 4.8vw , 30px );
}

#roi_percent_box_inner .roi_title_wrapper .roi_image_wrapper {
    top: 0px;
}

#roi_hold_info_box_inner .roi_course_single_box h4 {
    width: 80%;
}

#roi_course_description_box {
    margin-bottom: 8vw;
}
#roi_hold_info_box_inner .roi_course_single_box,
#roi_hold_info_box_inner h3 {
    margin-bottom: 5vw;
}
#roi_hold_info_box_inner .roi_course_single_box h4 {
    margin-bottom: 0;
}

.roi_course_description_single_box_inner .roi_course_detail_box.roi_bg_lightyellow {
    margin-top: 5vw;
    padding: 3vw;
}

#roi_course_description_box .roi_course_description_single_box_wrapper:nth-of-type(1) .roi_course_detail_box .roi_image_wrapper,
#roi_course_description_box .roi_course_description_single_box_wrapper:nth-of-type(2) .roi_course_detail_box .roi_image_wrapper {
    display: none;
}
.roi_course_index_box ul li .roi_flex_wrap .roi_flex_item:nth-of-type(2) {
    padding-left: 0;
    padding-top: 4vw;
    margin: 0 auto;
    width: 100%;
}

#roi_anxiety_resolution_content_box_inner ul li .roi_li_description_box {
    padding: 2vw 2vw 4vw;
}

#roi_course_price_box_inner {
    border: 5px solid #ffe463;
    margin-top: 30px;
    border-radius: 30px;
    position: relative;
}

#roi_course_price_title_box .roi_yellow_line,
#roi_course_price_box_inner .roi_bg_yellow.border {
    display: none;
}
#roi_course_price_box {
    overflow: hidden;
}
#roi_course_price_title_box {
    position: absolute;
    overflow: auto;
    width: 100%;
    top: -30px;
}
#roi_course_price_title_box h3 {
    position: static;
    margin: 0 auto;
}
#roi_course_price_description_box {
    padding-left: 3vw;
    padding-right: 3vw;
}
#roi_course_price_description_box ul {
    overflow: hidden;
}
#roi_course_price_description_box ul li:nth-of-type(3) .roi_flex_wrap .roi_flex_item:nth-of-type(1) .roi_image_wrapper {
    top: -20%;
}
#roi_course_price_description_box ul li:last-of-type {
    margin-bottom: 0;
}

#roi_voice_box_inner .roi_voice_single_box .roi_flex_wrap .roi_flex_item:nth-of-type(2) .roi_text_wrapper p.roi_bg_white {
    padding: 3vw 8vw;
}

#roi_voice_box_inner .roi_voice_single_box .roi_flex_wrap .roi_flex_wrap .roi_flex_item,
#roi_voice_box_inner .roi_voice_single_box .roi_flex_wrap .roi_flex_wrap {
    display: block;
    width: 100%;
}

#roi_voice_box_inner .roi_voice_single_box .roi_flex_wrap .roi_flex_item:nth-of-type(2) .roi_title_wrapper .roi_flex_wrap .roi_flex_item:nth-of-type(2),
#roi_voice_box_inner .roi_voice_single_box .roi_flex_wrap .roi_flex_item:nth-of-type(2) .roi_title_wrapper .roi_flex_wrap .roi_flex_item:nth-of-type(1) {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0;
}

#roi_voice_box_inner .roi_voice_single_box .roi_flex_wrap .roi_flex_item:nth-of-type(2) .roi_title_wrapper .roi_flex_wrap .roi_flex_item:nth-of-type(1) p {
    text-align: center;
}
#roi_hold_info_box_inner .roi_title_wrapper .roi_image_wrapper:nth-of-type(2) {
    top: 10%;
    left: 5%;
}

#roi_hold_info_box_inner .roi_title_wrapper .roi_image_wrapper:nth-of-type(3) {
    right: 3%;
}

#roi_hold_info_box_inner h3,
#roi_lecturer_info_box_inner .roi_content_box:nth-of-type(1) .roi_flex_wrap .roi_flex_item:nth-of-type(1) h4,
#roi_course_price_title_box h3,
.roi_course_description_single_box_inner h3,
#roi_course_price_description_box ul li .roi_flex_wrap .roi_flex_item span.roi_price_text.roi_price,
#roi_apply_box_inner p span,
#roi_apply_box_inner p {
    font-size: 28px;
}

#roi_apply_box_inner p span {
    padding-bottom: 8px;
}
#roi_apply_box_inner img {
    width: 40px;
    height: 40px;
}

#roi_header_text_box_inner p.roi_yellow_text {
    font-size: 24px;
}

#roi_footer_content_box .roi_flex_wrap .roi_flex_item:nth-of-type(2) .roi_flex_wrap .roi_flex_item .roi_flex_wrap .roi_flex_item:nth-of-type(1) {
    padding-top: 3px;
}
@media ( max-width: 399px ) {
    #roi_apply_seminar_box_inner .roi_flex_item:nth-of-type(3) p,
    #roi_footer_content_box .roi_flex_wrap .roi_flex_item:nth-of-type(2) .roi_bg_white {
        font-size: 18px;
    }
}