.sp360 {
    display: none;
}

.min {
    display: none;
}

@media screen and (min-width: 751px) {
    #wrapper::before {
        height: 580px;
    }

    .lightbox,
    .lightboxOverlay {
        min-width: var(--site_size);
    }

    /* HOVER */
    .under main #topic_path li a:hover {
        text-decoration: underline
    }
    .works_ovn_thumb .works_ovn_img_item.slick-current:hover{
        opacity: 1;
        pointer-events: none;
    }
    .works_ovn_thumb .works_ovn_img_item:hover,
    .under main a[data-lightbox]:hover,
    .under main .bnn a:hover {
        opacity: 0.7;
    }

    .under main .ovn_content p a:hover,
    .under main .link:hover {
        color: var(--scolor);
    }

    .under main .ovn_content .aligncenter,
    .under main .ovn_content .alignleft,
    .under main .ovn_content .alignright {
        max-width: 600px;
        max-height: 400px;
    }

    .under main .ovn_content .alignleft {
        float: left;
        margin: 0 25px 10px 0
    }

    .under main .ovn_content .alignright {
        float: right;
        margin: 0 0 10px 25px;
    }

    .under main .list_faq dt:hover {
        cursor: pointer;
        color: var(--mcolor);
    }

    /* BUTTON OVN DETAIL */
    .under main .btn_list {
        display: flex;
        justify-content: center;
        position: relative;
    }

    .under main .list_ovn_item:nth-child(3n + 3) {
        margin-right: 0;
    }

    .under main #topic_path {
        margin-top: -65px;
        width: 1040px;
    }

    .under main .under_content {
        width: 1040px;
    }

    .full_content main .under_content {
        width: 100%;
    }

    .under main .image_l,
    .under main .image_r {
        margin-top: 5px;
    }

    .under main .frame_pick .pick_content .image_l {
        margin-right: 40px;
    }

    .under main .u_btn a:hover {
        background: #fff;
        color: var(--mcolor);
    }

    .under main .u_btn a:hover::before {
        border-color: transparent transparent transparent var(--mcolor);
    }

    .under main .list_step dd .label {
        margin-top: -4px;
    }

    .under main .list_step dd .label span {
        top: 3px;
        position: relative;
    }

    .under main .list_float {
        width: calc(100% - 520px);
        display: inline-block;
    }

    .under main .under_main .inner {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    #p404.under main .under_main .inner {
        align-items: center;
    }

    .under main .list_3img li:nth-child(3n + 3),
    .under main .flex_3col li:nth-child(3n + 3) {
        margin-right: 0;
    }

    .full_content .u_outer {
        width: 100%;
    }

    /*OVN*/
    .works_ovn_thumb .slick-arrow:hover,
    .list_ovn_item:hover {
        opacity: 0.7;
    }

    .under main .list_anchor.ovn_cate .btn {
        max-width: calc((100% - 30px) / 3);
    }

    .under main .list_anchor.ovn_cate .btn a {
        max-width: 100%;
    }

    .ovn_contentt_item:nth-child(n+3) {
        margin-top: 60px;
    }

    .list_ovn_related .slick-dots li:hover button {
        background: var(--mcolor);
    }

    .under main .btn_list .is_prev {
        position: absolute;
        top: 0;
        right: calc(50% + 220px);
    }

    .under main .btn_list .is_next {
        position: absolute;
        top: 0;
        left: calc(50% + 220px);
    }

    .under main .btn_list .btn {
        max-width: calc((100% - 70px)/3)
    }

    .list_info li a:hover {
        background-color: #dee8f8;
    }

    .under main section.clearfix .image_l~p:not([class]),
    .under main section.clearfix .image_l~ul {
        margin-left: 470px;
    }

    .under main section.clearfix .image_r~p:not([class]),
    .under main section.clearfix .image_r~ul {
        margin-right: 470px;
    }

    .under main .btn_big a {
        width: 520px;
        padding: 0 60px;
    }

    .under main .btn_full a{
        width: auto;
    }

    .under main .btn_full.w600 a{
        width: 600px;
    }

    .under main .list_btn .btn_big{
        margin: 0 10px 20px;
    }
    .under main .list_btn .btn_big a{
        width: 500px;
        padding: 0 40px;
    }

    .under main .flex_3col li .btn a:hover {
        background-color: var(--sscolor);
    }

    .under main .under_anc li a:hover {
        color: var(--txt);
    }

    .under main .pagination li:hover a {
        background: var(--mcolor);
        color: #fff;
    }

    .hamburger{right: 0;}
    .hamburger.is_active{right: 122px;}
    .works_ovn_thumb .works_ovn_img_item{width: 197px !important;}
    .under#contact .to_top{right: 0;bottom: 0;}
}


