.sp360{display: none;}

@media screen and (min-width: 751px) {
    .lightbox, .lightboxOverlay {
        min-width: var(--site_size);
    }
    .under main #topic_path li a:hover {
        text-decoration: underline
    }
    .under main a[data-lightbox]:hover, .under main .bnn a:hover {
        opacity: 0.7;
    }
    .under main .wp_content p a:not([target=_blank]):hover,
    .under main .link:not([target=_blank]):hover {
        color: var(--org);
    }
    .under main .list_anchor .btn.active a {
        background: var(--scolor);
        pointer-events: none;
    }
    .under main #topic_path li a:hover {
        color: var(--mcolor);
    }
    .under main .list_anchor li a:hover {
        color: #fff;
    }
    .under main .list_anchor li a:hover::after {
        width: calc(100% - 33px);
    }

    #trial main .list_anchor li a:hover{
        color: var(--green);
    }
	
	.under main .list_anchor.list_green li a::after{
		background: var(--green);
	}

    /*.under main .problem_item:nth-child(3n + 3),*/
    .under main .rcm_item:nth-child(3n + 3) {
        margin-right: 0
    }
    .under main .rcm_item .big3 {
        min-height: 81px;
        padding-top: 14px;
    }
    .under main .rcm_item .big3 + .rcm_bg .rcm_des {
        margin-bottom: 16px;
    }
    .under main .rcm_item.item4 .rcm_des {
        width: 390px;
        margin-bottom: 16px;
    }
    .under main .rcm_item.item4 .rcm_des .txt {
        letter-spacing: -0.025em;
    }
    .under main .btn_arr a:hover {
        color: var(--mcolor);
    }
    .under main .btn_arr a:hover::after {
        width: 0;
    }
    .under main .service_list .slick-next:hover, .under main .menu_block .slick-next:hover {
        background: url('../images/ic_next_h.png') center /cover no-repeat;
    }
    .under main .service_list .slick-prev:hover, .under main .menu_block .slick-prev:hover {
        background: url('../images/ic_prev_h.png') center /cover no-repeat;
    }
    .under main .menu_case .slick-arrow {
        top: 97px;
    }
    .under main .btn_common a:hover {
        background: #fff;
        color: var(--mcolor);
        text-decoration: none;
    }
    .under main .btn_common a:hover::before {
        background: url('../images/ic_arr_ubtn_b.png') center /cover no-repeat;
    }
    .under main .box_img a:hover {
        opacity: 0.7;
    }
    /* VOICE */
    .voice_page main .list_anchor {
        margin-bottom: 87px;
    }
    .under .sec_other .other_content ul li:hover::before {
        height: 200%;
        top: -100%;
    }

    .under .sec_other .other_content ul li:hover a span{
        color: #fff;
    }
    
    .under .sec_other .other_content ul li:hover a span::after {
        background: url('../images/ic_next_h.png') center /cover no-repeat;
    }

    .under main .wp_pagination a.next:hover {
        background: url('../images/ic_next_h.png') center /cover no-repeat;
    }
    .under main .wp_pagination a.prev:hover {
        background: url('../images/ic_prev_h.png') center /cover no-repeat;
    }
    .under main .wp_pagination a:hover {
        color: var(--mcolor);
    }
    .under main .sec_voice .btn_link {
        padding-right: 50px;
    }
    .under footer .sec_other {
        position: relative;
        left: -40px;
        padding-bottom: 80px;
        margin-bottom: 120px;
    }
    .under footer .sec_other::before {
        width: calc(100% - 40px);
        height: 1px;
        background: #ccc;
        position: absolute;
        bottom: 0;
        left: 62px;
        content: '';
    }
    
    #seizen-seiri main .value_item .big {font-size: 23px;min-height: inherit;}

    #companyinfo.under main .sec_voice{padding: 0 0 140px;}
    .under main .str_item:nth-child(2n){flex-direction: row;}
    .under main .str_item:nth-child(1) .str_des .en{padding-left: 12px;}
    .under main .str_item:nth-child(2){padding-right: 90px;}
    .under main .str_item:nth-child(2) .str_des .txt{width: 470px;}
    .under main .str_item:nth-child(2) .str_img{margin-top: -4px;}
    .under main .str_item:nth-child(3) .str_des .txt{width: 480px;}
    .under main .str_item:nth-child(4) .str_img{margin-top: -4px;}
    .under main .str_item:nth-child(4) .str_des .txt{width: 480px;margin-bottom: 10px;}
    
    #seizen-seiri main .value_list{margin-bottom: 40px;}
    #seizen-seiri main .value_item.ver2:nth-child(2) .tag{letter-spacing: -0.1em;}
    #seizen-seiri main .value_item.ver2 .big{margin-bottom: 7px;}
    .under main .list_green li{margin-right: 23px;}
    .under .sec_other .other_content ul li.bg4 a span{font-size: 22px;}

    #cooking.under main .menu_right .menu_check ul,
    #cleaning.under main .menu_right .menu_check ul{display: flex;justify-content: center;}
    #cooking.under main .menu_right .menu_check ul li:not(:last-child),
    #cleaning.under main .menu_right .menu_check ul li:not(:last-child){margin-right: 30px;}
    #p404.under main #top_info{margin-bottom: 180px;}
}

@media screen and (min-width: 751px) and (max-width: 1560px) {
    .under .sec05_item .item_l {width: 464px;}
    .under main .sec_problem .inner{width: 1360px;}
    .under .sec_other .other_content {margin-left: 30px}
    .under footer .sec_other{left: 0;}
}

