/*==========================================================
                        C U S T O M
==========================================================*/
body.show{overflow: hidden}
.loading{position: fixed;top: 0;width: 100%;height: 100%;background: rgb(0,0,0,50%);z-index: 2;overflow: hidden;opacity: 0;}
.loading.show,.loading.show_popup{opacity: 1;overflow:visible;z-index: 45}

.under main .u_content{position: relative;padding: 40px 0 0;}
.under main .u_content::before,.under main .u_content::after{position: absolute;content:"";height: auto;top: -92px;}
.under main .u_content::before{width: 640px;left: -37px;background: url(../images/bg_u_before.png) center /cover no-repeat;aspect-ratio: 32 / 11;}
.under main .u_content::after{width: 574px;right: -77px;background: url(../images/bg_u_after.png) center /cover no-repeat;aspect-ratio: 287 / 110;top: -91px;}
.under main .image_l{float:left;margin:0 50px 0 0}
.under main .image_r{float:right;margin:0 0 0 50px}
.under main .image_l img,.under main .image_r img ,.under main p img{border-radius: 20px}
.under main .u_img_archor{position: absolute;right: 6px;bottom: 0px;display: none}

/* MB */
.under main .mb10{margin-bottom:10px}
.under main .mb15{margin-bottom:15px}
.under main .mb20{margin-bottom:20px}
.under main .mb25{margin-bottom:25px}
.under main .mb30{margin-bottom:30px}
.under main .mb40{margin-bottom:40px}
.under main .mb50{margin-bottom:50px}
.under main .mb60{margin-bottom:60px}
.under main .mb70{margin-bottom:70px}
.under main .mb80{margin-bottom:80px}
.under main .mb90{margin-bottom:90px}
.under main .mb100{margin-bottom:100px}
.under main .mb120{margin-bottom:120px}
.under main .mb150{margin-bottom:150px}

/* MT */
.under main .mt10{margin-top:10px}
.under main .mt15{margin-top:15px}
.under main .mt20{margin-top:20px}
.under main .mt25{margin-top:25px}
.under main .mt30{margin-top:30px}
.under main .mt40{margin-top:40px}
.under main .mt50{margin-top:50px}

/*==========================================================
                        H E A D I N G
==========================================================*/
.under main h2,
.under main h3,
.under main h4,
.under main h5,
.under main h6,
.under main .ovn_content h3,
.under main .ovn_content h4,
.under main .ovn_content h5,
.under main .ovn_content h6{font-weight: bold;margin-bottom: 30px;letter-spacing: 0.02em;}