@media screen and (min-width: 751px) and (max-width: 1560px) {
    .under main #topic_path {
        margin-bottom: 50px;
    }

    .under main #top_info .inner {
        padding-top: 165px;
    }

    .under main #top_info .big_ttl {
        font-size: 42px;
    }

    .under main h3,
    .under main .ttl3,
    .under main .ovn_content h3 {
        font-size: 54px;
    }

    .under main h4,
    .under main .ttl4,
    .under main .ovn_content h4 {
        font-size: 28px;
    }

    .under main h5,
    .under main .ttl5,
    .under main .ovn_content h5 {
        font-size: 24px;
    }

    .under main .under_anc {
        width: 22vw;
        padding: 20px 15px 15px;
        left: 2.5vw;
    }

    .under main .under_anc .list01 li a{
        padding-left: 15px;
    }

    .under main .under_anc .list01 li{
        margin-bottom: 10px;
        font-size: 14px;
    }
    .under main .under_anc .list01 li::before{
        left: 0;   
        top: 2px;
    }
}

@media screen and (min-width: 751px) and (max-width: 1435px) {

    #contact main section:last-child,
    #confirm main section:last-child {
        height: auto;
    }

    .under main section {
        padding: 0 0 80px;
    }

    .under main .image_l,
    .under main .image_r {
        width: 360px;
        margin-bottom: 5px;
    }

    .under main .image_l.w_sm,
    .under main .image_r.w_sm {
        width: 320px;
    }

    .under main section.clearfix .image_l~p:not([class]),
    .under main section.clearfix .image_l~ul {
        margin-left: 390px;
    }

    .under main section.clearfix .image_r~p:not([class]),
    .under main section.clearfix .image_r~ul {
        margin-right: 390px;
    }

    .under main .list_float {
        width: calc(100% - 380px);
    }

    .under main .frame_pick .pick_ttl {
        font-size: 28px;
    }

    .under main .under_main .inner {
        padding-left: 30px;
        padding-right: 30px;
        width: 1230px;
    }

    .under main #topic_path,
    .under main .under_content {
        width: 100%;
        padding-left: 270px;
        left: 25px;
        position: relative;
    }

    .under main #top_info .inner {
        padding-left: 375px;
    }

    .under main #top_info .img {
        left: calc(50% - 290px);
    }

    .full_content main #topic_path,
    .full_content main .under_content,
    #confirm .u_outer .under_content,
    #contact .u_outer .under_content,
    #thanks .u_outer .under_content,
    #confirm main #topic_path,
    #contact main #topic_path,
    #thanks main #topic_path {
        padding-left: 0px;
        left: 0;
    }

    .under main h4,
    .under main .ovn_content h4 {
        font-size: 30px;
    }

    .under main .sec_director {
        position: relative;
    }

    .under main .sec_director .image_r {
        margin-bottom: 80px;
    }

    .under main .sec_director .right {
        position: absolute;
        bottom: 140px;
        right: 0;
    }

    .under main .mbpc30 {
        margin-bottom: 30px;
    }

    .under main .mbpc50 {
        margin-bottom: 50px;
    }

    .under main .mbpc80 {
        margin-bottom: 80px;
    }

    .under main .mbpc100 {
        margin-bottom: 100px;
    }

    .min {
        display: block;
    }

    .under main .list_step dt {
        font-size: 25px;
    }

    .under main .list_step dt span {
        font-size: 24px;
        margin-right: 20px;
    }
}