@media screen and (max-width: 1560px) {
.under .sec_other .other_content ul li a span {font-size: 20px;}
}

@media screen and (min-width: 751px) and (max-width: 1440px) {
    .under main .menu_left {
        padding: 70px 60px 50px
    }
    #companyinfo .sec_other .other_ttl p{font-size: 15px;}
    #companyinfo .sec_other .other_ttl .big,
    .under .sec_other .other_ttl .big {
        font-size: 32px;
    }
    .under .sec_other .other_content {
        margin-left: 40px;
    }
    
    .under .sec_other::before {
        left: 20px;
    }
    .under .sec_other{
        left: -10px;
    }
    
    .under .sec_other .other_content ul li {
        width: 270px;
        margin-right: 20px;
    }

    .under main .case_item {
        width: 680px;
        padding: 25px 25px 30px;
    }
    .under main .case_item .case_ttl .jp {
        font-size: 20px;
    }
    .under main .case_item .case_ttl .en {
        font-size: 18px;
        margin: 0 15px 0 0;
    }
    .under main .case_item .case_ttl .en span {
        font-size: 28px;
        margin-left: 2px;
    }
    .under main .case_item .case_ttl {
        margin-bottom: 15px;
    }
    .under main .case_item .img .avatar {
        width: 220px;
        height: 220px;
    }
    .under main .case_item .img {
        width: 220px;
        margin-right: 25px;
    }
    .under main .case_item .infor ul li span {
        min-width: 105px;
        height: 34px;
        font-size: 14px;
        margin-right: 15px;
    }
    .under main .case_item .infor ul li {
        font-size: 18px;
        line-height: 1.5;
    }
    .under main .sec_recommend .inner {
        padding-left: 15px;
        padding-right: 15px;
    }
    .under main .rcm_item {
        width: calc(33.33% - 15px);
    }
    .under main .rcm_item .rcm_des .txt {
        padding: 3px 0 0 40px;
    }
    .under main .rcm_item .rcm_des .txt::before {
        left: 7px;
    }
    .under main .rcm_item .rcm_des .txt span {
        font-size: 28px;
    }
    .under main .rcm_item .rcm_des .txt {
        font-size: 22px;
    }

    .under main .sec_problem .inner{width: 100%;}
    .under main .problem_item{width: calc((100% - 40px) / 2);/*margin-right: 20px;*/}

    .under main .message_ct{padding-left: 30px;padding-right: 30px;}
    #companyinfo .sec_other{left: 0;}

    .voice_page .sec_other .inner,
    #companyinfo .sec_other .inner{width: 100%;justify-content: center;}
    .under .sec_other .other_content ul li.bg4 a span{font-size: 17px;}

    #seizen-seiri main .sec_value,
    #empty-house main .sec_value{padding-left: 30px;padding-right: 30px;}

    #seizen-seiri  main .sec_value .inner,
    #empty-house  main .sec_value .inner{padding-left: 30px;padding-right: 30px;}
    .under main .value_item.ver2{width: calc((100% - 45px) / 4);margin-right: 15px;}
    .under main .value_item.ver2 .tag{transform: scale(0.85);}
    .under main .str_item{padding: 60px 45px}

}
@media screen and (min-width: 751px) and (max-width: 1280px) {
    .under .sec05_item .item_l {
        width: 412px;
    }
    .under footer .sec_other{
        left: 0;
    }
    .under footer .sec_other .inner{
        justify-content: space-between;
        padding: 0 15px;
    }
}
@media screen and (max-width: 750px) {
    .under main{
        padding-top: 72px;
    }

    .under main #content {
        padding: 0 0 60px;
    }
    .under main section {
        padding: 0 0 60px;
    }
    .under main .image_r, .under main .image_l {
        float: none;
        display: inline-block;
        width: 100%;
        text-align: center;
        margin: 0 auto 30px !important
    }
    /*==========================================================
                 C U S T O M
    ==========================================================*/
    /*  TOP INFO  */
    .under main #top_info {
        width: calc(100% - 40px);
        max-width: 100%;
        margin: 0 auto 26px;
        height: 380px;
        border-radius: 20px;
    }
    .under main #top_info .sm {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .under main .kv_bg img {
        object-position: top;
    }

    .under main #top_info .sm:last-child{
        margin-bottom: 30px;
    }
    .under main .top_btn {
        position: static;
        margin: 0 auto 20px;
    }
    .under main .top_des {
        margin-bottom: 0;
    }
    .under main .top_des .big_ttl{
        font-size: 28px;
        line-height: 1.5;
        margin-bottom: 17px;
        letter-spacing: 0.05em;
    }
    .under main .top_des .big_ttl span {
        display: block;
    }
    
    .under main .list_anchor li a::after {
        width: calc(100% - 24px);
    }
    .under main #topic_path {
        margin-bottom: 15px;
        display: none;
    }
    .under main #topic_path li, .under main #topic_path li a {
        font-size: 14px;
    }
    /*============ HEAD TITLE ============ */
    .under main h2 {
        font-size: 28px;
        line-height: 1.5;
        margin-bottom: 17px;
        letter-spacing: 0.05em;
    }
    .under main h3, .under main .wp_content h3 {
        font-size: 24px
    }
    .under main h4, .under main .wp_content h4 {
        font-size: 22px;
    }
    .under main h5, .under main .wp_content h5 {
        font-size: 20px;
    }
    .under main h6, .under main .wp_content h6 {
        font-size: 18px;
    }
    /*============ TABLE ============ */
    .under main table {
        margin-bottom: 30px
    }
    .under main table td, .under main table th {
        padding: 5px 10px;
        border-top: 2px solid var(--txt);
        border-bottom: 2px solid var(--txt);
    }
    .under main table td {
        font-size: 12px;
    }
    .under main table.tb_block tr {
        display: flex;
        flex-direction: column
    }
    .under main table.tb_block tr td {
        border: none
    }
    .under main table.tb_block tr:last-child td {
        border-bottom: 2px solid var(--txt);
    }
    .under main table.tb_block td + td {
        border-top: none;
    }
    .under main table.tb_block th, .under main table.tb_block td {
        width: 100%;
    }
    /* TABLE SCROLL */
    .under main .tb_scroll {
        overflow: scroll;
    }
    .under main .tb_sroll_ct:not(:last-child) {
        margin-bottom: 20px;
    }
    .under main .tb_sroll_ct table {
        width: 1065px;
        table-layout: inherit;
    }
    .under main .tb_note {
        margin-bottom: 10px;
        color: #999;
    }

    /*============ LIST ============ */
    .under main .list01, .under main .wp_content ul {}
    .under main .list01 li, .under main .wp_content ul li {}
    .under main .list01 li::before, .under main .wp_content ul li::before {}
    .under main .list_check {}
    .under main .list_check li {}
    /* LIST FAQ */
    .under main .list_faq dl {
        margin-bottom: 30px;
        padding: 15px
    }
    .under main .list_faq dt span {
        top: 3px;
    }
    .under main .list_faq dt {
        font-size: 16px;
        min-height: 50px;
        padding-bottom: 3px;
    }
    /* List STEP */
    .under main .list_step dl {
        margin-bottom: 20px;
        padding-bottom: 40px
    }
    /*============ FRAME ============ */
    .under main .frame01 {
        padding: 30px 15px
    }
    .under main .frame02 {
        padding: 30px 15px
    }
    .under main .frame_pick {
        padding: 30px 15px
    }
    /* ============ ORTHER ============ */
    .under main .box_map {
        height: 250px
    }
    /* ===========  OVERNOTE ===========  */
    .under main .list_ovn {
        justify-content: space-between;
    }
    .under main .list_ovn li {
        width: calc((100% - 20px) / 2);
        margin: 0 0 20px 0
    }
    .under main .list_ovn li .cate {
        font-size: 14px;
    }
    .under main .list_ovn li .img {
        height: 30vw;
    }
    .under main .list_ovn .info_box .cate {
        padding: 3px 15px 2px;
    }
    .under main .btn_list {
        display: flex;
        margin: 0 auto;
        flex-direction: column;
        align-items: center;
    }
    .under main .btn_list li:not(:last-child) {
        margin-bottom: 20px;
    }
    /* ===========  list anchor ===========  */
    .under main #content::before{top: 227px;width: 100%;left: 0;transform: none;min-width: inherit;}

    #plan-kataduke main .sec_anchor,
    #cleaning main .sec_anchor{background: #62B5EB;}
    #cooking main .sec_anchor{background: #FFD54D;}
    #empty-house main .sec_anchor,
    #seizen-seiri main .sec_anchor{background: #B68DE2;}
    #license_nintei2 main .sec_anchor,
    #plan-kataduke main .sec_anchor{background: #86de5d;}

    #companyinfo main .sec_anchor,
    .voice_page main .sec_anchor{background: #F4A8D5}
    #license_nintei2 main .sec_anchor{background: #86DE5D;}

    .under main .sec_anchor{
        padding-bottom: 3px;
        margin-bottom: 55px;
    }
    .under main .list_anchor {
        flex-wrap: wrap;
        margin-left: 12px;
        margin-bottom: 51px;
    }
    .under main .list_anchor:last-child{margin-bottom: 0;}
    .under main .list_anchor li,
    .under main .list_anchor li:last-child{
        margin-right: 12px;
        margin-bottom: 24px;
    }
    .under main .list_anchor li a {
        font-size: 14px;
        padding-right: 25px;
    }
    .under main .list_anchor li a::before {
        width: 16px;
        height: 16px;
    }
    .under main .list_anchor li a::after{
        width: 0;
    }
    .under main .u_ttl{
        margin-bottom: 40px;
    }
    .under main .u_ttl .en {
        font-size: 14px;
        padding-top: 14px;
        margin-bottom: 3px;
    }
    .under main .u_ttl .en::before {
        left: calc(50% - 20px);
    }
    .under main .u_ttl .ja {
        margin-top: 0;
    }
    .under main .step_item .img {
        height: 180px;
    }
    .under main .sec_recommend .u_ttl {
        margin-bottom: 20px;
    }
    .un_text_content {
        text-align: left;
    }
    .under main .list_rcm {
        padding: 0 5px;
    }
    .under main .rcm_item {
        width: 100%;
        padding: 26px 10px 10px;
        margin-right: 0;
        margin-bottom: 20px;
        border-width: 2px;
    }
    .under main .rcm_item .rcm_bg::before {
        width: 20px;
        height: 20px;
        top: -10px;
        left: calc(50% - 10px);
    }
    .under main .rcm_item .rcm_bg {
        margin-top: 19px;
        padding: 28px 0 30px;
    }
    .under main .rcm_item .rcm_des .txt {
        font-size: 18px;
    }
    .under main .rcm_item .rcm_des .txt span {
        font-size: 24px;
    }
    .under main .rcm_item .big {
        font-size: 16px;
        letter-spacing: 0em;
    }
    .under main .rcm_item .rcm_des .img {
        width: 64px;
    }
    .under main .rcm_item .rcm_des .txt::before {
        width: 22px;
        height: 20px;
        top: 5px;
        left: 10px;
    }
    .under main .rcm_item .rcm_des .txt {
        padding: 3px 0 0 44px;
    }
    .under main .rcm_item .rcm_des {
        justify-content: center;
        padding-left: 0;
        margin-bottom: 14px;
    }
    .under main .menu_left .time .des {
        font-size: 14px;
    }
    .under main .menu_left .time .tag {
        padding: 4px 13px 3px;
        margin-right: 10px;
        font-size: 10px;
    }
    .under main .rcm_item .txt_c {
        font-size: 16px;
        margin-bottom: 27px;
    }
    .under main .sec_recommend {
        padding-bottom: 40px;
    }
    /*sec_value*/
    .under main .sec_value {
        padding-bottom: 0;
    }
    .under main .sec_value .u_ttl {
        margin-bottom: 50px;
    }
    .under main .value_list {
        flex-direction: column;
        margin: 40px 0 16px;
    }
    .under main .value_item {
        width: 100%;
        height: auto;
        padding: 30px 18px 11px;
        border-width: 2px;
        border-radius: 20px;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .under main .value_item.ver2 .tag{
        text-align: center;
        margin: 0 auto;
    }
    .under main .value_item .big {
        font-size: 20px;
        margin-bottom: 12px;
        min-height: auto;
    }
    .under main .value_item .wrap {
        display: flex;
    }
    .under main .value_item .img {
        width: 100px;
        flex-shrink: 0;
    }
    /*sec menu*/
    .under main .sec_menu .u_ttl {
        margin-bottom: 59px;
    }
    .under main .menu_right .label {
        width: 254px;
        height: 53px;
        font-size: 18px;
        top: -14px;
        left: calc(50% - 127px);
        padding-left: 6px;
    }
    .under main .menu_right .label .en {
        font-size: 27px;
        top: -8px;
    }
    .under main .menu_left::after {
        width: 28px;
        height: 28px;
        top: auto;
        right: calc(50% - 14px);
        bottom: -25px;
    }
    .under main .menu_left .txt {
        margin-bottom: 21px;
    }
    .under main .sec_value .inner {
        width: 100%;
        padding: 68px 15px 65px;
        border-radius: 0px;
    }
    .under main .sec_menu {
        padding: 68px 0 61px;
    }
    .under main .menu_right .menu_check {
        padding: 15px 0 0;
    }
    .under main .menu_right .menu_check ul{
        display: flex;justify-content: center;flex-wrap: wrap;
    }
    .under main .menu_right .menu_check ul li {
        font-size: 20px;
        padding-left: 35px;
        width: 34%;
    }
    .under main .menu_right .menu_check ul li::before{
        top: 4px;
    }
    .under main .menu_right .menu_check ul li span {
        font-size: 14px;
        display: block;
        line-height: 1.5;
    }

    #plan-kataduke main .menu_right .menu_check ul li{
        width: 100%;
    }



    .under main .menu_service {
        flex-direction: column;
        margin-bottom: 0;
    }
    .under main .menu_item {
        width: calc(100% - 10px);
        margin: 0 auto 58px;
        padding: 43px 15px 27px 20px;
    }

    #seizen-seiri main .menu_left, #empty-house main .menu_left, #license_nintei2 main .menu_left{
        margin-left: 0;max-width: 100%;
    }
    .under main .menu_item.menu_right {
        margin-bottom: 40px;
    }
    .under main .menu_left .label {
        width: 100%;
        height: 38px;
        font-size: 18px;
        top: -19px;
        left: calc(50% - 115px);
        border: 2px solid var(--txt);
        max-width: 230px;
        padding-top: 3px;
    }
    /*sec video */
    .under main .menu_video {
        flex-direction: column;
        margin-bottom: 65px;
    }
    .under main .balloon {
        width: 100%;
        height: 132px;
        padding: 38px 30px 30px 94px;
        margin-bottom: 27px;
    }
    .under main .balloon p {
        font-size: 21px;
    }
    .under main .balloon p .numb {
        font-size: 30px;
    }
    .under main .balloon p::before {
        width: 50px;
        height: 50px;
        top: 8px;
        left: -62px;
    }
    .under main .balloon p .numb:before {
        width: 36px;
        height: 17px;
        left: -9px;
        right: 0;
        top: -8px;
        background-size: 11px auto;
    }
    .under main .balloon::after {
        background: url(../images/ic_balloon_sp.svg) center / cover no-repeat;
        width: 24px;
        height: 15px;
        bottom: -15px;
        right: calc(50% - 12px);
    }
    .under main .box_video {
        width: 100%;
        height: auto;
        border-radius: 10px;
        border-width: 2px;
    }
    /*sec menu_block*/
    .under main .menu_block {
        flex-direction: column;
        margin-bottom: 50px;
    }
    .under main .menu_case {
        margin-bottom: 40px;
    }
    .under main .menu_ttl {
        width: 100%;
        margin-bottom: 26px;
        padding: 0 15px;
    }
    .under main .menu_ttl .name {
        font-size: 24px;
        line-height: 1.5;
    }
    .under main .step_item, .under main .staff_item.slick-slide {
        width: 295px;
        border-radius: 15px;
        height: auto;
        margin: 0 10px;
        padding-bottom: 30px;
    }
    .under main .staff_item.slick-slide {
        margin: 0 6px;
    }
    .under main .step_item {
        margin: 0 6px;
    }
    .under main .step_item .name {
        font-size: 15px;
        margin-bottom: 11px;
    }
    .under main .step_item .en {
        width: 68px;
        height: 68px;
        font-size: 12px;
        padding-bottom: 0;
        top: -72px;
    }
    .under main .step_item .des {
        margin-top: 43px;
    }
    .under main .step_item .en span {
        font-size: 27px;
    }
    .under main .menu_content {
        position: relative;
    }
    .under main .staff_list {
        margin-bottom: 50px;
    }

    .under main .sec07_btn {
        left: calc(50% + 88px);
        margin-top: -33px;
    }
    .under main .step_list,
    .under main .staff_list {
        width: calc(100% + 40px);
        position: relative;
        left: -20px;
    }
    .under main .menu_block .slick-prev,
    .under main .menu_block .slick-next {
        top: -52px;
    }
    .under main .menu_block .slick-arrow {
        width: 31px;
        height: 31px;
    }
    .under main .menu_block .slick-prev {
        background: url(../images/ic_prev.png) center / cover no-repeat;
        left: auto;
        right: 54px;
    }
    .under main .menu_block .slick-next {
        left: auto;
        right: 15px;
    }
    /*case*/
    .under main .case_list {
        left: 6px;
        position: relative;
        width: calc(100% + 15px);
    }
    #plan-kataduke main .case_list {
        margin-bottom: 113px;
    }

    .under main .case_item .case_ttl .en {
        font-size: 16px;
    }
    .under main .case_item .case_ttl .en span {
        font-size: 24px;
        margin-left: 4px;
    }
    .under main .case_item .case_ttl .jp {
        font-size: 20px;
    }
    .under main .case_item .case_ttl {
        flex-direction: column;
        margin-bottom: 16px;
    }
    .under main .case_item.slick-slide {
        padding: 15px 20px;
        width: 335px;
        margin: 0 6px;
    }
    .under main .case_item .case_content {
        flex-direction: column;
        width: 100%;
    }
    .under main .case_item .img .avatar {
        width: 131px;
        height: 131px;
        margin: 0 auto;
    }
    .under main .case_item .infor ul li span {
        min-width: 78px;
        height: 24px;
        font-size: 10px;
        margin-right: 10px;
        border-radius: 2px;
        padding: 2px 6px 0px;
        letter-spacing: 0em;
    }
    .under main .case_item .infor ul li {
        font-size: 14px;
        line-height: 1.4;
    }
    .under main .case_item .img {
        margin: 0 auto;
        max-width: 100%;
    }
    .under main .box_img a::before {
        width: 41px;
        height: 41px;
    }
    .under main .box_banner .blue, .under main .box_banner .big {
        line-height: 1.5;
    }
    .under main .box_banner .big {
        font-size: 23px;
        margin-bottom: 20px;
    }
    .under main .btn_common a {
        width: 280px;
        height: 77px;
        font-size: 16px;
        padding-right: 20px;
        padding-top: 2px;
        line-height: 1.5;
    }
    .under main .btn_common a::before {
        width: 12px;
        height: 9px;
        right: 15px;
    }
    .under main .box_banner::after {
        width: 128px;
        height: 162px;
        position: absolute;
        bottom: 0;
        margin-left: 0;
    }
    /*service price*/
    .under main .sec_price {
        padding: 69px 0 44px;
    }
    .under main .sec_price .u_ttl {
        margin-bottom: 39px;
    }
    .under main table th {
        font-size: 12px;
        padding: 12px 10px;
    }
    .under main table td.bg2 {
        font-size: 12px;
        width: 93px;
        padding-left: 35px;
    }
    .under main table td.bg3 {
        width: 85px;
        padding: 35px 15px;
    }
    .under main table td.bg2 span {
        font-size: 10px;
    }
    .under main table td.bg3 .arr {
        font-size: 12px;
        line-height: 1.5;
    }
    .under main table td .numb {
        font-size: 18px;
    }
    .under main table td.bg3 .arr::before {
        background-size: 6px auto;
    }
    /*service area*/
    .under main .sec_area {
        padding: 70px 0 35px;
    }
    .under main .sec_area .u_ttl {
        margin-bottom: 40px;
    }
    .under main .area_box {
        padding: 26px 18px 38px 18px;
        width: calc(100% - 10px);
        margin: 0 auto;
    }
    .under main .area_content {
        min-height: auto;
        margin-bottom: 10px;
    }
    .under main .area_ttl {
        width: 208px;
        height: 49px;
        font-size: 18px;
        margin-bottom: 30px;
        left: 0;
    }
    .under main .area_box .des {
        margin-bottom: 30px;
    }
    /*sec voice*/
    .under main .sec_voice {
        padding: 35px 0;
    }
    .under main .sec_voice .u_ttl {
        margin-bottom: 40px;
        padding: 0 15px;
    }

    .under main .sec_voice .voice_content {
        margin-bottom: 16px;
    }
    /*sec faq*/
    .under main .sec_faq {
        padding: 50px 0;
    }
    .under main .sec_faq .u_ttl {
        margin-bottom: 39px;
    }
    .sec_service::before {
        top: -88px;
    }
    .under main section.sec_service {
        padding-bottom: 0;
    }
    .under main .service_list.slick-slider {
        margin-bottom: 76px;
    }
    .under .sec_other .other_ttl .big {
        font-size: 24px;
    }
    .under .sec_other .inner, .under .sec_other .other_content ul {
        flex-direction: column;
    }
    .under .sec_other .other_content {
        margin: 40px 0;
    }
    .under .ft_top {
        margin-bottom: 63px;
    }
    .under .sec_other .other_content ul li {
        width: 100%;
        height: 120px;
        margin: 0 auto 16px;
        max-width: 320px;
        border-radius: 10px;
        border-width: 3px;
    }
    .under .sec_other .other_content ul li.bg1 {
        background: url(../images/other_img1_sp.jpg) center / cover no-repeat;
    }
    .under .sec_other .other_content ul li.bg2 {
        background: url(../images/other_img2_sp.jpg) center / cover no-repeat;
    }
    .under .sec_other .other_content ul li.bg3 {
        background: url(../images/other_img3_sp.jpg) center / cover no-repeat;
    }
    .under .sec_other .other_content ul {
        justify-content: center;
    }
    .under .sec_other .other_content ul li:last-child {
        margin-right: auto;
    }
    .under .sec_other .other_content ul li a span {
        font-size: 20px;
        align-items: center;
        margin-bottom: 0;
        line-height: 1.4em;
        border-radius: 0 10px 0 0;
        padding: 8px 8px 3px 17px;
    }
    .under .sec_other .other_content ul li a span::after {
        width: 28px;
        height: 28px;
        margin-left: 8px;
    }

    .under .sec_other .other_content ul li.bg2 a span{
        padding: 6px 12px 3px 17px;
    }

    .under .sec_other .other_content ul li.bg2 a span::after{
        margin-left: 9px;
        top: 13px;
    }

    .sec05_item .item_l dl dt {
        margin-bottom: 3px;
    }
    .under .btn_arr a::before {
        width: 28px;
        height: 28px;
    }
    .under .btn_arr a {
        font-size: 16px;
        padding-right: 35px;
        padding-bottom: 6px;
    }
    .under .btn_arr a::after {
        width: calc(100% - 35px);
    }
    .under main .box_banner {
        width: 100%;
        margin-top: -20px;
        padding-bottom: 185px;
        margin-bottom: 40px;
    }
    .license_tab {
        flex-wrap: wrap;
        margin-bottom: 0px;
    }
    .license_tab li {
        width: calc(50% - 5px);
        margin-bottom: 10px;
        margin: 0 10px 10px 0px;
    }
    .license_tab li:nth-child(2n) {
        margin-right: 0;
    }
    .license_tab li a {
        border-width: 1px;
        padding-bottom: 5px;
        text-align: center;
        line-height: 1.3;
    }
    .license_tab li.active a {
        border-width: 2px;
    }
    .license_box {
        padding: 26px 18px 7px;
        border-width: 2px;
    }
    .license_tt {
        font-size: 22px;
        line-height: 1.5;
    }
    .under main .sec_schedule {
        padding-top: 80px
    }
    .under main .box_banner.mt80 {
        margin-top: 40px;
    }
    #trial main #top_info{
        margin-bottom: 100px;
    }
    .under main .check li {
        flex-wrap: wrap;
        margin-bottom: 10px;
    }
    .under main .check li .icon, .under main .check li .icon, #empty-house main .check li .icon {
        width: 100%;
        font-size: 18px;
    }
    .under main .check li .icon::before {
        top: 2px;
    }

    /*voice page*/
    .voice_page .voice_list {
        width: 100%;
    }
    .voice_page .voice_item {
        width: 100%;
        padding-bottom: 25px;
        height: auto;
    }
	.voice_page .sec_other {
		padding-bottom: 0;
	}
	.voice_page .sec_other .other_content {
		margin-bottom: 0;
	}
    /* MENU COOKING */
    .under main .before_item ul li {
        width: 287px;
        height: 160px;
        max-width: 100%;
    }
    .under main .before_item ul li.img_af .tag {
        border-width: 2px;
    }
    .under main .before_item {
        width: 335px;
        border-radius: 20px;
        margin-right: 12px;
        padding: 32px 25px;
    }
    .under main .before_item ul {
        flex-direction: column;
    }
    .under main .before_list {
        position: relative;
        left: 5px;
        width: calc(100% + 20px);
    }
    .under main .before_item ul li.img_bf {
        margin-bottom: 20px;
        border-radius: 7px;
    }
    .under main .before_item ul li.img_af {
        left: 0;
        border-width: 2px;
        border-radius: 7px;
    }
    .under main .before_item ul li .tag {
        border-radius: 0 0 7px 0;
        padding: 4px 13px 4px;
        font-size: 13px;
        top: -1px;
        left: -1px;
    }
    .under main .before_item .label span {
        font-size: 10px;
        padding: 1px 9px 0px 9px;
        margin-right: 18px;
        border-radius: 2px;
        flex-shrink: 0;
    }
    .under main .before_item .label {
        font-size: 14px;
        display: flex;
        align-items: flex-start;
        text-align: left;
        margin-bottom: 25px;
    }

    .menu_before, .under main .menu_cooking {
        position: relative;
    }
    
    .under main .menu_cooking .cook_item ul li .img {
        height: 188px;
        margin-bottom: 15px;
    }
    .under main .menu_cooking {
        left: 5px;
        margin-bottom: 0px;
    }

    .under main .cook_item {
        margin-right: 15px;
        width: 335px;
        padding: 25px 25px 11px;
    }
    .under main .cook_item ul {
        flex-direction: column;
    }
    .under main .cook_item ul li {
        width: 100%;
        height: auto;
    }
    .under main .cook_item ul li + li {
        margin-top: 10px;
    }

    #cooking main .menu_step {
        margin-top: 50px;
    }
    /*cooking_bnn*/
    .under main .cooking_bnn {
        margin-top: 50px;
        padding-bottom: 0;
    }
    .under main .cooking_bnn .f_big {
        font-size: 24px;
        line-height: 1.5;
    }
    .under main .list_cook_btn {
        flex-direction: column;
    }
    .under main .list_cook_btn .u_btn:not(:last-child),
    .under main .list_cook_btn li{
        margin-right: 0;
        margin-bottom: 20px;
    }   

    /* COMPANY INFO */
    .under main .sec_problem{padding-bottom: 48px;}
    .under main .problem_list{justify-content: space-between;padding: 0 5px;gap: 12px;width: 100%;}
    .under main .problem_item{width: calc((100% - 12px) / 2);/*margin: 0 0 12px;*/margin: 0;flex-direction: column;padding: 20px 0;text-align: center;align-items: center;justify-content: flex-start;min-height: 228px;height: auto;}
    .under main .problem_item .img{width: 80px;margin-bottom: 12px;}
    .under main .problem_item .des{margin: 0;}

    .under main .sec_point{padding-top: 110px;}
    .under main .sec_point::before{border-width: 40px 147px 0px 147px;left: calc(50% - 147px);}

    .under main .point_list{flex-direction: column;align-items: center;justify-content: center;}
    .under main .point_item{width: 335px;height: 180px;padding: 29px 0 30px 117px;text-align: left;margin: 0 0 16px;box-shadow: 0 3px 0 #636C73;position: relative;max-width: 100%;border-width: 2px;}
    .under main .point_item .img{width: 100px;position: absolute;top: calc(50% - 50px);left: 17px;}
    .under main .point_item .big{font-size: 14px;margin-bottom: 5px;}
    .under main .point_item p{font-size: 13px;}
    .under main .point_item:nth-child(2){padding-top: 17px;}

    .under main .sec_strength{padding: 18px 0 0;position: relative;background: none;}
    .under main .sec_strength::before{width: 100%;height: 100%;background: #FDF2F9;position: absolute;top: 0;left: 0;z-index: -1;content: '';}
    .under main .str_list{padding: 0 5px;}
    .under main .sec_strength .u_ttl{margin-bottom: 53px;}

    .under main .str_item{padding: 40px 10px 40px 20px;border-radius: 10px;flex-direction: column-reverse;position: relative;margin-bottom: 40px;}
    .under main .str_des .big{font-size: 20px;font-weight: bold;margin-bottom: 13px;letter-spacing: 0.025em;}
    .under main .str_des .en{position: absolute;top: -15px;right: 15px;width: 80px;text-align: center;padding: 0;padding-left: 10px;}
    .under main .str_des .en .numb{top: 0;left: 0;letter-spacing: 0.05em;}
    .under main .str_des .txt{width: 100%;}
    .under main .str_img{width: 100%;text-align: center;left: -5px;position: relative;}
    .under main .str_des{margin-bottom: 30px;}

    .under main .str_item:nth-child(1) .en{right: 2px;padding: 0;}
    .under main .str_item:nth-child(4) .en{right: 22px;}
    .under main .str_item:nth-child(4) .str_des .txt{margin-bottom: 4px;}
    
    .under main .sec_archive{padding: 92px 0 34px;}
    .under main .sec_archive .u_ttl{margin-bottom: 40px;}

    .under main .archive_ct{margin:40px 3px 20px 7px;padding: 28px 15px 38px;flex-direction: column;}
    .under main .archive_l{width: 100%;margin-right: 0;margin-bottom: 30px;padding-bottom: 29px;}
    .under main .archive_l::before{width: 100%;height: 2px;background: url('../images/ic_dot_bot.png') left center /cover repeat-x;bottom: 0;left: 0;right: inherit;top: inherit;}
    .under main .archive_ct .big{font-size: 20px;text-align: center;margin-bottom: 8px;}
    .under main .archive_ct .img{text-align: center;}
    .under main .archive_ct .list_ic{margin-bottom: 15px;}
    .under main .archive_ct .list_ic li{font-size: 12px;}
    .under main .archive_ct .list_ic li::before{width: 6px;height: 6px;top: 6px;left: 1px;}
    .under main .archive_ct .f_md{margin-bottom: 12px;}

    .under main .archive_r{width: 100%;}
    .under main .archive_r .big .sm{font-size: 10px;margin-right: 0;}
    .under main .archive_r .big .sm_sp{font-size: 14px;position: relative;top: -10px;}
    .under main .archive_r .box_policy{position: relative;bottom: inherit;right: inherit;width: calc(100% - 6px);height: auto;margin:0 auto;padding: 16px 15px 16px 16px;}
    .under main .archive_r .box_policy img{margin-right: 10px;width: 60px;}
    .under main .archive_r .box_policy span{font-size: 10px;}
    .under main .note{line-height: 1.5em;font-size: 10px;padding: 0 7px;}

    .under main .sec_message{padding: 70px 0 40px;margin-bottom: 3px;}
    .under main .message_ct{padding: 39px 15px 28px;flex-wrap: wrap;border-radius: 10px;border-radius: 10px;}
    .under main .mess_txt{width: 100%;margin-bottom: 20px;}
    .under main .mess_txt .big{font-size: 24px;line-height: 1.5em;margin-bottom: 16px;}
    .under main .mess_video{width: 100%;border-width: 2px;border-radius: 10px;}

    #companyinfo main .sec_voice{padding: 34px 0 60px;}
    #companyinfo main .sec_voice .u_ttl{padding: 0;}
    #companyinfo main .sec_voice .u_ttl .ja{letter-spacing: 0;}
    #companyinfo main .sec_voice .voice_content{margin-bottom: 39px;padding-bottom: 0;}
    #companyinfo main .sec_voice .btn_link{padding-right: 35px;}
    #companyinfo .sec_other .other_ttl{padding: 0 15px;}
    #companyinfo .sec_other .other_ttl .big{margin-bottom: 11px;}
    #companyinfo .sec_other .other_ttl p{font-size: 14px;line-height: 1.7em;}
    #companyinfo .sec_other .other_ttl .big,
    .under .sec_other .other_ttl .big{font-size: 24px;}
    .under .sec_other .other_ttl{padding-left: 10px;}
    #companyinfo .sec_other .btn_link{margin-top: 25px;}

    .under main .value_item.ver2 .img{margin:0 auto;}

    .under .menu_staff .control_pause,
    .under .menu_case .control_pause,
    .under .menu_before .control_pause,
    .under .menu_cooking .control_pause{margin-top: 22px;}
    .under .menu_staff .slick-list {padding-bottom: 10px!important;}

    .under main .frame_special{padding: 0 0 50px;}
    .under main .frame_special .spec_ttl{font-size: 24px;}
    .under main .frame_special .spec_ttl .border{padding: 0 30px;}
    .under main .special_content{padding: 20px;border-radius: 15px;}
    .under main .special_content .time{align-items: center;margin-bottom: 15px;}
    .under main .special_content .time .tag{margin-bottom: 0;}
    .under main .special_content .time .des{font-size: 16px;}

    .under main .box_banner .blue{margin-bottom: 10px;}
    .under main .box_banner .blue span{padding: 0 30px;}
    .under main .box_banner .big{padding-left: 0;}

    .under main .sec_price .cooking_bnn{flex-direction: column;align-items: center;}
    .under main .sec_price .cooking_bnn::after{position: relative;bottom: inherit;margin-top: 30px;}

    #cooking .sec05_tab li{height: auto;}
    .icon_sroll{left: calc(50vw - 70px);}
    #p404.under main #top_info{margin-bottom: 100px;}
    #p404.under main section:last-child{padding-bottom: 0;}
    #p404.under main #content::before{height: 200px;}
}

@media screen and (min-width: 441px) and (max-width: 750px) {
    
    .under main .list_rcm, .under main .value_list, .under main .menu_item, .under main .balloon {
        max-width: 335px;
    }
    .under main .list_rcm, .under main .value_list, .under main .menu_item, .under main .balloon {
        margin-left: auto;
        margin-right: auto;
    }
}
/* IPHONE 14 */
@media screen and (max-width: 440px) {
    /*============ ORTHER ============ */
    .under main .list_ovn li .img {
        height: 50vw;
    }
    .under main .list_ovn li {
        width: 100%;
    }
    .under main .list_ovn li:last-child {
        margin-bottom: 0;
    }
    .under main .before_item{width: 295px;}

    .under main .value_item.ver2 .tag{
        width: 100%;
        height: auto;
        aspect-ratio: 309/127;
    }
    .under main .menu_right .menu_check ul li {
        width: 50%;
    }
}
/* IPHONE 6 */
@media screen and (max-width: 360px) {
    .sp360 {
        display: block !important;
    }
    .pc360 {
        display: none !important;
    }
    .u_ttl .ja {
        font-size: 21px;
    }
    .under main #top_info .sm {
        font-size: 12px;
    }
   
    .under main .rcm_item .big {
        font-size: 14px;
    }
    .under main .rcm_item .rcm_des .img {
        width: 55px;
    }
    .under main .rcm_item .rcm_des .txt span {
        font-size: 21px;
    }
    .under main .rcm_item .rcm_des .txt {
        font-size: 16px;
    }
    .under main .rcm_item .rcm_des .txt::before {
        width: 20px;
        height: 18px;
    }
    .under main .rcm_item .rcm_des .txt {
        padding: 3px 0 0 35px;
    }
    .under .btn_arr a {
        font-size: 14px;
    }
    .under main .balloon {
        padding: 38px 14px 30px 75px;
    }
    .under main .case_item.slick-slide {
        width: 290px;
    }
    .under main .case_item .img .avatar {
        width: 230px;
        height: 230px;
    }
    .under main .value_item .big {
        font-size: 17px;
    }
    .under main .btn_common a {
        width: 240px;
        font-size: 14px;
    }
    .under main .cooking_bnn .f_big {
        font-size: 22px;
    }

    .under main .menu_ttl{
        padding: 0;
    }
    .under main .menu_ttl .name{
        font-size: 22px;
    }

    #cooking .sec05_tab li{
        font-size: 11px;
    }

    .under main .problem_item .des p{
        font-size: 12px;
    }

    .under main .point_item .img{width: 60px;top: calc(50% - 30px);}
    .under main .point_item{padding-left: 75px;}

    .under main .cook_item{width: 285px;padding: 15px 15px 10px;border-radius: 15px;margin:0 10px;}
}