@charset "utf-8";
/* CSS Document */
h2.typ2{text-align: center;}
.mobile{display: none;}
.guide_number{font-size:clamp(1rem, 2vw, 2rem);font-family: 'Jost';}

.section_flow .mobile{display: none;}
.section_flow .desk .tab_list {margin-left: 20%;margin-bottom: 2%;}
.section_flow .desk .tab_list ul li {display: inline-block; width: 22%;margin-right: 2%;}

.section_flow .desk .tab_list ul li div.popdia .guide_number{margin-right: 5px;}

.section_flow .mobile .tab_list{margin-bottom: 2%;}
.section_flow .mobile .tab_list ul{ box-shadow: revert; border-radius: revert;padding: revert; background-color: revert; text-align: revert;margin: 0; padding: 0;list-style: none;}
.section_flow .mobile .tab_list ul li {display: inline-block; width: 21%;margin-right: 2%;border-left: revert;}
.section_flow .mobile .tab_list ul li a{position: relative;width: 100%;height: 50px;border-radius: 0.25em;display: flex;justify-content: center;align-items: center;font-size:clamp(.9rem, 2vw, 1.75rem); color:var(--yellow_color); font-weight: 700;line-height: 1; background-color: #FFFDE7;text-align: center;}
.section_flow .mobile .tab_list ul li.active a{background-color:var(--yellow_color);color: var(--white_color);}
.section_flow .mobile .tab_list ul li a .guide_number{margin-right: 5px;display: block;}
.section_flow .mobile .tab_list ul li a .triangle {display: block;height: 34px;width: 34px;background-color: inherit;border: inherit;position: absolute;top: 8px;right: -16px;clip-path: polygon(0 0,100% 0 , 100% 100%);transform: rotate(45deg);border-radius: 0 0.25em 0 0;}

.section_flow{position: relative;}
.section_flow:before{content: "";position: absolute;left: 2%;top: -10vh;background: url(../images/index/icon_home_02.png)no-repeat;width: clamp(1rem, 10vw, 14.375rem);height: clamp(1rem, 10vw, 13.75rem);z-index: 2;background-size: 100%;transform: rotateY(-180deg);}
.section_guide{ background: var(--second_color);position: relative;}
.section_guide_list{width: 952px;max-width: 90%; margin: auto;}
.section_guide_list > li{ display: flex;padding-bottom: 5%; border-bottom: 2px dotted #D9D9D9;margin-bottom: 5%;}
.section_guide_list li .icon{width: 20%; flex: 0 0 20%; display: flex;justify-content: center; align-items: center;}
.section_guide_list li .number{width: 20%; flex: 0 0 20%; display: flex;justify-content: center; flex-direction: column;font-weight: 500;}
.section_guide_list li .number .guide_number{color: #969696; font-size:clamp(1.5rem, 3vw, 1.5rem) ; font-family: 'Jost';line-height: 1;}
.section_guide_list li .number .guide_name{color: var(--yellow_color); font-size:clamp(1.5rem, 3vw, 1.5rem) ; font-family: 'Jost';}
.section_guide_list li .guide_discription{width: 60%; flex: 0 0 60%;}
.section_guide_list li .guide_discription ul li{ display: flex;margin-bottom: 16px;}
.section_guide_list li .guide_discription ul li .discription_head{font-size:clamp(1rem, 2vw, 1rem) ;margin-right: 8px;font-weight: 500;}
.section_guide_list li .guide_discription ul li .discription_article{font-size:clamp(1rem, 2vw, 1rem) ;font-weight: 400;}

.table_wrap{justify-content: start;display: flex;width: 95%;min-width: 30em;margin: auto;font-size:clamp(1rem, 2vw, 1.25rem) ;}
.table_wrap .tab_head {width: 20%;}
.table_wrap .tab_head .row{display: flex;flex-direction: column;}
.table_wrap .tab_head .row .th{padding: 2%;height: 10vw; background-color: #F2F2F2;color: var(--main_color);justify-content: center;align-items: center;display: flex;font-weight: 500;font-size: 16px;}
.table_wrap .tab_head .row .th:nth-child(1){border: 1px solid var(--main_color); border-radius: 16px 0 0 0;}
.table_wrap .tab_head .row .th:nth-child(2){background-color: #F9F9F9; height: 7vw;border-left: 1px solid var(--main_color);border-right: 1px solid var(--main_color);border-bottom: 1px solid var(--main_color);}
.table_wrap .tab_head .row .th:nth-child(3){border-left: 1px solid var(--main_color);border-right: 1px solid var(--main_color);border-bottom: 1px solid var(--main_color);border-radius:  0 0 0 16px;}
.table_wrap .tab_content{display: flex;flex: 0 0 83%;}
.table_wrap .tab_content .row{flex: 0 0 25%;}
.table_wrap .tab_content .row .td{height: 10vw;background-color: #FDF4E0;padding: 8%;font-weight: 400;}
.table_wrap .tab_content .row .td:nth-child(1){border-right: 1px dotted var(--main_color);border-bottom: 1px dotted var(--main_color);border-top: 1px dotted var(--main_color);display: flex; align-items: center;}
.table_wrap .tab_content .row .td:nth-child(2){border-right: 1px dotted var(--main_color);border-bottom: 1px dotted var(--main_color);height: 7vw; background-color: #FFF9EB; display: flex; justify-content: center;align-items: center;font-family: 'Jost';color: #F8B62D;font-size: 24px;font-weight: 700;}
.table_wrap .tab_content .row .td:nth-child(3){border-right: 1px dotted var(--main_color);border-bottom: 1px dotted var(--main_color);display: flex; align-items: center;}
.table_wrap .tab_content .row:nth-child(4) .td:nth-child(1){border-radius:  0 16px 0  0 ;}
.table_wrap .tab_content .row:nth-child(4) .td:nth-child(3){border-radius:  0  0 16px 0 ;}

.section_flow .mobile .table_wrap{width: 100%;min-width: revert;}
.section_flow .mobile .table_wrap .tab_content{display: none;flex-direction: column;}
.section_flow .mobile .table_wrap .tab_content.active{display: flex;}
.section_flow .mobile .table_wrap .tab_content_wrap{flex: 0 0 83%;}
.section_flow .mobile .table_wrap .tab_content_wrap .row .td{height: 13vw;border-right: 1px dotted var(--main_color);border-top: 1px dotted var(--main_color);padding: 2%;background-color: #FDF4E0;font-size: 16px;display: flex;align-items: center;line-height: 1.4;}
.section_flow .mobile .table_wrap .tab_content_wrap .row .td:nth-child(2){height: 7vw;border-top: 1px dotted var(--main_color);background-color: #FFF9EB;}
.section_flow .mobile .table_wrap .tab_content_wrap .row .td:nth-child(3){border-bottom: 1px dotted var(--main_color);}
.section_flow .mobile .table_wrap .tab_content_wrap .row .td:nth-child(1){border-radius:  0 16px 0  0 ;}
.section_flow .mobile .table_wrap .tab_content_wrap .row .td:nth-child(3){border-radius:  0  0 16px 0 ;}



.section_note{position: relative;}
.section_note:after{content: "";position: absolute;right: 2%;bottom: -3vh;background: url(../images/index/icon_home_03.png)no-repeat;width: clamp(1rem, 14vw, 15.375rem);height: clamp(1rem, 9vw, 4.75rem);z-index: 2;background-size: 100%;}
.section_note ul{ display: flex;flex-wrap: wrap;}
.section_note ul > li.section_note_item{width: 48%;margin: 1%;padding: 2%;border-radius: 16px;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08); position: relative;}
.section_note ul > li.section_note_item:nth-child(1):after,.section_note ul > li.section_note_item:nth-child(2):after{content: "";position: absolute;height: 100%;border-bottom: 2px dotted #d9d9d9;left: 0; right: 0;bottom: -13px;}
.section_note ul > li.section_note_item:nth-child(1):before,.section_note ul > li.section_note_item:nth-child(3):before{content: "";position: absolute;height: 100%;border-right: 2px dotted #d9d9d9;top: 0; bottom: 0;right: -10px;}
.section_note ul > li.section_note_item:nth-child(1),.section_note ul > li.section_note_item:nth-child(4){ background-color: #FDF4E0;}
.section_note ul > li.section_note_item:nth-child(2),.section_note ul > li.section_note_item:nth-child(3){ background-color: #FFFDE7;}
.section_note ul > li.section_note_item h3{ font-size:clamp(1rem, 3vw, 1.75rem) ;font-weight: 700;margin-left: 24px;}
.section_note ul > li.section_note_item h3 .guide_number{font-size:clamp(1rem, 3vw, 2rem) ;color: #F8B62D;margin-right: 5px;}
.section_note ul > li.section_note_item .section_note_wrap{margin-left: 30px;}

.section_tax{ background-color: var(--second_color);}

.section_tax table{width: 100%;}
.section_tax .desk table thead th {padding-top: 80px;}
.section_tax .desk table thead th .tooltip{ background-color: #FFC864; font-size:clamp(1rem, 3vw, 2rem) ;color: var(--white_color);position: relative; border-radius: 0 0 4px 4px;padding-bottom: 20px;}
.section_tax .desk table thead th .tooltip:after{content: "";background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="462" height="83" fill="none" viewBox="0 0 462 83"><path fill="%23FFC864" d="M228.736.3328a7.8682 7.8682 0 0 1 4.528 0L456.32 67.314C465.094 69.9487 463.21 83 454.056 83H7.9444c-9.154 0-11.038-13.0513-2.2643-15.6859L228.736.3328Z"/></svg>') no-repeat;left: 0;right: 0;position: absolute;height: 111%;width: 100%;background-size: 100%;z-index: -1;bottom: calc(111% - 17px);}
.section_tax .desk table thead th:nth-child(1){width: 40%;}
.section_tax .desk table thead th:nth-child(3){width: 40%;}
.section_tax .desk table thead th:nth-child(3) .tooltip:after{background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="462" height="83" fill="none" viewBox="0 0 462 83"><path fill="%23F8B62D" d="M228.736.3328a7.8682 7.8682 0 0 1 4.528 0L456.32 67.314C465.094 69.9487 463.21 83 454.056 83H7.9444c-9.154 0-11.038-13.0513-2.2643-15.6859L228.736.3328Z"/></svg>') no-repeat;background-size: 100%;}
.section_tax .desk table thead th:nth-child(3) .tooltip{ background-color: #F8B62D;}
.section_tax .desk table tbody tr td{background-color: #fff;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);}
.section_tax .desk table tbody tr td ol{list-style: none;margin: 0;padding: 0;}
.section_tax .desk table tbody tr td ol li{list-style: none;margin: 0;padding: 0;}
.section_tax .desk table tbody tr td{font-size: clamp(1rem, 3vw, 1.5rem);font-weight: 400;}

.section_taxfees ul li.taxfees_item{margin-bottom: 2%;padding: 2%;font-size: clamp(1rem, 2vw, 1.5rem);}
.section_taxfees ul li.taxfees_item h3{font-weight: 500;}
.section_taxfees ul li.taxfees_item:nth-child(odd){ background-color: #FDF4E0; border-radius: 8px;}
.section_taxfees ul li.taxfees_item:nth-child(even){ background-color: #FFFDE7; border-radius: 8px;}
.section_taxfees ul li.taxfees_item ol,.section_taxfees ul li.taxfees_item ol li{margin: 0;padding: 0;}


@media (max-width: 1300px) {
    .section_tax .desk_wrap .head .tooltip:after{bottom: calc(111% - 17px);}
    .table_wrap .tab_content .row .td{height: 13vw;}
    .table_wrap .tab_head .row .th{height: 13vw;}
}
@media (max-width: 1000px) {
    .section_flow .desk{display: none;}
    .section_flow .mobile{display: block;}
    .section_tax .desk_wrap .head .tooltip:after{bottom: calc(111% - 35px);}
    .section_tax .desk_wrap .head{height: 8vw;}
}
@media (max-width: 768px) {
    .section_tax .desk_wrap{display: none;}
    .section_tax .mobile{display: block;}
    .section_tax{ background-color: var(--second_color);position: relative;}
    .section_tax:before{content: "";width: 100%;height: 59px;position: absolute;top: -2.3%;left: 0;background-size: auto;background-repeat: repeat no-repeat;background-position: 25vw bottom;background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200  88' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 64L50 60C100 57 200 49 300 33C400 17 500 -7 600 1C700 9 800 49 900 64C1000 80 1100 72 1150 68L1200 64V88H1150C1100 88 1000 88 900 88C800 88 700 88 600 88C500 88 400 88 300 88C200 88 100 88 50 88H0V64Z' fill='%23fdf4e0'/></svg>");}
    .section_tax:after{content: "";width: 100%;height: 59px;position: absolute;bottom: -0.3%;left: 0;background-size: auto;background-repeat: repeat no-repeat;background-position: 25vw bottom;background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200 88' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 64L50 60C100 57 200 49 300 33C400 17 500 -7 600 1C700 9 800 49 900 64C1000 80 1100 72 1150 68L1200 64V88H1150C1100 88 1000 88 900 88C800 88 700 88 600 88C500 88 400 88 300 88C200 88 100 88 50 88H0V64Z' fill='%23ffffff'/></svg>");}
    .section_guide_list > li{flex-direction: column;}
    .section_guide_list li .icon{width: 100%;}
    .section_guide_list li .number{width: 100%; text-align: center; flex-direction: revert;align-items: center;margin-bottom: 5%;}
    .section_guide_list li .guide_discription{width: 80%; margin: auto;}
    .section_guide_list li .guide_discription ul li .discription_head{width: 25%;}
    .section_guide_list li .guide_discription ul li .discription_article{width: 75%; flex: 0 0 75%;}
    .section_guide_list li .number .guide_number{margin-right: 5px;}
    /* .section_flow .mobile .tab_list ul li{display: inline-block;width: 19%;margin-right: 6%;} */
    .section_flow .mobile .tab_list ul li:last-child{margin-right:0;width: 25%;}
    .table_wrap .tab_head{width: 40%; flex: 0 0 40%;}
    .table_wrap .tab_head .row .th:nth-child(2){height: 15vw;}
    .section_flow .mobile .table_wrap .tab_content_wrap .row .td:nth-child(2){height: 20vw;}
    .table_wrap .tab_head .row .th{height: 29vw;}
    .section_flow .mobile .table_wrap .tab_content_wrap .row .td{height: 29vw;}
    .section_flow .mobile .table_wrap .tab_content_wrap{flex: 0 0 60%;}
    .table_wrap .tab_head .row .th:nth-child(2){height: 20vw;}
    .used_house_nav ul li{width: 150px; height: 150px;}
    .used_house_nav{margin-bottom: 18%;}
    h1.typ2{font-size: 24px;}
    
    .section_note ul > li.section_note_item:nth-child(1):before, .section_note ul > li.section_note_item:nth-child(1):before{display: none;}
    .section_note ul > li.section_note_item:nth-child(1):before, .section_note ul > li.section_note_item:nth-child(2):before{display: none;}
    .section_note ul > li.section_note_item:nth-child(1):before, .section_note ul > li.section_note_item:nth-child(3):before{display: none;}
    .section_note ul > li.section_note_item:nth-child(1):before, .section_note ul > li.section_note_item:nth-child(4):before{display: none;}
    .section_note ul > li.section_note_item:nth-child(1):after, .section_note ul > li.section_note_item:nth-child(2):after{display: none;}
    

    .section_note ul > li.section_note_item{width: 100%;}
}
@media (max-width: 550px) {
    .section_guide_list li .guide_discription{width: 100%;}
    .section_tax:before{top: -6.3vh;}
    .section_flow .mobile .tab_list ul li a .triangle{display: none;}
    .table_wrap .tab_head .row .th{font-size: .9rem;}
    .section_flow .mobile .table_wrap .tab_content_wrap .row .td{font-size: .9rem;}
}