@media screen and (max-width: 750px) {
    .under main {
        padding-top: 60px;
    }
    .under main #content {
        padding: 0;
    }

    #contact.under main #content ,
    #modelhouse.under main #content {
        padding: 0 0 60px
    }

    .under main .under_content p {
        margin-bottom: 1.5em;
    }

    .under main .under_content .sec06_item > div .img{
        margin-bottom: -100px;
    }

    .under .btn_big a {
        width: 100%;
        max-width: 360px;
        height: auto;
        padding: 5px 25px 5px 20px;
        border-radius: 999px;
        font-size: 16px;
        background-position: right 10px center;
    }

    .under main .btn a {
        font-size: 16px;
    }

    .under main .btn_full a{
        width: 100%;
        min-height: 60px;
        height: auto;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .under main section {
        padding: 0 0 60px;
    }

    .under main section:last-child {
        padding-bottom: 40px;
    }

    .under main .image_r,
    .under main .image_l,
    .under main .ovn_content .image_l,
    .under main .ovn_content .image_r {
        float: none;
        display: inline-block;
        width: 100%;
        text-align: center;
        margin: 0 auto 20px !important;
        border-radius: 0;
    }

    .under main .image_r img,
    .under main .image_l img,
    .under main .ovn_content .image_l img,
    .under main .ovn_content .image_r img{
        border-radius: 15px;
    }

    .under main .center img {
        border-radius: 10px;
    }

    .under main .under_anc {
        position: relative;
        left: 0;
        top: -15px;
        width: 100%;
        margin-bottom: 20px;
        padding: 15px;
    }

    .under main .under_anc p {
        font-size: 16px;
        margin-bottom: 15px;
        padding-bottom: 15px;
        padding-left: 0;
    }

    .under main .under_anc .list01 li a {
        padding-left: 25px;
    }

    .under main .under_anc .list01 li::before {
        top: 2px;
    }

    .under main .under_main::before {
        width: 481px;
        height: 481px;
        top: 150px;
        left: -240px;
    }

    .under main .under_main {
        background: #fff;
    }

    /*==========================================================
                 C U S T O M
    ==========================================================*/
    /*  TOP INFO  */
    .under main #top_info {
        height: 240px;
        margin-bottom: 40px;
    }

    .under main #top_info .inner {
        padding: 0 10px 0 35px;
        text-align: center;
    }

    .under main #top_info .big_ttl {
        font-size: 42px;
        text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
        text-align: left;
    }

    .under main #top_info .img {
        width: 800px;
        height: 180px;
        top: 30px;
        left: 15px;
        bottom: inherit;
        border-radius: 20px 0 0 20px;
    }

    .under main #topic_path {
        margin-bottom: 0;
        position: relative;
        top: -55px;
    }

    .under main #topic_path li,
    .under main #topic_path li a {
        font-size: 14px;
    }

    /*============ HEAD TITLE ============ */
    .under main h2 {
        font-size: 26px;
    }

    .under main h3,
    .under main .ovn_content h3 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .under main h4,
    .under main .ovn_content h4 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .under main h5,
    .under main .ovn_content h5 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .under main h6,
    .under main .ovn_content h6 {
        font-size: 18px;
    }

    .under main h6::before {
        height: calc(100% - 8px);
        top: 5px;
    }

    /*============ TABLE ============ */
    .under main table {
        margin-bottom: 30px
    }

    .under main table td,
    .under main table th {
        padding: 10px;
        border-color: #888;
    }

    .under main table td.sp,
    .under main table th.sp{border-top: none;}
    
    .under main table th {
        font-size: 14px;
        line-height: 1.6;
    }

    .under main table td {
        font-size: 14px;
    }

    .under main table.tb_block tr {
        display: flex;
        flex-direction: column
    }

    .under main table.tb_block tr:last-child th {
        border-bottom: none;
    }

    .under main table.th_bg2 th,
    .under main table.tb_block th.bg2 {
        border-color: var(--scolor);
    }

    .under main table.tb_block tr:not(:last-child) th {
        border-bottom: none
    }

    .under main table.tb_block tr:not(:first-child) th {
        border-top: none
    }

    .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_scroll:not(:last-child) {
        margin-bottom: 30px;
    }

    .under main .tb_scroll table {
        width: 800px;
    }

    .under main .tb_note {
        margin-bottom: 10px;
        color: #999;
    }

    /*============ LIST ============ */
    .under main .list01,
    .under main .ovn_content ul {}

    .under main .list01 li,
    .under main .ovn_content ul li {
        margin-bottom: 15px;
        padding-left: 15px;
    }

    .under main .list01 li::before,
    .under main .ovn_content ul li::before {
        top: 5px;
    }

    .under main .list02,
    .under main .ovn_content ol {}

    .under main .list02 li,
    .under main .ovn_content ol li {}

    .under main .list02 li::before,
    .under main .ovn_content ol li::before {}

    .under main .list_check {}

    .under main .list_check li {}

    /* LIST FAQ */
    .under main .list_faq dl {
        margin-bottom: 30px;
    }

    .under main .faq_ct .btn a{
        max-width: 250px;
        width: 250px;
        font-size: 13px;
    }

    .under main .list_faq dd {
        padding: 15px;
    }

    .under main .list_faq dd .en,
    .under main .list_faq dt span {
        width: 40px;
        height: 40px;
        padding-bottom: 0;
        font-size: 16px;
    }

    .under main .list_faq dt {
        font-size: 18px;
        padding-right: 25px;
    }

    .under main .list_faq dt::before {
        top: 19px;
    }

    .under main .list_faq dt::after {
        top: 9px;
    }

    /* List STEP */
    .under main .list_step dl {
        margin-bottom: 60px;
        padding-bottom: 40px;
        padding: 15px;
    }

    .under main .list_step dd {
        padding: 15px;
    }

    .under main .list_step dl:not(:last-child)::before {
        bottom: -51px;
        left: calc(50% - 120px);
        border-width: 40px 120px 0px 120px;
    }

    .under main .sec_director .image_r>span {
        display: block;
        text-align: center;
        margin-top: 10px;
    }

    .under main .list_step dt span {
        font-size: 18px;
        margin-right: 15px;
        flex-shrink: 0;
        padding: 5px 10px 7px;
        top: 0;
    }

    .under main .list_step dt {
        display: flex;
        align-items: flex-start;
        font-size: 20px;
        margin-bottom: 15px;
    }

    .under main .list_step dd .label {
        line-height: 1.4;
        flex-direction: column;
        margin-bottom: 15px;
        font-size: 18px;
        padding-top: 0;
    }

    .under main .list_step dd .label span {
        margin-right: 10px;
        font-size: 14px;
        height: 32px;
        padding: 4px 11px;
        position: relative;
        top: 0;
        margin-right: 0;
        margin-bottom: 5px;
    }

    /*============ FRAME ============ */
    .under main .frame01 {
        padding: 30px 15px
    }

    .under main .frame02 {
        padding: 30px 15px
    }

    .under main .frame_pick {
        padding: 15px;
    }

    .under main .frame_pick .pick_ttl span {
        font-size: 18px;
        width: 60px;
        height: 60px;
        left: 0;
        top: 0;
        flex-shrink: 0;
        position: relative;
        margin-right: 15px;
    }

    .under main .frame_pick .pick_ttl {
        font-size: 20px;
        padding-left: 0px;
        margin-bottom: 20px;
        min-height: 60px;
        display: flex;
        align-items: center;
    }

    .under main .frame_pick .pick_content {
        padding: 15px;
    }

    .under main .flex_3col li {
        width: calc((100% - 15px) / 2);
        border-radius: 10px;
        padding: 15px;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .under main .flex_3col li .en span {
        font-size: 24px;
        width: 40px;
        height: 40px;
    }

    .under main .flex_3col li:nth-child(2n + 2),
    .under main .flex_3col li:last-child {
        margin-right: 0;
    }

    /* ============ CASE ============ */
    .under main .list_case {}

    .under main .list_case li {
        width: calc((100% - 30px) / 2);
        margin: 0 30px 30px 0
    }

    .under main .list_case li:nth-child(2n + 2) {
        margin-right: 0;
    }

    .under main .list_case li .u_btn a {
        margin: 0 auto;
        font-size: 16px;
    }

    .under main .list_case li .img {
        height: 35vw;
    }

    /* ============ ORTHER ============ */
    .under main .box_map {
        height: 250px
    }

    .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;
    }

    .under main .must1 {
        top: 4px;
    }

    .under main .must1.must_line {
        top: -10px;
    }

    .under main .input02,
    .under main .select01,
    .under main .input_text01 {
        width: 100%;
        height: 36px;
    }

    #confirm .btn_contact,
    #confirm .back-btn {
        width: 195px;
    }

    .btn_contact_w input {
        height: 50px;
        padding-top: 0;
    }

    .under main table th.th_center,
    .under main table th.th01 {
        border-bottom: 1px #fff solid !important;
    }

    /* ============ CONTACT ============ */
    .under main .step_contact {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .under main .step_contact li {
        height: 60px;
        margin: 0 0 35px;
        font-size: 16px;
    }

    .under main .step_contact li:last-child {
        margin-bottom: 0;
    }

    .under main .step_contact li::before {
        border-width: 20px 25px 0px 25px;
        border-color: var(--gray) transparent transparent transparent;
        top: inherit;
        bottom: -20px;
        left: calc(50% - 25px);
    }

    .under main .step_contact li.active::before {
        border-color: var(--mcolor) transparent transparent transparent;
    }

    .under main .u_btn {
        max-width: 420px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .under main .u_btn a {
        width: 100%;
        font-size: 16px;
        line-height: 1.4;
    }

    .under main .list_btn .u_btn {
        margin: 0 0px 20px;
    }

    .under main .list_btn p:last-child {
        margin-bottom: 0;
    }

    .under main .case_btn .btn a {
        width: 190px;
    }

    .under main .un_contact.sec_contact_group.contact_com p {
        height: auto;
    }

    .under main .un_contact.sec_contact_group.contact_com .contact_line a {
        height: 160px;
        padding: 0 15px 0 85px;
        background-position: left 35px center;
    }

    .under main .un_contact.sec_contact_group.contact_com>p:not(.contact_tel)>a {
        width: 100%;
    }

    .under main .un_contact.sec_contact_group.contact_com>p>a .sm {
        font-size: 20px;
    }

    .under main .un_contact {
        padding: 10px;
        max-width: 380px;
    }

    #confirm .btn_contact_w {
        max-width: 450px;
    }

    .under main .equal_height a {
        min-height: 81px;
    }

    .under main .ovn_content .img img,
    .under main .ovn_content .image_l img,
    .under main .ovn_content .image_r img,
    .under main .ovn_content .alignleft,
    .under main .ovn_content .alignright {
        max-height: 300px;
        max-width: 100%;
    }

    .under main .ovn_content .alignleft,
    .under main .ovn_content .alignright {
        display: table;
        margin: 0 auto 25px;
    }

    .under footer {
        margin-top: 0;
    }




    /*OVN*/
    .list_ovn_item .cate {
        width: 170px;
        height: 50px;
        font-size: 28px;
        border-radius: 10px 10px 0 0;
        left: calc(50% - 85px);
    }

    .list_ovn_item {
        width: 100%;
        margin: 0 auto 40px;
        padding: 50px 20px 20px;
        border-radius: 15px;
        max-width: 400px;
    }

    .list_ovn_item::before {
        height: calc(100% - 20px);
        top: 20px;
        border-radius: 15px;
    }

    .list_ovn_item .cate span:nth-last-child(-n+3) {
        margin-top: 9px;
    }

    .list_ovn_item .img {
        height: auto;
        aspect-ratio: 3 / 2;
        border-radius: 15px;
        margin-bottom: 15px;
    }

    .list_ovn_item .date,
    .list_ovn_item .big {
        font-size: 16px;
        margin: 0 0 10px;
    }

    .list_ovn_item .tag span {
        min-width: 92px;
        height: 26px;
        margin-right: 4px;
        margin-bottom: 4px;
        font-size: 13px;
    }

    .works_ovn_box {
        flex-direction: column-reverse;
    }

    .works_ovn_right{height: auto;}

    .works_ovn_main {
        padding: 30px 15px;
    }

    .under main .works_ovn_cate {
        font-size: 18px;
    }

    .under main .works_ovn_name {
        font-size: 16px;
    }

    .works_ovn_info {
        padding: 30px 15px;
    }

    .works_ovn_info li .tit {
        flex-shrink: 0;
        width: 170px;
    }

    .works_ovn_tag span {
        font-size: 14px;
        min-width: 90px;
        padding: 0 5px;
    }

    .works_ovn_right{
        width: 100%;
        height: auto;
    }

    .works_ovn_img {height: auto}
    .works_ovn_img.slick-initialized .slick-slide {
        height: 500px;
        aspect-ratio: 15/12;
    }
    .works_ovn_img .slick-track{display: block;}
    .works_ovn_img img{max-height: 100%;width: auto}

    .works_ovn_thumb{height: auto;}



    .ovn_contentt_item {
        width: 100%;
        margin: 0 0 50px;
    }

    .ovn_contentt_item:last-child {
        margin-bottom: 0;
    }

    .ovn_content_img img {
        max-height: 300px;
    }

    .list_ovn_related .slick-dots li button,
    .list_ovn_related .slick-dots li {
        width: 12px;
        height: 12px;
    }

    .list_ovn_related .slick-dots {
        margin-top: 25px;
    }

    .list_ovn_related.slick-initialized .slick-slide {
        margin: 0 5px !important;
    }

    .list_ovn_related {
        margin: 30px -5px 0;
    }

    .list_info li a {
        padding: 15px 40px 15px 0;
        background-size: auto 2px, 20px auto;
    }

    .list_info li .date {
        margin-bottom: 5px;
    }

    .under main .btn_list .is_prev a {
        background-position: left 15px center;
    }

    .under main .btn_list .btn .txt {
        padding: 0 20px 0 40px;
    }

    .under main .btn_list .is_next .txt {
        padding: 0 40px 0 20px;
    }

    .under_area_list .img {
        height: auto;
        aspect-ratio: 3 / 2;
        width: 100%;
    }

    #estate_detail .works_ovn_info li .tit {
        width: 60px;
    }

    .under main .works_ovn_price {
        font-size: 20px;
        margin-bottom: 25px;
    }

    #estate_detail .works_ovn_img.slick-initialized .slick-slide img {
        max-height: 100%;
    }

    .ft_tel .ft_tel_txt .hour .txt1 {
        padding-bottom: 2px;
    }

    .under main .center_sp a{margin-left: auto;margin-right: auto;}

    .under main .list_3img li{
        width: calc((100% - 20px) / 3);
        margin: 0 10px 10px 0;
    }
    .under main .list_3img li:nth-child(3n + 3){
        margin-right: 0;
    }
    .under main .list_3img li:last-child{margin-bottom: 10px}

    .list_ovn:not(.list_ovn_related){
        margin-top: 30px;
    }

    .sec03{padding-bottom: 120px;}
    .sec03_item .item_l{padding-top: 80px;}
    .under main .list_btn .btn{
        width: 290px;
    }

    .works_ovn_img .slick-prev,.works_ovn_thumb .slick-prev{left: -15px;z-index: 5;}
    .works_ovn_img .slick-next,.works_ovn_thumb .slick-next{right: -15px;z-index: 5;}

    .works_ovn_thumb .works_ovn_img_item{width: 200px}

    .under main table.tb_block tr:not(:first-child) th.border-sp{border-top: 1px solid #888;border-bottom: 1px solid #888;}
}

