/*==========================================================
                        C U S T O M
==========================================================*/
.under main{max-width: 1920px;margin: 0 auto}
/* 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}

/* 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}
.under main .mt60{margin-top:60px}
.under main .mt70{margin-top:70px}
.under main .mt80{margin-top:80px}
.under main .mt90{margin-top:90px}

/* MAX_W */
.under main .max_w200{width:100%;max-width:200px}
.under main .max_w250{width:100%;max-width:250px}
.under main .max_w300{width:100%;max-width:300px}
.under main .max_w350{width:100%;max-width:350px}
.under main .max_w500{width:100%;max-width:500px}
.under main .max_w600{width:100%;max-width:600px}
.under main .max_w700{width:100%;max-width:700px}
.under main .max_w800{width:100%;max-width:800px}
.under main .max_w900{width:100%;max-width:900px}

/* MIN-W */
.under main .min_w200{min-width:200px}
.under main .min_w250{min-width:250px}
.under main .min_w300{min-width:300px}
.under main .min_w350{min-width:350px}
.under main .min_w500{min-width:500px}

/*==========================================================
                        H E A D I N G
==========================================================*/
.under main h2,
.under main h3,
.under main h4,
.under main h5,
.under main h6{font-weight: bold;margin-bottom: 3rem;}
.under main h2{font-size: 6rem;font-weight: 800;font-family: var(--f-maru);letter-spacing: 0.2rem;margin-bottom: 5rem;}
.under main h3{font-size: 3.8rem;position: relative;padding-top: 6rem;}
.under main h3::before{content: "";position: absolute;width: 100%;height: 0.5rem;background-color: #CBCBCB;border-left: 5rem solid var(--mcolor);top: 0;left: 0;}
.under main h4{font-size: 3rem;padding: 1.4rem 3rem;background-color:var(--mcolor);border-radius: 1rem;color: #FFF;line-height: 1.6;}
.under main h5{font-size: 2.6rem;position: relative;padding-left: 3.8rem;}
.under main h5::before{content: "“";font-size: 5rem;left: 0;color: var(--mcolor);top: -1.8rem;position: absolute;}
.under main h6{font-size: 2.5rem;color: var(--mcolor);}

/*==========================================================
                      MAIN - CONTENT
==========================================================*/
.under main section{padding:0 0 80px;margin-bottom:0}
.under main section:last-child{padding:0}
.under main ol li{list-style: decimal;}

/* LINK + BUTTON TOP */
.under main .link,.under main .note_link{text-decoration: underline;color: var(--mcolor);}

/*============ TOP INFO ============ */
.under main .inner{padding: 0 var(--u_inner);}
.under main .top_info_bg{display: flex;justify-content: flex-end;border-radius: 0 3rem 3rem 0;margin-left: -16rem;overflow: hidden;overflow: hidden;align-items: center;}
.under main .u_sitelink{width: 34rem;position: sticky;}

/*==========================================================
                    T O P I C   P A T H
==========================================================*/
.under main #topic_path{margin-bottom: 2.5rem;}
.under main #topic_path ul{display:block;padding: 4.5rem 0 0 0.4rem;}
.under main #topic_path li{display:inline;position: relative;}
.under main #topic_path li,.under main #topic_path li a{font-size: 1.6rem;letter-spacing: 0.05rem;}
.under main #topic_path li:not(:last-child)::after{content:"|";position:relative;display: inline-block;margin: 0 2.1rem 0 2.1rem;top: -1px;pointer-events: none;}
.under main #topic_path li a{color: var(--mcolor);text-decoration: underline;text-underline-offset: 0.3rem;}


/*============ 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,.under main .tb_scroll:not(:last-child){margin-bottom: 30px;}
.under main table th{color:var(--mcolor);font-weight:bold;font-size: 2.2rem}

.under main table td{border-color: var(--mcolor);background:#fff;font-size: 1.8rem;}
.under main table th,
.under main table td{padding: 2rem;border: 1px solid #c4c4c4;border-left: 0;}
.under main table tr th:last-child,
.under main table tr td:last-child{border-right: 0;}
.under main table img{display:block;margin:auto;}
.under main table thead th{color: var(--txt);border-top: 0;}
.under main table thead{border-bottom: 0.5rem solid var(--mcolor);}

.under main .price{font-weight: bold;font-size: 2.6rem;text-align: center;}
.under main .price span{font-size: 4.2rem;font-family: var(--f-maru);font-weight: 800;}

.under main .u_content_anchor li{padding: 1rem;border-top: 1px solid #CBCBCB;}
.under main .u_content_anchor li:last-child{border-bottom: 1px solid #CBCBCB;}
.under main .u_content_anchor li a{font-weight: bold;display: block;padding: 1.4rem 4.5rem 1.4rem 2.5rem;position: relative;border-radius: 1rem;}
.under main .u_content_anchor li a::after{content: '';position: absolute;width: 2.2rem;height: 2.2rem;background:url('../images/u_content_anchor_ic.png') no-repeat center /contain;right: 1.4rem;top: calc(50% - 1.1rem);transition: all 0.3s;}
.under main .u_content_anchor li.active a{background-color: #5AA722;color: #FFF;}
.under main .u_content_anchor li.active a::after{background-image:url('../images/u_content_anchor_ic_cur.png')}
.under main .u_3col{display: flex;flex-wrap: wrap;justify-content: center;gap: 2rem;}

.under main .u_bnn:not(:last-child){margin-bottom: 3rem;}
.under main .u_bnn a{font-size: 2.3rem;font-weight: bold;text-align: center;color: #FFF;display: flex;justify-content: center;align-items: center;margin: 0 auto;border-radius: 2rem;padding:2rem 1.5rem;min-height: 10rem;background-color: #39C4C6;width:100%;max-width: 80rem;line-height: 1.6;box-shadow: 0 3px 6px rgba(0,0,0,0.2);}

.under main .contact_bnn{border:2px solid var(--mcolor);background-color: #FFF;width: 100%;margin: 0 auto;text-align: center;padding:1rem 2rem;border-radius: 1.5rem;}
.under main .contact_bnn .tt{color: var(--mcolor);font-size:1.9rem;margin-bottom: 4rem;font-weight: bold;}
.under main .contact_bnn .tel{margin-bottom: 1rem;}
.under main .contact_bnn .tel a{color: var(--mcolor);font-weight: bold;font-family: var(--f-rbt);font-size: 6.5rem;}
.under main .contact_bnn .time{color: var(--mcolor);font-weight: bold;margin-bottom: 1rem;}
.under main .contact_bnn .cta{width: fit-content;margin-bottom: 0 !important;}
.under main .contact_bnn .cta a{color: var(--mcolor);}
.under main .contact_bnn .cta a:hover{text-decoration: underline;text-underline-offset: 0.5rem;}
.under main .contact_bnn .info{border: 1px solid #ccc;border-radius:1rem;padding: 1.5rem 1.5rem;margin-top: 1.5rem;font-size: 1.6rem;}

@media screen and (min-width: 751px) {
  .under main #topic_path ul{text-overflow:ellipsis; overflow:hidden;display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
  .under main .u_content{display: flex;justify-content: space-between;position: relative;padding:0 var(--u_inner) 13.5rem 0;}
  .under main .u_content::before{content: '';position: absolute;width: 2px;height: 100%;top: 0;left: 34rem;background-color: #CBCBCB;}
  .under main .u_content_box{width: 100%;max-width: 1260px;margin-left: auto;padding-top: 12rem;}
  .under main .u_content_anchor{height: 100%;position: sticky;top: 15rem;width: 34rem;padding-top: 7rem;flex-shrink: 0;margin-right: 5rem;}
  #analysis main .u_content_anchor{padding-top: 0;top: 10rem;}
  .under main .u_content_anchor li a{padding: 1rem 4.5rem 1rem 1rem;}
  .under main .list01 li:not(:first-child){margin-top: 2.5rem;}
  .under main .u_bnn a:hover{box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); transform: translateY(-5px);}
  .under main .list_step{display: flex;flex-wrap: wrap;gap:5rem;}
  .under main .list_step dl{width: calc((100% - 10rem) / 3);background: #fff;}
  .under main .list_step dl:not(:last-child)::before{transform: rotate(-90deg);right: -5.5rem;top: calc(50% - 1.2rem);}
  .under main .list_step_rows dl{width: 100%;}
  .under main .list_step_rows dl:not(:last-child):before{transform: none;left: calc(50% - 3rem);bottom: -3.8rem;top: inherit;}
  .under main .contact_bnn .u_ttl{display: flex;align-items: center;justify-content: space-between;max-width: 83rem;margin: 0 auto 1rem;}
  .under main .contact_bnn .time > span:not(:last-child) {margin-right:1.5rem;}

}
/*============ LIST ============ */
/* LIST 01 */
.under main .list01{margin-bottom: 3rem;}
.under main .list01 li{display:block;padding-left:2.5rem;position:relative;background-image: url(../images/sec06_tt_line.png);background-repeat: repeat-x;background-position: 0 100%;background-size: auto 2px;padding-bottom: 1.8rem;font-size: 2.6rem;font-weight: bold;line-height: 1.8;}
.under main .list01 li::before{background:var(--mcolor);width:8px;height:8px;position:absolute;top: 2rem;left: 1px;content:'';border-radius: 50%;}
.under main .list01 li .nomarl{font-weight: 500;font-size: 1.8rem;display: block;}
/* LIST 02 */
.under main .list02{margin-bottom: 3rem;}
.under main .list02 li{counter-increment: li; padding-left: 3rem;position: relative;margin-bottom: 1rem;}
.under main .list02 li::before{ content: counter(li);position: absolute;left: 0; top: 0; font-size: 3rem;font-weight: bold;color: var(--mcolor);font-family: var(--f-rbt);}
.under main .list02 li::marker{font-size: 0;opacity: 0;}

/* LIST CHECK */
.under main .list_check{margin-bottom: 30px;}
.under main .list_check li{display:block;padding-left:25px;margin-bottom:5px;position:relative}
.under main .list_check li::before{content: ''; display: block; position: absolute; top: 5px; left: 5px; width: 7px; height: 15px; border: solid var(--mcolor); border-width: 0 2px 2px 0; transform: rotate(45deg);}

/* LIST FAQ */
.under main .list_faq{margin-bottom: 30px;}
.under main .list_faq dl{background: #FFF;padding: 3rem 2rem;box-shadow: 0px 0.4rem 1.3rem rgba(0,0,0,0.2);margin-bottom: 5rem}
.under main .list_faq dt{position: relative;font-size: 2.4rem;font-weight: bold;line-height: 1.5em;margin-bottom: 1rem;border-bottom: 1px dotted var(--mcolor);display: flex;align-items: center;display: flex;align-items: center;padding-bottom: 1.5rem;}
.under main .list_faq dt > span{width: 4rem;height: 4rem;font-weight: bold;text-align:center;line-height: 1em;background: #fff;border:1px solid var(--mcolor);color: var(--mcolor);margin-right: 1.5rem;display: flex;align-items: center;justify-content: center;text-align: center;padding-bottom: 5px;flex-shrink: 0;}
.under main .list_faq dd{position: relative;padding-left: 5rem;min-height: 6.2rem}
.under main .list_faq dd > span{position: absolute;top: 5px;left: 0;width: 4rem;height: 4rem;font-weight: bold;text-align:center;line-height: 1em;color:#fff;background: var(--mcolor);display: flex;align-items: center;justify-content: center;text-align: center;padding-bottom: 5px;flex-shrink: 0;}

.under main .list_faq dd .list01 li{font-size: 2rem;}
.under main .list_faq dd .list01 li::before{top: 1.5rem;}
.under main .list_faq dd .list01 li:not(:first-child){margin-top: 1.5rem;}

.under main .box_bnn .u_bnn:not(:last-child){margin-bottom: 2.5rem;}
.under main .tb_year dl{display: flex;}
.under main .tb_year dl dt{flex-shrink: 0;width: 12rem;}
/* LIST STEP */
.under main .list_step dl{box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);}
.under main .list_step dl{position: relative;}
.under main .list_step dl:not(:last-child)::before{background: url('../images/ic-step.png') center /cover no-repeat;width: 6rem;height: 2.4rem;position: absolute;content: '';}
.under main .list_step dt{background: var(--mcolor);color: #fff;font-weight: 500;padding: 10px;}
.under main .list_step dd{padding: 15px;}

/*============ FRAME ============ */
/* FRAME 01 */
.under main .frame01{background-color: #F2F2F2;border-radius: 1rem;padding: 4.3rem 5rem 4.8rem;}
.under main .frame01:not(:last-child){margin-bottom: 3rem;}
.under main .frame01.mb10{margin-bottom: 1rem;}

.under main .frame02{border-radius: 1rem;border: 1px solid var(--txt);padding: 2rem 3rem;}
.under main .frame02:not(:last-child){margin-bottom: 3rem;}

.under main .u_ttl1{font-size: 2rem;font-weight: bold;position: relative;padding-left: 2rem;}
.under main .u_ttl1::before{content: "";position: absolute;width: 0.8rem;height: 1.4rem;background-color: var(--mcolor);clip-path: polygon(0 0, 0% 100%, 100% 50%);top: 1.2rem;left: 0;}
.under main .u_ttl1:not(:last-child){margin-bottom: 1.5rem;}
/* IFRAME BOX */
.under main .box_map:not(:last-child){margin-bottom: 30px;}
.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;}
.under main .company_slick{max-width: 800px;margin: 0 auto 30px;}

.under main .reality{display: inline-block;}
.under main .balloon{position: absolute;font-size: 1.4rem;padding: 0.5rem 1rem;color: #FFF;right: calc(100% + 10px);white-space: nowrap;line-height: 1.2;border-radius: 999px;top: 51%;transform: translateY(-50%);background-color: red;}

/* ===========  OVN ===========  */
.under main .ovn_list dl{border: 0.5rem solid var(--mcolor); border-radius: 3rem;background-color: #FFF;padding: 2rem 3rem;}
.under main .ovn_list dl:not(:last-child){margin-bottom: 2.5rem;}
.under main .ovn_list dt{border-radius:2rem;overflow: hidden;}
.under main .ovn_list dt a{display: flex;justify-content: center;align-items: center;width:100%;height: 100%;background-color: #f2f2f2;aspect-ratio: 12/8;}
.under main .ovn_list dt a img{max-height: 100%;}
.under main .ovn_list dd a{display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100%;}
.under main .ovn_list dd .date{margin-bottom: 1rem;font-family: bold;}
.under main .ovn_list dd .tt{margin-bottom: 2rem;font-weight: bold;font-size: 2.4rem;background-image: url(../images/sec06_tt_line.png); background-repeat: repeat-x; background-position: 0 100%; background-size: auto 2px; padding-bottom: 5px;line-height: 1.6;text-overflow:ellipsis; overflow:hidden;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.under main .btn_ovn{display: flex;justify-content: center;gap: 2rem;}
.under main .btn_ovn > p{margin-bottom: 0;}
.under main .u_editor img{max-height: 500px;}
.under main .viewPage a::before{display: none;}
.under main .prevPage a::before{left: 2rem;transform: rotate(-180deg);}
.under main .company_qr a img{display: block;margin: 0 auto;}

@media screen and (min-width: 751px) {
  .under main .ovn_list dl{display: flex;justify-content: space-between;}
  .under main .ovn_list dl dt{order: 2;width: 30%;}
  .under main .ovn_list dl dd{order: 1;width: 68%;}
  #blog main .u_content{padding-right: 0;}
  #blog main .u_content::before{display: none;}
  #blog main .u_content_box{margin: 0 auto;}
  .under main .btn.hidden{opacity: 0;visibility: hidden;}
  .under main h3:not(:last-child){margin-bottom: 4rem;}
}

/* ===========  PAGINATION ===========  */
.under main .pagination {display: flex;justify-content: center;flex-wrap: wrap;text-align: center;margin:5rem auto 0}
.under main .pagination li{margin: 0 0.5rem}
.under main .pagination li a{width:4rem;height: 4rem;text-align: center;border:1px solid  var(--mcolor);background: #fff;display: flex;color: var(--mcolor);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}


/*==========================================================
                     EDITOR
==========================================================*/
.u_editor::after { content: ""; display: table; clear: both; }
.u_editor div{font-size: 16px;}
.u_editor .clearfix:not(:last-child){margin-bottom: 40px;}
/* Blockquote */
.u_editor blockquote { border-left: 4px solid #ccc; padding-left: 1em; margin: 1em 0; color: var(--txt); font-style: italic; }
.u_editor blockquote cite { display: block; font-style: normal; margin-top: 0.5em; color: #999; }
.u_editor hr { border: none; border-top: 1px solid #ccc; margin: 2em 0; }

.alignright, .alignleft{margin-bottom:30px;max-width:300px!important}
.aligncenter{display:block!important;margin:0 auto}



/* 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 .frame_pick:last-child{margin-bottom: 0}