.under main h2{font-size: 40px;text-align: center;margin-bottom: 28px;color: var(--gray);font-family: var(--font-ZenMaruGothic);line-height: 1.8em;}
.under main .u_ttl_pip{text-align: center;position: relative;font-size: 28px;color:var(--gray);font-weight: bold;margin-bottom: 46px;z-index: 1;}
.under main .u_ttl_pip .txt{position: relative;padding: 38px 0px 0 0px;}
.under main .u_ttl_pip .txt::before,.under main .u_ttl_pip .txt::after{position: absolute;content:"";height: auto}
.under main .u_ttl_pip .txt::before{left: 0;right: 0;margin: 0 auto;top: 0;background: url(../images/ttl-before.png) center / cover no-repeat;width: 92px;aspect-ratio: 46 / 17;}
.under main .u_ttl_pip::before{left: 0;right: 0;position: absolute;content:"";top: -10px;background: url(../images/ttl-after.png) center / cover no-repeat;width: 406px;aspect-ratio: 203 / 46;z-index: -1;margin: 0 auto}
.under main .tt-u-sub{font-weight: bold;font-size: 24px;text-align: center;margin-bottom: 0;color: #6b7280;}



.under main h3,
.under main .ovn_content h3{font-size: 32px;text-align: left;font-family: var(--font-ZenMaruGothic);border-bottom: 1px solid var(--gray);padding: 0 0 16px 34px;color: var(--gray);position: relative}
.under main h3::before,.under main .ovn_content h3::before{position: absolute;content:"";left: 0;width: 10px;height: calc(100% + 14px);background: var(--mcolor);top: -13px;}

.under main h4,
.under main .ovn_content h4{font-size: 28px;position: relative;padding-bottom: 10px;border-bottom: 2px solid var(--mcolor);color:var(--gray);}
.under main .tt_tag4{padding-bottom: 0;border-bottom: none;font-size: 20px}
.under main .tt_tag4_2{padding-bottom: 0;border-bottom: none;font-size: 24px;margin-bottom: 10px}

.under main h5,
.under main .ovn_content h5{font-size: 24px;color: var(--gray);font-family: var(--font-ZenMaruGothic);line-height: 1.25em;display: inline-block;border-bottom: 1px solid var(--gray);padding-bottom: 13px;margin-bottom: 32px;}
.under main .tt_tag5{margin-bottom: 20px;border-bottom:none;padding-bottom: 0;font-size: 20px;}
.under main .c_red3{color: var(--red3);}

.under main h6,
.under main .ovn_content h6{font-size: 20px;position: relative;font-family: var(--font-ZenMaruGothic);color:var(--gray);background: #ffefd6;display: inline-block;padding: 8px 21px;}

/*==========================================================
                      MAIN - CONTENT
==========================================================*/
.under main #content{padding: 0 0 150px}
.under main section{padding:0 0 80px;margin-bottom:0}
.under main section:last-child{padding:0}
.under main section.pd40{padding-bottom: 40px}
/* LINK + BUTTON TOP */
.under main .link{text-decoration: underline;color: var(--mcolor);}

/*============ TOP INFO ============ */
.under main #top_info{height:100%;width:100%;max-width:100%;margin:0 auto;background:#fffcee;position:relative;padding-bottom: 78px;overflow: hidden;}
.under#blog main #top_info,.under#page_404 main #top_info{height: 569px;padding-bottom: 250px;}
.under main #top_info::before,.under main #top_info::after{position: absolute;content:"";height: auto;bottom: 0px;}
.under main #top_info::before{background: url(../images/u_top_info_before.png) center /cover no-repeat;width: 766px;aspect-ratio: 383 / 254;left: -7px;}
.under main #top_info::after{background: url(../images/u_top_info_after.png) center /cover no-repeat;width: 632px;aspect-ratio: 631 / 418;right: -8px;bottom: 58px;}
.under main #top_info .inner{display:flex;flex-direction:column;justify-content:center;height:100%}
.under main .u_info_txt{text-align: center;margin-top: 0;position: relative;z-index: 2;}
.under main .profile-box{display: none;align-items: center;justify-content: center;gap: 1.5rem;background: #fff;padding:15px;border-radius: 16px;border: 1px solid #e5e7eb;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);margin: 20px auto;max-width: 350px;z-index: 1;}
.under main .profile-img {width: 80px;height: 80px;border-radius: 50%;border: 3px solid #fff;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);object-fit: cover;}
.under main .u_text_profile{margin-bottom: 0px;font-weight: bold}
.under main .profile-box .text-info{font-size: 12px;color:#9ca3af }
.under main .profile-box .text-ja{font-size: 14px}
.under main .profile-box .text-en{font-size: 20px;font-family: var(--font-ZenMaruGothic);color:var(--gray);}
/*==========================================================
                    T O P I C   P A T H
==========================================================*/
.under main #topic_path{margin-bottom:65px}
.under main #topic_path ul{display:block;padding:20px 0}
.under main #topic_path li{display:inline;position: relative;}
.under main #topic_path li:not(:last-child)::after{content:"";position:relative;display: inline-block;margin: 0 18px 0 10px;top: 0px;pointer-events: none;background: url(../images/ic_u_row.png) center /cover no-repeat;width: 8px;height: auto;aspect-ratio: 8 / 14;right: -4px;}
.under main #topic_path li{color: var(--mcolor);}
.under main #topic_path li a{color: var(--gray);}

/*============ LIST ANCHOR LINK ============ */
.under main .list_anchor{display: flex; align-items: center; flex-wrap: wrap; justify-content: center;width:100%;margin-bottom: 30px;}
.under main .list_anchor .btn{margin: 0 10px 15px}
.under main .list_anchor:last-child{margin-bottom: -15px;}


/*==========================================================
                        T A B L E
==========================================================*/
.under main table.td_top td{vertical-align:top}
.under main table.tb_fix{table-layout: fixed;}

.under main table{margin-bottom: 30px;}
.under main table.mailform th,
.under main table th{background: #fffcee;color: var(--gray);font-weight:700;font-size: 20px;}
.under main table.mailform td .info{color:var(--mcolor)}

.under main table td{border-color: var(--gray);background:#fff;}
.under main table th,
.under main table td{padding: 16px 22px 14px 22px;}
.under main table img{display:block;margin:auto;}

.under main table th{border-color: var(--gray);border-right-color: var(--gray);}
.under main table tr th:first-child{border-left-color: var(--gray);}
.under main table tr th:last-child{border-right-color: var(--gray)}
.under main table.mailform th,
.under main table.tb_block th{border-color: var(--gray);border-bottom-color: var(--gray);}
.under main table.mailform tr:first-child th,
.under main table.tb_block tr:first-child th{border-top-color: var(--gray);}  
.under main table.mailform tr:last-child th,
.under main table.tb_block tr:last-child th{border-bottom-color: var(--gray);}
.under main table .bg1{background: #fff}
.under main table .bg2{background: var(--gray);color:#fff}
.under main table .bg3{background:var(--yellow1);}
.under main table .bg4{background: var(--yellow);}
.under main table .bg5{background:var(--mcolor);color:#fff}


/*============ LIST ============ */
/* LIST 01 */
.under main .list01,
.under main .ovn_content ul{margin-bottom: 30px;}
.under main .list01 li,
.under main .ovn_content ul li{display:block;padding-left: 19px;margin-bottom: 11px;position:relative;}
.under main .list01 li::before,
.under main .ovn_content ul li::before{background:var(--mcolor);width: 10px;height: 10px;position:absolute;top:12px;left:0;content:'';border-radius: 50%;}
.under main .list01.mb10{margin-bottom: 10px}


/* LIST 02 */
.under main .list02,
.under main .ovn_content ol{margin-bottom: 30px;}
.under main .list02 li,
.under main .ovn_content ol li{counter-increment: li;padding-left: 65px;position: relative;margin-bottom: 35px;font-weight: bold}
.under main .list02 li::before,
.under main .ovn_content ol li::before{content: counter(li);position: absolute;width: 48px;height: 48px;display: flex;justify-content: center;align-items: center;border-radius: 50%;left: 0;top: 5px;background-color: var(--mcolor);font-size: 24px;font-weight: bold;color: #FFF;line-height: 1.5em;font-family: var(--font-Roboto);padding: 2px 0 0 0;box-shadow: 0 2px 4px rgba(249, 115, 22, 0.4);}
.under main .ovn_content ol li{padding-left: 42px;font-weight: 500;}
.under main .ovn_content ol li::before{width: 30px;height: 30px;top: 0px;font-size: 14px}

.under main .list02 li .tt-name{font-size: 20px;font-weight: bold;margin-bottom: 5px}

.under main .list02 li .txt-sm{font-size: 16px}

/* LIST CHECK */
.under main .list_check{margin-bottom: 30px;}
.under main .list_check li{display:block;padding-left: 30px;margin-bottom: 7px;position:relative;font-weight: bold;}
.under main .list_check li::before{content:'✔';display: block;position: absolute;top: -1px;left: 0;color:var(--mcolor);font-weight: bold}

.under main .talk-list{}
.under main .talk-list li{position: relative;padding-left: 2rem;margin-bottom: 1.5rem;font-weight: bold;}
.under main .talk-list li::before {content:'💬';position: absolute;left: 0;top: 2px;}
.under main .talk-list li .tt-name{border-bottom: 2px solid var(--mcolor);padding-bottom: 0px;margin-bottom: 10px;display: inline-block;}
.under main .talk-list li .txt{font-size: 16px}
.under main .talk-list li:last-child{margin-bottom: 0}

/*FQA*/
.under main .faq-item {background: white;border-radius: 12px;margin-bottom: 30px;border: 1px solid #e5e7eb;overflow: hidden;box-shadow: 0 2px 4px rgba(0,0,0,0.03);}
.under main .faq-question {padding: 20px;font-weight: bold;cursor: pointer;position: relative;padding-left: 50px;font-size: 20px}
.under main .faq-question::before {content: 'Q';position: absolute;left: 18px;top: 15px;color: #F97316;line-height: 1.5em;font-size: 25px;font-family: var(--font-Roboto);}
.under main .faq-answer {background: #f9fafb;padding: 20px;padding-left: 50px;border-top: 1px solid #f3f4f6;color: #4b5563;position: relative;}
.under main .faq-answer::before {content: 'A';position: absolute;left: 18px;top: 25px;color: #4b5563;font-weight: 700;font-size: 25px;line-height: 1;font-family: var(--font-Roboto);}
.under main .faq-item:last-child{margin-bottom: 0}

/* LIST STEP */
.under main .list_step dl{margin-bottom: 35px;padding-bottom: 50px;position: relative;}
.under main .list_step dl:not(:last-child)::before{background: url('../images/ic-step.png') center /cover no-repeat;width: 80px;height: 30px;position: absolute;bottom: -10px;left: calc(50% - 40px);content: '';}
.under main .list_step dl:last-child{padding-bottom: 0;margin-bottom: 0}
.under main .list_step dt{background: var(--mcolor);color: #fff;font-weight: 500;padding: 10px;}
.under main .list_step dd{padding: 15px;background: #fff;box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);}


.under main .list_step{margin: 70px 0 0 0}
.under main .list_step .item{display: flex;margin-bottom: 111px;justify-content: space-between;padding: 0px 0 26px 0;border-bottom: 1px solid #ccc;position: relative}
.under main .list_step .item:not(:last-child)::before{left: 0;right: 0;margin: 0 auto;position: absolute;content:"";background: url(../images/ic_step_row.png) center /cover no-repeat;width: 56px;height: auto;aspect-ratio: 2 / 1;bottom: -68px;}
.under main .list_step .item:last-child{margin-bottom: 0}

.under main .list_step .item .box_left{width: 223px;}
.under main .list_step .item .box_right{width: calc(100% - 220px);padding: 8px 0 0 0;}
.under main .list_step .item .tt-num{font-size: 20px;color:var(--gray);font-family: var(--font-ZenMaruGothic);background: #ffe2b7;border-radius: 999px;position: relative;display: flex;align-items: center;justify-content: center;height: 51px;width: 200px;padding-left: 52px;font-weight: bold;}
.under main .list_step .item .tt-num .num{position: absolute;width: 62px;height: 62px;border-radius: 50%;color:#fff;background: var(--mcolor);display: flex;align-items: center;justify-content: center;font-family: var(--font-Roboto);font-weight: bold;font-size: 24px;left: 1px;}
.under main .list_step .item .tt-num .num::before{width: 66px;position: absolute;content:"";left: 0;right: 0;margin: 0 auto;top: -25px;background: url(../images/ic_step.png) center /cover no-repeat;height: auto;aspect-ratio: 11 / 4;}
.under main .list_step .item .name{font-size: 24px;font-weight: bold;color:var(--mcolor);margin-bottom: 9px;line-height: 1.5em;}
.under main .list_step .item .name .txt-info{color: var(--red);font-size: 12px;background: #fee2e2;padding: 7px 10px;border-radius: 4px;display: inline-block;line-height: 1em;position: relative;top: -3px;margin: 0 0 0 5px;}

/*============ FRAME ============ */
/* FRAME 01 */
.under main .frame01{border:2px solid var(--mcolor);padding:30px;border-radius:10px;margin-bottom: 28px;background: rgb(255,153,0,10%);}
.under main .frame02{border:2px solid #ef4444;margin-bottom: 28px;color: #b91c1c;background-color: #fef2f2;box-shadow: 0 4px 6px rgba(239, 68, 68, 0.1);border-radius: 16px;padding: 30px;}
.under main .frame02 .warning-title{font-weight: 900;color: #dc2626;margin-bottom: 15px;font-size: 20px;display: flex;align-items: center;gap: 0.5rem;}
.under main .frame02 .warning-title .icon{font-size: 30px}
.under main .frame03{padding: 30px;border-radius: 16px;border: 1px solid #e5e7eb;margin-bottom: 28px;}
.under main .frame03.bg_gray{background: #e5e7eb}
.under main .frame03.box_shwdow{background: #fff;box-shadow: 0 4px 6px -1px rgb(0,0,0,0.1)}
.under main .frame03 .tt-tag5{background: #4b5563;padding:10px 15px;color:#fff;font-weight: bold;border-bottom: none;font-size: 20px;text-align: center;border-radius: 4px}
.under main .frame03 .tt_tag3{border-bottom: none;text-align: center;font-size: 25px;padding-bottom: 0;margin-bottom: 10px}

.under main .frame04{padding: 30px;border-radius: 16px;border: 1px solid #bfdbfe;margin-bottom: 28px;background: #eff6ff}
.under main .tt-frame4{color:rgb(30, 58, 138);font-size: 18px;margin-bottom: 15px;border-bottom: none;padding-bottom: 0}

.under main .frame05{padding: 10px;border-radius: 16px;margin-bottom: 28px;background: #f3f4f6}
.under main .frame06{padding: 30px;border-radius: 16px;margin-bottom: 28px;border: 2px solid var(--mcolor);background: #fff;}
.under main .frame07{padding: 30px;border-radius: 16px;margin-bottom: 28px;border: 2px solid var(--green);background: #f0fdf4;}
.under main .frame08{padding: 15px;border-radius: 4px;margin-bottom: 28px;border: 1px solid #fef08a;background: #fefce8;}
.under main .frame09{padding: 15px;border-radius: 4px;margin-bottom: 15px;border: 1px solid #fed7aa;background: #fff7ed;}
.under main .frame09 .tt-frame{display: flex;gap: 0.5rem;font-weight: bold}

.under main .frame01.bg_white,.under main .frame07.bg_white{background: #fff}
/* FRAME PICKUP */
.under main .frame_pick{position: relative;margin: 100px 0 10px;}
.under main .frame_pick .ct_frame_pick{padding: 80px 0 141px 0;position: relative}

.under main .sub_frame_pick{position: relative}
.under main .sub_frame_pick::before,.under main .sub_frame_pick::after,.under main .frame_pick .ct_frame_pick::before,.under main .frame_pick .ct_frame_pick::after{position: absolute;content:"";height: auto;z-index: -1;}
.under main .sub_frame_pick::before{width: 860px;background: url(../images/bg_pick_before.png) center /cover no-repeat;left: calc(50% - 1044px);top: -134px;aspect-ratio:215 / 61}
.under main .sub_frame_pick::after{width: 890px;background: url(../images/bg_pick_after.png) center /cover no-repeat;right: calc(50% - 1093px);top: -128px;aspect-ratio: 445 / 122;}
.under main .ct_frame_pick::before{width: 454px;background: url(../images/bg_pick_before_bottom.png) center /cover no-repeat;left: calc(50% - 1035px);bottom: -118px;aspect-ratio: 227 / 107;}
.under main .ct_frame_pick::after{width: 432px;background: url(../images/bg_pick_after_bottom.png) center /cover no-repeat;right: calc(50% - 1070px);bottom: -106px;aspect-ratio: 36 / 17;}
.under main .frame_pick::before{width: 100vw;left: 50%;min-width: 1260px;background: #fffcee;height: 100%;transform: translate(-50% , -50%);position: absolute;content:"";z-index: -1;top: 50%;}
.under main .frame_pick .sub_pick_ttl{font-size: 28px;font-weight: bold;color:var(--gray);text-align: center;position: absolute;top: -25px;left: 0;right: 0;margin: 0 auto;z-index: 1;}
.under main .frame_pick .sub_pick_ttl .txt{position: relative;padding: 24px 0  0 11px;}
.under main .frame_pick .sub_pick_ttl .txt::before,.under main .frame_pick .sub_pick_ttl .txt::after{position: absolute;content:"";left: 0;right: 0;margin: 0 auto;height: auto}
.under main .frame_pick .sub_pick_ttl .txt::before{background: url(../images/ttl-before.png) center /cover no-repeat;width: 92px;aspect-ratio: 46 /17;top: -13px;left: 15px;}
.under main .frame_pick .sub_pick_ttl::before{background: url(../images/ic_ttl_pick.png) center /cover no-repeat;width: 214px;aspect-ratio: 214 / 90;z-index: -1;left: 0;top: -11px;position: absolute;content: "";right: 0;margin: 0 auto;}
.under main .frame_pick .pick_ttl{font-size: 24px;}
.under main .frame_pick .pick_ttl span{font-size: 36px;display: block;}
.under main .frame_pick .pick_ttl{text-align: center;margin-bottom: 38px;font-weight: bold;color: var(--scolor);font-size: 32px}
.under main .frame_pick .tt-name-pick{font-size: 28px;font-weight: bold;color:var(--gray);margin-bottom: 20px;}
.under main .frame_pick img{border-radius: 16px}


/* IFRAME BOX */
.under main .box_map{width:100%;height:400px}
.under main .box_ytb{width: 900px;height: auto; margin: 0 auto;aspect-ratio: 16/9;max-width: 100%;}
.under main .box_map iframe,
.under main .box_ytb iframe{width:100%;height:100%;border:none;outline: none;}

/* ===========  OVERNOTE ===========  */
.under main .list_blog{display: flex;flex-wrap: wrap;}
.under main .list_blog .item{width: calc((100% - 70px) / 3);border: 1px solid #e5e7eb;border-radius: 16px;overflow: hidden;transition: all 0.3s;margin: 0 35px 35px 0;position: relative;padding: 0 0 20px 0;}
.under main .list_blog .item .img{display: flex;align-items: center;justify-content: center;height: 200px;background-color: #f3f4f6;margin-bottom: 0;}
.under main .list_blog .item .img img{max-height: 100%;object-fit: cover;width: 100%}
.under main .list_blog .item .tt-info{display: flex;justify-content: space-between;margin-bottom: 20px;align-items: center;}
.under main .list_blog .item .tt-info .tt_cate{font-size: 14px;font-weight: bold;padding: 6px 12px;border-radius: 4px;color: #fff;display: inline-block;background: var(--mcolor);line-height: 1.3em;}

.under main .list_blog .item .tt-info .date-post{font-size:14px;color: #9ca3af;font-family: var(--font-Roboto);font-weight: bold}
.under main .list_blog .item .info{padding: 1.5rem;}
.under main .list_blog .item .tt-name{font-family: var(--font-ZenMaruGothic);font-weight: 900;font-size: 20px;margin-bottom: 1rem;color: #1f2937;}
.under main .list_blog .item .tt-view{margin-top: auto;text-align: right;color: var(--mcolor);font-weight: bold;font-size: 16px;position: absolute;right: 15px;bottom: 15px;}

.under main .ovn_content p a {text-decoration: underline;color:var(--mcolor);}
.under main .ovn_content img {max-height: 500px;}

.under main .btn_list  a {background: var(--mcolor);gap: 1rem;width:220px;height: 55px;color: #fff}

.under main .group_cate{display: flex;justify-content: center;flex-wrap: wrap;gap: 1rem;margin-bottom: 35px}
.under main .group_cate a{background: #fff;padding: 10px 35px;border-radius: 999px;font-weight: bold;font-size: 18px;border: 1px solid #ccc;color: var(--txt);width: 200px;display: flex;text-align: center;justify-content: center;}
.under main .group_cate a.active{background: var(--mcolor);color:#fff;border-color: var(--mcolor);box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);pointer-events: none}
.under main .group_cate a .txt,.under main .group_cate_detail .txt{position: relative;padding-left: 30px}
.under main .group_cate a .txt::before,.under main .group_cate_detail .txt::before{position: absolute;content:"";left: 0;display: inline-block;}


.under main .group_cate_detail{display: flex;align-items: center;gap: 1rem;margin-bottom: 50px}
.under main .group_cate_detail .cate_detail{font-size: 14px;font-weight: bold;padding: 6px 12px;border-radius: 4px;color: #fff;display: inline-block;background: var(--mcolor);line-height: 1.3em;}

.under main .group_cate_detail .date-post{font-size:20px;color: #9ca3af;font-family: var(--font-Roboto);font-weight: 500}

.under main .box_contact_ovn{padding: 25px;border: 2px solid var(--mcolor);box-shadow: 0 10px 15px -3px rgb(0,0,0,0.1);border-radius: 16px}
.under main .group_cate .cate_1 .txt::before,.under main .group_cate_detail .cate_1 .txt::before{content:"📢"}
.under main .group_cate .cate_2 .txt::before,.under main .group_cate_detail .cate_2 .txt::before{content:"💰"}
.under main .group_cate .cate_3 .txt::before,.under main .group_cate_detail .cate_3 .txt::before{content:"📖"}
.under main .list_blog .item .tt-info .cate1,.under main .group_cate_detail .cate_1{background: #64748b;}
.under main .list_blog .item .tt-info .cate2,.under main .group_cate_detail .cate_2{background: var(--green);}
.under main .list_blog .item .tt-info .cate3,.under main .group_cate_detail .cate_3{background: var(--mcolor)}
/* ===========  PAGINATION OVN ===========  */
.under main .pagination {display: flex;justify-content: center;flex-wrap: wrap;text-align: center;margin: 18px auto 0}
.under main .pagination li {margin: 0 10px}
.under main .pagination li a {width: 45px;height: 45px;text-align: center;border: 1px solid var(--mcolor);background: #fff;display: flex;color: #374151;justify-content: center;align-items: center;border-radius: 5px;}
.under main .pagination li:hover a, .under main .pagination li.active a {background: var(--mcolor);color: #fff;}
.under main .pagination li.active a {pointer-events: none;}
.under main .pagination li.disabled {display: none}


.under main .u_index_link{border: 2px solid var(--gray);box-shadow: -1px 0 10px 0 rgb(3,4,12,10%);padding: 29px 55px 41px 55px;border-radius: 24px;position: relative;z-index: 1;position: relative}

.under main .u_index_link .tt_index{text-align: center;font-weight: bold;color:var(--mcolor);font-size: 24px;font-family: var(--font-ZenMaruGothic);margin-bottom: -1px;}
.under main .u_index_link ul li{border-bottom: 1px solid #ccc}
.under main .u_index_link ul li a{position: relative;font-size: 20px;font-weight: bold;color:var(--gray);padding: 20px 26px 20px 40px;display: block;}
.under main .u_index_link ul li a .txt::before,.under main .u_index_link ul li a::after{position: absolute;content:"";}
.under main .u_index_link ul li a .txt{position: relative;padding-right: 27px;}
.under main .u_index_link ul li a .txt::before{width: 14px;height: auto;aspect-ratio: 14 / 10;right: 0;background: url(../images/ic_index_link.png) center /cover no-repeat;bottom: 8px;}
.under main .u_index_link ul li{counter-increment: li;}

.under main .u_index_link ul li a::after{content: counter(li) ".";left: 15px;top: 21px;}
.under main .u_index_link ul.no_number li a::after{display: none}
.under main .u_index_link ul.no_number li a{padding: 20px;}

.under main .group_banner{display: flex;justify-content: space-between;}
.under main .group_banner .item{width: calc((100% - 50px) / 2);position: relative;}
.under main .group_banner .item a{display: flex;height: 260px;border: 4px solid var(--scolor);border-radius: 24px;position: relative;align-items: center;z-index: 1;box-shadow: 4px 6px 8px 0 rgb(0,0,0,20%);}
.under main .group_banner .item a::before,.under main .group_banner .item a::after{position: absolute;content: "";height: auto}
.under main .group_banner .item a .tt-banner{font-weight: bold;font-size: 28px;color:var(--gray);font-family: var(--font-ZenMaruGothic);position: relative;z-index: 1;text-align: center;}
.under main .group_banner .item a .view-baner{width: 100%;display:flex;align-items: center;height: 49px;position: absolute;bottom: 0px;background: var(--scolor);left: 0px;text-align: center;justify-content: center;color: #fff;font-size: 20px;font-weight: 500;z-index: 1;border-radius: 0 0 15px 15px;}
.under main .group_banner .item a .view-baner .ic{position: relative;padding-right: 23px;}
.under main .group_banner .item a .view-baner .ic::before{position: absolute;content:"";right: 0;top: 9px;height: auto;background: url(../images/ic_banner_row.png) center /cover no-repeat;width: 12px;aspect-ratio: 2 /3;}
.under main .group_banner .item1 a{background: #fffcee;padding: 0 0 0 107px;}
.under main .group_banner .item1 a::before{background: url(../images/bg_u_banner.jpg) center /cover no-repeat;width: calc(100% - 21px);height: auto;left: 15px;top: 15px;aspect-ratio: 185 / 67;border-radius: 0 0 15px 15px;}
.under main .group_banner .item1 a::after{background: url(../images/bg_u_banner1.png) center /cover no-repeat;width: 166px;height: auto;right: 15px;border: 15px;aspect-ratio: 83 / 105;bottom: 18px;}
.under main .group_banner .item2 a::before{background: url(../images/bg_u_banner2.jpg) center /cover no-repeat;width: 100%;height: auto;left: 0;top: 0;aspect-ratio: 185 / 67;border-radius: 20px 20px 0 0;}
.under main .group_banner .item2 a{border-color:var(--mcolor);}
.under main .group_banner .item2 a .view-baner{font-size: 24px;color:var(--gray);font-family: var(--font-ZenMaruGothic);background: #fff;height: 61px;font-weight: bold;border-radius: 0 0 24px 24px;}

.under main .group_banner .item2 a .view-baner .ic{display: block;width: 100%}
.under main .group_banner .item2 a .view-baner .ic::before{background: url(../images/ic_banner_row2.png) center /cover no-repeat;width: 30px;aspect-ratio: 1 / 1;right: 19px;top: 7px;}

.under main .box_u_contact{box-shadow: 0 1px 2px 0 rgb(0,0,0,0.05);padding: 40px 50px 50px 50px;border: 1px solid #bfdbfe;background:#eff6ff;border-radius:16px }
.under main .box_u_contact .tt_box_u_contact{font-size:30px;font-weight:999;font-family:var(--font-ZenMaruGothic);margin-bottom: 20px;text-align: center;border-bottom: none}
.under main .box_u_contact .info_u_contact{display: flex;justify-content: center;}
.under main .box_u_contact .info_u_contact .item{width: calc((100% - 60px) / 3);background: #fff;border: 1px solid #dbeafe;border-radius: 16px;padding: 25px;margin: 0 30px 0 0;}
.under main .box_u_contact .info_u_contact .item .tt-icon{font-size: 36px;margin-bottom: 20px;text-align: center;}
.under main .box_u_contact .info_u_contact .item .tt-name-u-contact{font-size: 20px;color:var(--mcolor);font-weight: 900;font-family:var(--font-ZenMaruGothic);margin-bottom: 15px;text-align: center;}
.under main .box_u_contact.no_bg_pd{padding: 0;background: none;border: none;box-shadow: none} 
.under main .box_u_contact.border-gray .item{border-color: #e5e7eb}

.under main .box_u_info{display: flex;justify-content: space-between;margin-bottom: 30px}
.under main .box_u_info .item{width: calc((100% - 40px) / 2);padding: 25px;border-radius: 16px;border: 1px solid #e5e7eb;box-shadow: 0 1px 2px 0 rgb(0,0,0,0.05);}
.under main .box_u_info .item .tt-info{color:var(--mcolor);font-size:18px;font-family: var(--font-ZenMaruGothic);border-bottom: none;padding-bottom: 0;margin-bottom: 10px}
.under main .txt-btn{font-size: 14px;line-height: 1.3em;display: inline-block;padding: 5px 10px;border-radius: 4px;color:#fff;background: var(--mcolor);}
.under main .tt-u-big{font-weight: 900;font-size: 20px;color: var(--mcolor);}

.under main .box_item_3col{display: flex;justify-content:space-between;margin: 60px 0 40px;}
.under main .box_item_3col .item{width: calc((100% - 50px) / 3);padding: 25px;border-radius: 16px;border: 2px solid #e5e7eb;box-shadow: 0 1px 2px 0 rgb(0,0,0,0.05);position: relative;}
.under main .box_item_3col .item .tt{background:#f3f4f6;border-radius:4px;text-align:center;padding:10px 15px;font-weight: bold}
.under main .box_item_3col .item .tt-sub{position: absolute;right: 0px;top: 0px;font-size: 12px;color:#fff;font-weight: bold;background: var(--mcolor);padding: 4px 10px;border-radius: 0 10px 0 10px;}
.under main .box_item_3col .item2{border-width: 4px;border-color:var(--mcolor);}
.under main .box_item_3col .item2 .tt{background: #fff;border: 1px solid var(--mcolor);color: var(--mcolor);}

.under main .box_item_3col .item .list01 li{font-size: 16px}
.under main .box_item_3col .item .list01 li::before{width: 8px;height: 8px;top: 8px}

.under main .info_box_2col.box_tow .item{box-shadow: 0 1px 2px 0 rgb(0,0,0,0.05);border-top:4px solid var(--mcolor);border-radius: 16px;padding: 25px}
.under main .info_box_2col.box_tow .item .tt{margin-bottom: 10px}

.under main .info_box_2col.col_pink .item{border: 1px solid #ef4444;background-color: #fef2f2;border-radius: 16px;padding:25px}
.under main .info_box_2col.col_pink .item .tt{margin-bottom: 10px;color:#dc2626;font-weight: bold}
.under main .info_box_2col.col_pink .item .desc{font-size: 16px}

.under main .info_box_2col.col_gray,.under main .info_box_2col.col_blue{flex-wrap: wrap;}
.under main .info_box_2col.col_gray .item{border: 1px solid #e5e7eb;background-color: #fff;border-radius: 5px;padding:15px;margin-bottom: 15px;box-shadow: 0 1px 2px 0 rgb(0,0,0,0.05);}
.under main .info_box_2col.col_blue .item{border: 1px solid #bfdbfe;background-color: #eff6ff;border-radius: 5px;padding:15px;margin-bottom: 15px;}


.under main .box_war{background: #fff7ed;padding: 25px;border-left: 8px solid var(--mcolor);margin-bottom: 30px}
.under main .box_war .tt-tag4{padding-bottom:0;border-bottom: none;font-size: 25px;margin-bottom: 10px;color: var(--mcolor);}
.under main .box_war_red{background: #fef2f2;border-left-color: #ef4444}
.under main .case-card {background: #fff;border-radius: 20px;overflow: hidden;box-shadow: 0 4px 10px rgba(0,0,0,0.05);border: 1px solid #e5e7eb;}
.under main .box_war_red .text-sm{font-size: 16px}
.under main .case-header {background: var(--mcolor);color: white;padding: 1rem 2rem;font-weight: bold;font-size: 1.2rem;display: flex;align-items: center;gap: 1rem;}
.under main .case-tag {background: white; color: #F97316;font-size: 0.8rem;padding: 4px 12px;border-radius: 20px;white-space: nowrap;}
.under main .case-body {padding: 2rem;}
.under main .case-body .tt-case{font-size: 20px}
.under main .case-body .tt-tag3{padding: 0;border-bottom: none;}
.under main .case-body .tt-tag3::before{display: none}
.under main .voice-box {background: #f3f4f6;border-radius: 12px;padding: 1.5rem;margin-bottom: 1.5rem;position: relative;}
.under main .voice-box::before {content: '相談時の状況';position: absolute;top: -12px;left: 20px;background: #4b5563;color: white;font-size: 0.8rem; padding: 2px 10px;border-radius: 4px;font-weight: bold;}
.under main .solution-box {border: 2px solid var(--mcolor);border-radius: 12px;padding: 1.5rem;background: #fff7ed;position: relative;}
.under main .solution-box::before {content: '正直不動産 あおぞらの解決策';position: absolute;top: -14px;left: 20px;background: var(--mcolor);color: white;font-size: 0.9rem;padding: 4px 14px;border-radius: 20px;font-weight: 900;}
.under main .solution-box .tt-orange{color: var(--mcolor);}
.under main .box_war.bg_white{background: #fff}
.under main .box_info_up .box_1:not(:last-child){margin-bottom: 20px}
.under main .box_info_up .tt-up-big{font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.under main .box_info_up .trend-icon{display: inline-block;text-align: center;margin-right: 15px;font-size: 1.5rem;}
.under main .box_info_up .text-sm{font-size: 16px}
.under main .box_info_up .tt-up{display: inline-block;padding: 5px 15px;color:#dc2626;background: #fee2e2;border-radius: 5px;font-weight: bold;margin-bottom: 5px;font-size: 14px;}
.under main .trend-up{color: #ef4444;}
.under main .trend-down{color: #3b82f6;}
.under main .box_info_up .box_2 .tt-up{color:#2563eb;background: #dbeafe}

.under main .item-pross{display: flex;align-items: center;margin: 15px 0}
.under main .item-pross .text-xs{width: 100px;font-weight: bold;font-size: 12px;margin-bottom: 0;}
.under main .item-pross .tool-bar{width: calc(100% - 100px);background-color: #e5e7eb;border-radius: 9999px;height: 27px;}
.bar-fill {height: 100%;background: linear-gradient(90deg, #F97316 0%, #fb923c 100%); border-radius: 9999px;display: flex;align-items: center;justify-content: flex-end;padding-right: 10px;color: white;font-weight: bold;font-size: 0.8rem;}
.under main .item-pross .bar-fill1{width: 80%}
.under main .item-pross .bar-fill2{width: 30%;background: #9ca3af;}

.under main .reason-card {background: #fff;border-radius: 20px;padding: 5rem 3rem 3rem 3rem;box-shadow: 0 4px 10px rgba(0,0,0,0.05);position: relative;border: 1px solid #e5e7eb;overflow: hidden;}
.under main .reason-number {position: absolute;top: 0;left: 0;background: #F97316;color: white;font-weight: 900;padding: 0.5rem 1.5rem;border-bottom-right-radius: 20px;font-size: 1.2rem;}
.under main .reason-title {font-size: 1.8rem;font-weight: 900;color: #374151; margin-bottom: 1.5rem; margin-top: 1rem;border-bottom: 2px solid #F97316; display: inline-block;padding-bottom: 0.5rem;}
.under main .comparison-table th, .comparison-table td { text-align: center;}
.under main .highlight-cell { font-weight: bold; color: #c2410c; border: 2px solid #F97316; }

.under main .ver_sub{padding-bottom: 60px}
.under main .ver_sub:last-child{padding-bottom: 0}



/*CONTACT*/
.under main .fmail_form{padding: 50px;border-radius: 30px;border: 2px solid var(--mcolor);background: #fff7ed}
.under main .contact-form {background: #fff;padding: 50px;border-radius: 20px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);}
.under main .box_contact_fmail{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 50px;position: relative;}
.under main .box_contact_fmail .item{width: calc((100% - 60px) / 3);box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);border: 1px solid #e5e7eb;border-radius:12px;padding:20px 25px;background:#fff;text-align: center;position: relative;}
.under main .box_contact_fmail .item .text-sm{font-size: 14px;margin-bottom: 5px;color: #6b7280}
.under main .box_contact_fmail .item a{font-size: 20px;text-align: center;font-weight: bold;color:#fff;margin-bottom: 10px;}
.under main .box_contact_fmail .item1 a{color:var(--mcolor);font-family: var(--font-Roboto);font-size: 32px}
.under main .box_contact_fmail .item1 a .ic{position: relative;padding-left: 25px}
.under main .box_contact_fmail .item1 a .ic::before {position: absolute;content: "";height: auto;left: 3px;top: 8px;width: 18px;background: url(../images/ic_tel.png) center / cover no-repeat;aspect-ratio: 18 / 23;}
.under main .box_contact_fmail .item2{border-top-width: 4px;border-top-color: var(--green);}
.under main .box_contact_fmail .item1{border-top-width: 4px;border-top-color: var(--mcolor);}
.under main .box_contact_fmail .item3{border-top-width: 4px;border-top-color: var(--scolor);}
.under main .box_contact_fmail .item2 a,.under main .box_contact_fmail .item3 a{display: inline-block;padding: 10px 25px;border-radius: 999px}
.under main .box_contact_fmail .item2 a{background: var(--green);}
.under main .box_contact_fmail .item3 a{background: var(--scolor);}
.under main .box_contact_fmail .item .tt-name{font-size: 24px;font-weight: bold;margin-bottom: 10px;line-height: 1.5em;}
.under main .box_contact_fmail .item .tt-time{font-size: 12px;color: #9ca3af}
.under main .box_contact_fmail .item1 .tt-name{color:var(--mcolor);}
.under main .box_contact_fmail .item2 .tt-name{color:var(--green);}
.under main .box_contact_fmail .item3 .tt-name{color:var(--scolor);}
.under main .box_contact_fmail .item .full_hover{background: none;border-radius: 0;}
.under main .box_contact_fmail .item2 .full_hover{top: -5px;height: calc(100% + 5px);}

.under main .contact-form table.mailform  th,.under main .contact-form table.mailform  td{border: none;background: none;padding: 0}
.under main .link_agree{color:var(--mcolor);text-decoration: underline;text-underline-offset: 3px}

.under main .contact-form .tt-fmail{color:var(--gray);margin-bottom: 5px;font-weight: bold;font-size: 20px}
.under main .contact-form .required {background: #ef4444;color: white;font-size: 12px;padding:2px 6px 3px 6px;border-radius: 4px;margin-left: 0.5rem;vertical-align: middle;position: relative;top: -3px;}
.under main .contact-form .optional {background: #9ca3af;}
.under main .contact-form .box_info_contact{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 1.5rem}
.under main .contact-form .box_info_contact .item{width: 100%;}
.under main .contact-form .box_frame_contact{padding: 50px;border-radius: 16px;border: 1px solid #bfdbfe;background: #eff6ff}
.under main .contact-form .box_frame_contact .tt-frame-contact{font-size: 14px;font-weight: bold;color:#1e3a8a;margin-bottom: 20px;border-bottom: 1px solid #bfdbfe;padding-bottom: 5px;letter-spacing: 0.02em;}
.under main .contact-form .box_frame_contact .info_frame_input:not(:last-child){margin-bottom: 25px}
.under main .contact-form .box_contact_input_fmail,.under main .contact-form .box_info_contact,.under main .contact-form .box_frame_contact{margin-bottom: 40px}
.under main .contact-form .box_contact_input_fmail_bottom{margin-bottom: 20px}

.under main .contact-form-confirm  table.mailform  th,.under main .contact-form-confirm  table.mailform  td{padding: 15px}
.under main .box_info_contact .mail{color:#f00}

/*POPUP*/
.under .contact_box{background: #fff;border-radius: 10px;padding: 28px 0px 38px 0px;box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1);}
.under .entry_ttl {text-align: center;font-size: 20px;font-weight: 900;letter-spacing: 0em;margin-bottom: 27px;}
.under .popup_1 {top: calc(50% - 370px);left: 0;right: 0;margin: 0 auto;position: fixed;max-width: 768px;opacity: 0;visibility: hidden;z-index: 56;background: #fff;border-radius: 16px;border-top: 8px solid var(--mcolor);}
.under .popup_1.show {display: block;opacity: 1;visibility: visible;}
.under .header_popup_1 {display: flex;justify-content: flex-end;margin-bottom: 0;}
.under .header_popup_1 .close_popup_1 {position: absolute;width: 30px;height: 30px;cursor: pointer;right: 35px;top: 28px;}
.under .header_popup_1 .close_popup_1::before {position: absolute;content: "";left: 0;top: 0;background: url(../images/ic_close.svg) center / cover no-repeat;width: 30px;height: 30px;filter: brightness(0.5);}
.under .entry_box_scroll {border: 1px solid #f3f4f6;padding: 0;}
.under .entry_box_scroll_main {height: 530px;overflow: auto;padding: 40px 30px;}


.entry_box_scroll_main .tt-1{margin-bottom: 0;font-size: 20px;font-weight: bold;color: #000}

.under .entry_box_scroll_main .ver_sub{padding-bottom: 40px}
.under .entry_box_scroll_main .ver_sub:last-child{padding-bottom: 0}
.under .close_popup{padding: 8px 0px;font-size: 15px;border: 1px solid #d1d5db;border-radius: 5px;background: #fff;margin: 15px auto 0 auto;display: flex;text-align: center;justify-content: center;max-width: 100px;cursor: pointer;}
.under .entry_box_scroll_main h4{font-size: 20px;border-left: 5px solid var(--mcolor);padding-left: 20px;margin-bottom: 15px;font-weight: bold;color: var(--gray);}
.under .entry_box_scroll_main .frame_popup{border-radius: 16px;background: #f9fafb;padding: 25px}
.under .entry_box_scroll_main p{font-size: 16px}

.under .entry_box_scroll_main .list01{margin-bottom: 30px;}
.under .entry_box_scroll_main .list01 li{display:block;padding-left: 19px;margin-bottom: 11px;position:relative;}
.under .entry_box_scroll_main .list01 li::before{background:var(--mcolor);width: 10px;height: 10px;position:absolute;top:12px;left:0;content:'';border-radius: 50%;}

/*COMMENT OUT LINE*/
.under main .box_contact_fmail{justify-content: center}
.under main .box_contact_fmail .item{margin: 0 15px}
.under main .box_contact_fmail .item2{display: none}

/* RESET */
.under main table:last-child,
.under main .list_faq:last-child,
.under main .list_faq dl:last-child,
.under main .list01:last-child,
.under main .list01 li:last-child,
.under main .list02:last-child,
.under main .list02 li:last-child,
.under main .list_check:last-child,
.under main .list_check li:last-child,
.under main .list_step:last-child,
.under main .list_step dl:last-child,
.under main section p:last-child,
.under main p:last-child,
.under main .frame01:last-child,
.under main .frame02:last-child,
.under main .frame03:last-child,
.under main .frame04:last-child,
.under main .frame05:last-child,
.under main .frame06:last-child,
.under main .frame07:last-child,
.under main .frame08:last-child{margin-bottom: 0}