@media screen and (max-width: 640px) {
    .under main #top_info {
        height: 200px;
    }

    .under main #top_info .img {
        width: 630px;
        height: 145px;
        top: 25px;
    }

    .under main .case_btn {
        flex-direction: column;
        align-items: center;
    }

    .under main .case_btn .btn:not(:last-child) {
        margin-bottom: 25px;
    }

    .under main .case_btn .btn a {
        width: 280px;
    }

    .under main .case_btn .prevPage,
    .under main .case_btn .nextPage {
        position: static;
    }
}

/* IPHONE 14 */
@media screen and (max-width: 480px) {

    /*============ CASE ============ */
    .under main .list_case li {
        width: 100%;
        margin: 0 0 30px;
    }

    .under main .list_case li:last-child {
        margin-bottom: 0;
    }

    /*============ ORTHER ============ */
    .under .btn_contact_w>p {
        flex-direction: column;
    }

    #confirm .btn_contact,
    #confirm .back-btn {
        width: 220px;
    }

    .under main .list_case li .img {
        height: 50vw;
    }

    .sec_contact_group.contact_com .contact_tel .time_txt {
        width: 70px;
    }

    .sec_contact_group.contact_com .contact_tel .time {
        font-size: 13px;
    }

    .under main .flex_3col li {
        width: 100%;
        margin-right: 0;
    }
    .under main .list_btn .btn{
        margin: 0 0 15px;
    }
}

@media screen and (max-width:440px) {
    .under main #top_info .big_ttl {
        font-size: 30px;
    }

    .list_step .sec_contact_group.contact_com {
        max-width: 300px;
    }

    .list_step .sec_contact_group.contact_com .contact_line a,
    .list_step .sec_contact_group.contact_com .contact_mail a {
        background-size: 30px auto;
        background-position: left 30px center;
        padding-left: 70px;
    }


    .under main .btn a,
    .under main .flex_3col li .btn a{
        font-size: 14px;
    }

    /*OVN*/
    #works_deatil .works_ovn_info li {
        display: block;
    }

    #works_deatil .works_ovn_info li .tit {
        display: block;
        margin-bottom: 7px;
    }
}

@media screen and (max-width:425px) {
    .list_step .sec_contact_group.contact_com {
        max-width: 280px;
    }

    .list_step .sec_contact_group.contact_com .contact_line a,
    .list_step .sec_contact_group.contact_com .contact_mail a {
        background-size: 27px auto;
        background-position: left 19px center;
        padding-left: 60px;
    }

    .list_step .sec_contact_group.contact_com .contact_tel .time_txt.ttl2 {
        width: 60px;
    }

    .under main .un_contact.sec_contact_group.contact_com .contact_line a {
        padding: 0 15px 0 70px;
        background-position: left 25px center;
    }

    .under main .un_contact.sec_contact_group.contact_com .contact_tel .tt {
        font-size: 18px;
    }

    .under main .un_contact {
        max-width: 345px;
    }

    .under main .un_contact.sec_contact_group.contact_com .contact_tel .time_txt.ttl2 {
        width: 60px;
    }

    .under main .un_contact.sec_contact_group.contact_com>p>a .sm {
        font-size: 18px;
    }

    .under main .list_3img li{
        width: calc((100% - 10px) / 2);
        margin: 0 10px 10px 0;
    }
    .under main .list_3img li:nth-child(3n + 3){
        margin-right: 10px;
    }
    .under main .list_3img li:nth-child(2n + 2){
        margin-right: 0;
    }
    .works_ovn_img.slick-initialized .slick-slide{height: 300px}
    .works_ovn_thumb .works_ovn_img_item{width: 130px}
}

/* IPHONE 6 */
@media screen and (max-width: 374px) {
    .sp360 {
        display: block;
    }

    .under main .un_contact.sec_contact_group.contact_com .contact_tel .time_txt {
        width: 58px;
        font-size: 11px;
    }

    .under main .un_contact {
        max-width: 290px;
    }

    .under main .un_contact.sec_contact_group.contact_com .contact_tel .time {
        font-size: 11px;
    }

    .under main .un_contact.sec_contact_group.contact_com>p>a .sm {
        font-size: 17px;
    }

    .under main .un_contact.sec_contact_group.contact_com .contact_line a .nor {
        font-size: 13px;
    }

    .under main .un_contact.sec_contact_group.contact_com .contact_line a {
        padding: 0 0px 0 50px;
        background-position: left 15px center;
        background-size: 28px auto;
    }

    .list_step .sec_contact_group.contact_com>p>a .lg {
        font-size: 18px;
    }

    .list_step .sec_contact_group.contact_com>p>a .sm {
        font-size: 13px;
    }

    .list_step .sec_contact_group.contact_com .contact_tel a {
        font-size: 27px;
        padding-left: 24px;
        background-size: 20px auto;
        background-position: left top 10px;
    }

    .list_step .sec_contact_group.contact_com .contact_tel .time_txt {
        width: 56px;
        font-size: 11px;
    }

    .list_step .sec_contact_group.contact_com .contact_tel .time {
        font-size: 11px;
    }

    .under main .un_contact.sec_contact_group.contact_com .contact_tel .time_txt.ttl2 {
        width: 50px;
    }
    .under main .faq_ct .btn a{
        width: 100%;
    }
    .under main .faq_ct .btn_full a{margin-left: -50px;width: 250px;}
}