/*==========================================================
                        C U S T O M
==========================================================*/
/* MB */
.under main .mb0{margin-bottom:0px !important}
.under main .mb10{margin-bottom:10px !important}
.under main .mb15{margin-bottom:15px !important}
.under main .mb20{margin-bottom:20px !important}
.under main .mb25{margin-bottom:25px !important}
.under main .mb30{margin-bottom:30px !important}
.under main .mb40{margin-bottom:40px !important}
.under main .mb50{margin-bottom:50px !important}
.under main .mb60{margin-bottom:60px !important}
.under main .mb70{margin-bottom:70px !important}
.under main .mb80{margin-bottom:80px !important}
.under main .mb90{margin-bottom:90px !important}

/* 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}

/*==========================================================
                        FONT FAMILY
==========================================================*/
.under main h2,
.under main h3,
.under main h4,
.under main h5,
.under main .list_faq dt,
.under main .list_step dt{font-family: var(--f-nsr)}
.under main p,.under main dd,.under main dt,.under main th,.under main td{color: #231815;line-height: 1.85;}
.under main p{margin-bottom: 2em;}

/*==========================================================
                        H E A D I N G
==========================================================*/
.under main h2{font-size: 64px;text-align: center;margin-bottom: 0;font-weight: 500;position: relative;color: #FFF;padding-bottom: 1rem;letter-spacing: -.1rem;}
.under main h2::after{content: ''; position: absolute; width: 100%; height: 0.4rem; background: url(../images/h2_ic.png) repeat top left / 2.1rem; left: 0;bottom: 0;}

.under main h3{font-size: 50px;text-align: center;font-weight: 600;position: relative;margin-bottom: 58px;padding-bottom: 15px;color: var(--blue);}
.under main h3::after{content: '';position: absolute;width: 7rem;height: 0.2rem;background: url('../images/ttl_h3_ic_bl.png') left center /1.2rem;bottom:0;left: calc(50% - 3rem);}

.under main h4{font-size: 42px;position: relative;font-weight: 500;width: fit-content;color: var(--blue);margin-bottom: 25px;letter-spacing: -.1rem;padding-right: 2rem;}
.under main h4::before{content: '';position: absolute;width: calc(1120px - 100%);height: 5px;left: 100%;top: calc(50% - 1px);border-top: 1px solid var(--blue);border-bottom: 1px solid var(--blue);}

.under main h5{font-size: 34px;color: var(--blue);padding-bottom:10px;border-bottom: 1px solid var(--blue);margin-bottom: 30px;font-weight: 600;}
.under main h6{font-size: 28px;color: var(--blue);font-weight: 500;margin-bottom: 16px;}
/*==========================================================
                      MAIN - CONTENT
==========================================================*/
.under main #content{padding: 0 0 120px}
.under main #content:has(.u_box02:last-child){padding-bottom: 0;}
.under main .u_box02:not(:last-child){margin-bottom: 60px;}
.under main section{padding: 0 0 60px;margin-bottom:0}
.under main section:last-child{padding:0}
.under main ol li{list-style: decimal;}

.under main .u_box02{position: relative;padding:60px 0 60px;z-index: 2;}
.under main .u_box02::after{content: '';position: absolute;width: 1920px;height: 100%;left: calc(50% - 960px);top: 0;z-index: -1;pointer-events: none;background: url('../images/u_box02.jpg') repeat;}

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

/*============ TOP INFO ============ */
.under main #top_info{height:400px;width:100%;max-width:1920px;margin:0 auto;background:url('../images/top_info_bg.jpg') no-repeat center /cover;}
.under main #top_info .inner{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding-top: 5.5rem;}
.under main #top_info h2 .hide{display: none;}
/*==========================================================
                    T O P I C   P A T H
==========================================================*/
.under main #topic_path{margin-bottom: 56px;}
.under main #topic_path ul{display:block;padding:10px 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 5px 0 10px;top: -1px;pointer-events: none;}
.under main #topic_path li a{color: var(--blue);text-underline-offset: 2px;}

/*============ 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.center td,.under main table.center th{text-align: center;}

.under main table{margin-bottom: 60px;}
.under main table th{background:var(--mcolor);color:#fff;font-weight:bold;padding: 13px 10px;text-align: center;}

.under main table td{background:#FFF;padding: 8px 10px;}
.under main table th,
.under main table td{border-color: #75afd4;}
.under main table .bg01{background-color: rgba(117,175,212,0.4);}
.under main table img{display:block;margin:auto;}

/*============ LIST ============ */
/* LIST 01 */
.under main .list01{margin-bottom: 30px;}
.under main .list01 li{display:block;padding-left:20px;margin-bottom: 10px;position:relative}
.under main .list01 li::before{background:var(--mcolor);width:10px;height:10px;position:absolute;top:10px;left:0;content:''}
.under main .fit_center{width: fit-content;margin-left: auto;margin-right: auto;}


/* LIST 02 */
.under main .list02{margin-bottom: 30px;}
.under main .list02 li{counter-increment: li; padding-left: 30px;position: relative;margin-bottom: 10px;}
.under main .list02 li::before{ content: counter(li);position: absolute;width: 22px;height: 22px;display: flex;justify-content: center;align-items: center;border-radius: 50%;left: 0; top:4px; background-color: var(--mcolor);font-size: 12px;font-weight: bold;color: #FFF;line-height: 22px;}
.under main .list01 li::marker,.under main .list02 li::marker{font-size: 0;opacity: 0;}
/* LIST FAQ */
.under main .list_faq{margin-bottom: 30px;}
.under main .list_faq dl{background: #FFF;padding: 15px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);margin-bottom: 50px}
.under main .list_faq dt{position: relative;font-size: 18px;font-weight: bold;line-height: 1.5em;margin-bottom: 10px;border-bottom: 1px dotted var(--mcolor);display: flex;align-items: center;display: flex;align-items: center;padding-bottom: 15px;}
.under main .list_faq dt .ico{width: 40px;height: 40px;font-weight: bold;text-align:center;line-height: 1em;background: #fff;border:1px solid var(--mcolor);color: var(--mcolor);margin-right: 15px;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: 55px;min-height: 62px}
.under main .list_faq .ico{font-size: 1.6rem;padding-top: 0.3rem;}
.under main .list_faq dd .ico{position: absolute;top: 5px;left: 0;width: 40px;height: 40px;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;}

/* LIST STEP */
.under main .list_step{max-width: 850px;margin-left: auto;margin-right: auto;}
.under main .list_step dl{margin-bottom:50px;position: relative;display: flex;}
.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;width: 150px;display: flex;justify-content: center;align-items: center;border-radius: 10px 0 0 10px;position: relative;z-index: 2;font-weight: bold;}
.under main .list_step dt::after{content: '';position: absolute;width:30px;height: 100%;background-color: var(--mcolor);left:100%;z-index: -1;top: 0;clip-path: polygon(0 0, 0% 100%, 100% 50%);}
.under main .list_step dd{padding:15px 15px 15px 40px;background: #fff;box-shadow: 0 0px 4px rgba(0, 0, 0, 0.15);width: calc(100% - 150px);border-radius: 0 10px 10px 0;text-align: center;position: relative;}
.under main .list_step dl:not(:last-child) dd::before{width: 60px;height: 20px;position: absolute;bottom: -37px;left: calc(50% - 30px);content: '';clip-path: polygon(50% 100%, 0 0, 100% 0);background-color: var(--mcolor);}

.under main .u_col{display: grid;grid-template-columns: repeat(2,1fr);gap: 2rem;}
.under main .u_col dl dt{margin-bottom: 20px;text-align: center;}
.under main .u_col dl dd{text-align: center;font-weight: 500;font-size: 1.9rem;}
.under main .u_col dl dd.baloon{line-height: 1.4;padding:1rem 0.5rem;background-color:#75afd4;margin-bottom:1rem;position: relative;color: #FFF;}
.under main .u_col dl dd.baloon::after{content: '';position: absolute;width: 20px;height: 10px;background-color:#75afd4;left: calc(50% - 10px);bottom: -9px;clip-path: polygon(50% 100%, 0 0, 100% 0);}

/*============ FRAME ============ */
/* FRAME 01 */
.under main .frame01 {max-width: calc(100% - 2rem);background:url('../images/sec04_frame_bg.jpg') no-repeat center /cover;padding: 0.4rem;position: relative;margin: 0 auto 5rem;}
.under main .frame01::before,.under main .frame01::after{content: '';position: absolute;width: 2rem;height: 2rem;top: -1rem;border-top: 0.1rem solid var(--blue);}
.under main .frame01::before{left: -1rem;border-left: 0.1rem solid var(--mcolor);}
.under main .frame01::after{right: -1rem;border-right: 0.1rem solid var(--mcolor);}
.under main .frame01_box{border: 1px solid rgba(117,175,212,0.8);padding: 50px;}
.under main .frame01_box::before,.under main .frame01_box::after{content: '';position: absolute;width: 2rem;height: 2rem;bottom: -1rem;border-bottom: 1px solid var(--blue);}
.under main .frame01_box::before{left: -1rem;border-left: 0.1rem solid var(--mcolor);}
.under main .frame01_box::after{right: -1rem;border-right: 0.1rem solid var(--mcolor);}
.mw760{max-width: 760px;margin-left: auto;margin-right: auto;}

/* FRAME 02 */
.under main .frame02{padding: 60px 30px;margin-bottom: 8rem;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.under main .frame02 h4{padding-right: 0;font-size: 3rem;background: none;}
.under main .frame02 h4::before{display: none;}
.under main .frame02_point1{background: url('../images/frame_point1.jpg') no-repeat center /cover;}
.under main .frame02_point2{background: url('../images/frame_point2.jpg') no-repeat center /cover;}
.under main .frame02_point3{background: url('../images/frame_point3.jpg') no-repeat center /cover;}
.under main .frame02_inherit1{background: url('../images/frame_inherit1.jpg') no-repeat center /cover;}
.under main .frame02_receive1{background: url('../images/frame02_receive1.jpg') no-repeat center /cover;}
.under main .frame02_receive2{background: url('../images/frame02_receive2.jpg') no-repeat center /cover;}

/* FRAME PICKUP */
.under main .pickup_box{padding: 27px 40px 40px;background-color: #FFF;position: relative;z-index: 2;box-shadow: 0 0 1rem rgba(0,0,0,0.1);border: 1px solid #cbdeed;}
.under main .pickup_box::before{content: 'Pick Up';font-size: 6rem;font-family: var(--f-nsr);font-weight: 500;position: absolute;z-index: 1;top: -8px;left: 0;color: #e3eff6;line-height: 1;}
.under main .pickup_box:not(:last-child){margin-bottom: 80px;}
.under main .pickup_box::after{content: ''; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; cursor: pointer; clip-path: polygon(100% 0, 0% 100%, 100% 100%); background-color: #f2f7fb;z-index: -1;}
.under main .pickup_tt{text-align: center;color: var(--blue);font-size: 28px;margin-bottom: 30px;font-weight: 500;border-bottom: 1px solid #75afd4;padding-bottom: 10px;z-index: 2;position: relative;background: none;width: 100%;padding-right: 0;font-family: var(--f-nts) !important;}
.under main .pickup_tt::before{display: none;}
.under main .pickup_box h4::before{width: calc(1120px - 80px - 100%);}

/* 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;}

/* ===========  OVN ===========  */
.under main .ovn_list dl{display: flex;padding: 2rem;position: relative;background: #e3eff6;margin-bottom: 3rem;}
.under main .ovn_list dl:last-child{margin-bottom: 0;}
.under main .ovn_list dl::after{content: '';position: absolute;top: -0.1rem;left: 0;width: 100%;height: calc((100% + 0.2rem));border: 0.2rem solid var(--mcolor);transition: .3s ease-in-out;opacity: 0;visibility: hidden;}
.under main .ovn_list dt{width: 30rem;flex-shrink: 0;margin: 0 3rem 0 0;height: 20rem;}
.under main .ovn_list dt a{display: flex;justify-content: center;align-items: center;overflow: hidden;width: 100%;height: 100%;}
.under main .ovn_list dt a img{max-height: 100%;}
.under main .ovn_list .info{margin: 0 0 1rem 0;line-height: 1.5;display: flex;margin-bottom: 1rem;align-items: center;}
.under main .ovn_list .info .date{font-size: 1.6rem;color: var(--mcolor);line-height: 1.5;}
.under main .ovn_list .tt{display: inline-block;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box;font-weight: 700;color: var(--blue);font-size: 2.2rem;line-height: 1.5;margin: 0 0 1rem 0;}
.under main .ovn_list .des{-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box;line-height: 1.6;}
.under main .ovn_list .info .cate{flex-shrink: 0;margin-right: 1rem;}
.cate {min-width: 14rem;height: 3rem;font-size: 1.4rem;font-weight: bold;color: #FFF;font-family: var(--f-nts);text-align: center;line-height: 1.2;display: flex;justify-content: center;align-items: center;width: fit-content;margin-right: 1.1rem;background-color: #75afd4;padding: 0.2rem 1rem;}
.cate_2{background-color: var(--blue);}
.cate_3{background-color: var(--mcolor);}
.under main .btn_box_3col .btn a{width: 30rem;}
.under main .btn_ovn{display: flex;justify-content: center;gap: 2rem;}
.under main .btn_ovn .hidden{opacity: 0;}
.under main .btn_ovn > p{margin-bottom: 0;}
.under main .btn_ovn > p a{width: 30rem;}
.under main .u_editor img{max-height: 500px;}
.under main .viewPage a{background-image: none;}
.under main .prevPage a{background-image:url('../images/btn_arrow_left.png');background-position: left 1.3rem center;}
.btn.active a{background-color: var(--blue);}
.ovn_img img{max-height: 600px;}

.under main .point_box { border: 0.2rem solid var(--mcolor); padding: 2rem; position: relative; margin: 6rem auto 8rem}
.under main .point_box:last-child{margin-bottom: 0;}
.under main .point_ttl { position: absolute; top: -3.8rem; left: -0.2rem; background: var(--mcolor); padding: 0.5rem 2rem }
.under main .point_ttl a{color: #FFF;}
.under main .point_ttl p,.under main .point_ttl h5,.under main .point_ttl h4 { color: #fff;font-size: 2rem;background-color: none;margin: 0;padding: 0;border: 0;}
.under main .point_ttl h4::before{display: none;}
.under main .f20{font-size: 127.7777%;}
.under main .f21{font-size: 21px;}
.under main .list01 li.f21::before{top: 13px;}

/* ===========  PAGINATION ===========  */
.under main .pagination {display: flex;justify-content: center;flex-wrap: wrap;text-align: center;margin: 30px auto 0}
.under main .pagination li{margin: 0 5px}
.under main .pagination li a{min-width:40px;height: 40px;text-align: center;border:1px solid  var(--mcolor);background: #fff;display: flex;color: var(--mcolor);justify-content: center;align-items: center;border-radius: 5px;padding: 5px;font-size: 1.4rem;}
.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 .toc:not(:last-child),.under main .u_box:not(:last-child){margin-bottom: 60px;}
.under main .toc {max-width: 80rem;margin: 0 auto;}
.under main .toc_ttl{width: 100%;padding: 1.5rem 1.5rem;background: var(--mcolor);display: flex;justify-content: center;cursor: pointer;position: relative;transition: .3s ease-in-out;cursor: pointer;}
.under main .toc_ttl p{color: #fff;font-size: 2rem;display: inline-block;padding: 0 2.5rem;font-family: var(--f-mc);font-weight: 700;position: relative;}
.under main .toc_ttl p::before{content: '';position: absolute;top: calc((100% - 1.8rem)/2);left: 0;width: 2rem;height: 2rem;background: url(../images/toc.svg) no-repeat center/100%;}
.under main .toc_ttl::before{content: '開く';background: #fff;padding: 0.5rem 1rem;color: var(--mcolor);font-weight: 500;position: absolute;top: 50%;right: 2rem;font-weight: 700;font-size: 1.6rem;border-radius: 0.5rem;transform: translateY(-50%);}
.under main .toc_ttl::after{content: '閉じる';background: #fff;padding: 0.5rem 1rem;color: var(--mcolor);font-weight: 500;position: absolute;top: 50%;right: 2rem;font-weight: 700;font-size: 1.6rem;display: none;border-radius: 0.5rem;transform: translateY(-50%);}
.under main .toc_ttl.active::before{display: none;}
.under main .toc_ttl.active::after{display: block;}
.under main .toc_ttl.active{background-color: var(--blue);}
.under main .toc_content ol{margin: 0 0 0 2rem;}
.under main .toc_content ul{margin: 0 0 0 0;}
.under main .toc_content ol li,
.under main .toc_content ul li{list-style-type: none;}
.under main .toc_content{background: #e3eaf3;border-radius: 0 0 1rem 1rem;padding: 3rem 3rem;display: none;}
.under main .toc_content ul li a{position: relative;padding: 0 0 0 1.5rem;font-size: 1.8rem;}
.under main .toc_content ul li a::before{content: '';position: absolute;top: 1rem;left: 0;width: 0.8rem;height: 0.8rem;border-radius: 50%;background: var(--mcolor);}
.under main .toc_content ul ol li a::before{width: 0.6rem;height: 0.6rem;top: 1rem;}
.under main .toc_content ul ol li a{padding: 0 0 0 1.2rem;}
.under main .toc_content ul ol ol li a::before{width: 0.5rem;height: 0.5rem;}
.under main .toc_content li{margin: 0 0 1rem 0;position: relative;z-index: 2;}
.under main .toc_content ol li{margin: 0 0 0.5rem 0;}
.under main .toc_content li.mb5{margin: 0 0 0.5rem 0;}
.under main .toc_content li:last-child{margin-bottom: 0;}
.under main .toc_content li .trouble_ic:first-child{margin-left: 0.5rem;}



/*==========================================================
                     EDITOR  ovn
==========================================================*/
.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; }
/* Caption */
/* Horizontal line */
.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}

@media screen and (min-width: 751px){
  .alignleft{float:left;margin-right:30px;}
  .alignright{float:right;margin-left:30px;}
  /* .under main .pickup_box,.under main table,.under main h6{width: 94%;max-width: 1040px;margin-left: auto;margin-right: 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}

.under main .link_out{text-decoration: underline;text-underline-offset: 2px;color: var(--blue);}
.under main .u_step_row { display: flex; position: relative;}
.under main .u_step_row:before { content: ''; position: absolute; top: calc((100% + 20px)); left: calc((100% - 60px)/2); width: 60px; height: 30px; background: var(--mcolor); clip-path: polygon(50% 100%,0 0,100% 0) }
.under main .u_step_row:last-child:before { display: none }
.under main .u_step_row:not(:last-child) { margin: 0 0 50px }
.under main .u_step_ttl { background: var(--mcolor); width: 100px; height: 50px; display: flex; justify-content: center; align-items: center; margin: 1rem 10px 0 0;}
.under main .u_step_ttl p { color: #fff }
.under main .u_step_desc .tt { font-weight: 500; color: var(--mcolor);}
.under main .u_step_desc .tt .txt_sm { color: var(--txt) }
.under main .u_step_desc .tt span { font-size: 18px }
.under main .u_step_desc { border-bottom: 1px solid var(--mcolor); width: 100%; padding: 2px 0 0 }

.under main .u_bnn{display:flex;justify-content: center;align-items: center;gap: 2rem;flex-wrap: wrap;}
.under main .u_bnn li{position: relative;width: calc(50% - 1rem);transition: all 0.3s;background: url('../images/top_info_bg.jpg') no-repeat center /cover;}
.under main .u_bnn li a{padding: 1rem;width:100%;height: 16rem;display: block;color: #FFF;font-size: 2.2rem;position: relative;display: flex;justify-content: center;align-items: center;z-index: 2;}
.under main .u_bnn li::before{content: '';position: absolute;z-index: 0;background:var(--mcolor);top: 0;left: 0;width: 100%;height: 100%;opacity: 0.5;z-index: 0;}
.under main .u_bnn li::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transition: .3s ease-in-out; background: rgba(0,0,0,.01); background: linear-gradient(90deg,var(--mcolor) 0%,rgba(255,255,255,0) 100%);z-index: 1;}
.under main .u_bnn li a .box{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;border: 1px solid #fff;padding: 20px 1.5rem;text-align: center;}
/* .under main .u_bnn li.p2{background: url('../images/point_img0.jpg') no-repeat center /cover;} */
/* .under main .u_bnn li.p3{background: url('../images/inherit_img1.jpg') no-repeat center /cover;} */
.under main .u_bnn li.p4{background: url('../images/receive_img1.jpg') no-repeat center /cover;}
/* .under main .u_bnn li.p5{background: url('../images/trouble_img1.jpg') no-repeat center /cover;} */
.under main .u_bnn li.p6{background: url('../images/knowledge_img1.jpg') no-repeat center /cover;}
.under main .u_bnn li.p7{background: url('../images/risk_img1.jpg') no-repeat center /cover;}
.under main .u_bnn li.p8{background: url('../images/method_img1.jpg') no-repeat center /cover;}
.under main .u_bnn li.p9{background: url('../images/company_img1.jpg') no-repeat center /cover;}
.under main .u_bnn li.p10{background: url('../images/contact_img1.jpg') no-repeat center /cover;}


.under main .under_col_list { display: flex; flex-wrap: wrap; justify-content: space-between; counter-reset: col; gap: 3rem; position: relative; z-index: 1;padding: 2rem 0 0;}
.under main .under_col_list dl { width: calc((100% - 6rem) / 3); background: #fff; margin: 0; position: relative; padding: 3.5rem 2rem 2rem; text-align: center; background: url('../images/sec04_frame_bg.jpg') repeat; border-radius: 1rem; margin-top: 2.4rem }
.under main .under_col_list dl:before { counter-increment: col; content: '0' counter(col); position: absolute; left: 0; right: 0; margin: auto; top: -3rem; font-size:4rem; font-weight: 700; color: var(--mcolor); text-align: left;padding-left: 10px;}
.under main .under_col_list dt { margin-bottom:2rem;}
.under main .under_col_list dt img { border-radius: 3rem; box-shadow: 0rem 0rem 4rem 0rem rgba(231,127,74,.1) }
.under main .under_col_list dd{line-height: 1.6;}
.under main .under_col_list dd .lg{font-size: 116.6666%;}

.under main .d_flex { display: flex; gap: 2%; max-width: 71rem; justify-content: center; margin: auto }
.under main .d_flex li { width: 49%;border: 0.1rem solid #7a5c48; padding: 1rem; border-radius: 1rem }

.under main .bnr_circle { display: flex; gap: 3rem; margin-bottom: 3rem ;align-items: center;}
.under main .bnr_circle p { margin-bottom: 0 }
.under main .bnr_circle img { width: 100%; max-width: 33rem }
.under main .bnr_circle dl { display: flex; align-items: center; gap: 1rem; border-bottom: 0.1rem solid var(--mcolor);padding-bottom: 1rem;}
.under main .bnr_circle dl:not(:last-child) { margin-bottom: 1rem }
.under main .bnr_circle dt { background-color: var(--mcolor); padding: 0.5rem; min-height: 4rem; min-width: 12rem; color: #fff; text-align: center; flex-shrink: 0;font-size: 1.6rem;}
.under main .bnr_circle dd { line-height: 1.5em;font-size: 1.5rem;}

.under main .anchor_list{display: flex;justify-content: center;gap: 2rem;flex-wrap: wrap;}
.under main .anchor_list .btn{margin: 0;width: calc((100% - 4rem) / 3);}
.under main .anchor_list .btn a{width: 100%;background-image: url('../images/btn_arrow_anchor.png');background-size: 1.1rem;}

.under main .contact_bnn:not(:last-child){margin-bottom: 3rem;}
.under main .contact_bnn a{display: flex;justify-content: center;align-items: center;flex-direction: column;width: 100%;max-width: 48rem;border: 0.3rem solid var(--mcolor);background-color: #FFF;padding: 3rem 2rem;margin: 0 auto;}
.under main .contact_bnn .num{position: relative;padding-left: 5rem;margin-bottom: 1rem;font-size:5rem;font-weight: 500;white-space: nowrap;line-height: 1;}
.under main .contact_bnn .num::before{content: "";position: absolute;width: 4.4rem;height: 4.4rem;left: 0;top:calc(50% - 2.5rem);background: url('../images/ic_tel.png') no-repeat center /contain}
.under main .contact_bnn .time{font-size: 1.8rem;text-align: center;}
.under main .contact_bnn.line a{background-color: #00b900;border-color: #00b900;color: #FFF;font-size:3rem;position: relative;}
.under main .contact_bnn.line a::before{background: url('../images/ic_line.png') no-repeat center /contain;content: ''; width: 4.8rem; height: 4.2rem; margin: 0 auto 0.5rem; display: block;}
.under main .contact_bnn.line a::after{content: '';position: absolute;width:calc(100% - 4px);height:calc(100% - 4px);border: 1px solid #FFF;top: 2px;left: 2px;z-index: 1;pointer-events: none;}
.under main .frame01_flex{display: flex;align-items: center;gap: 2rem;justify-content: center;}
.under main .frame01_flex .img{min-width: 10rem;}

.under main .u_drop_list:not(:last-child){margin-bottom: 5rem;}
.under main .u_drop_list { display: flex; flex-wrap: wrap; border-top: 0.1rem solid rgba(117,175,212,0.6) } .under main .u_drop_col { width: 100%; max-width: 50%; border-bottom: 0.1rem solid rgba(117,175,212,0.6); transition: .3s ease-in-out }
.under main .u_drop_col.bg01 { background: rgba(117,175,212,0.4) }
.under main .demo_ttl p { font-size: clamp(12px,1vw,15px); font-weight: 700 }
.under main .u_drop_demo { position: relative; padding: 2rem 8rem 2rem 3rem; transition: .3s ease-in-out; display: flex; align-items: center; cursor: pointer;}
.under main .u_drop_demo:before { content: ''; position: absolute; top: calc((100% - 3rem)/2); right: 3.3rem; width: 0.2rem; height: 3rem; background:var(--blue); transition: .3s ease-in-out }
.under main .u_drop_demo:after { content: ''; position: absolute; top: calc((100% - 0.2rem)/2); right: 2rem; width: 2.9rem; height: 0.2rem; background:var(--blue); transition: .3s ease-in-out }
.under main .u_drop_demo.active:before { opacity: 0 }
.under main .u_drop_show { width: 200%; position: relative; background: #fff; z-index: 2; border: 0.1rem solid rgba(117,175,212,0.6); border-bottom: 0; padding: 3rem }
.under main .u_drop_show.active { height: auto; padding: 3rem; opacity: 1; visibility: visible }
.under main .u_drop_col:nth-child(even) .u_drop_show { left: -100% }
.under main .le .u_drop_col:last-child {border-bottom: 0}
.under main .demo_ttl p {display: flex}
.under main .demo_ttl img.emoji {margin-right: 1rem;display: block;margin-top: 0.4rem;height: 100%;}

.under main .frame03:not(:last-child),.under main .frame04:not(:last-child){margin-bottom: 4rem;}
.under main .frame03{border: 0.2rem solid var(--txt);position: relative;background-color: #FFF;padding: 2.5rem 8rem;}
.under main .frame03::before{content: '';position: absolute;width: 2rem;height: 9rem;background-color: var(--blue);left: 5.3rem;top: -1.4rem;transform: skew(-30deg);z-index: 2;}
.under main .frame03::after{content: '';position: absolute;width:4rem;height: 0.2rem;background-color: #FFF;left: 6.2rem;top: -0.2rem;z-index: 1;}
.under main .frame03_tt{font-size: 2.4rem;padding-bottom: 1rem;line-height: 1.6;border-bottom:0.3rem solid var(--blue);font-weight: 500;margin-bottom: 2rem;}

.under main .frame04{padding: 2.5rem;background-color: #dedede;width: fit-content;}
.under main .frame04.full{width: 100%;}
.under main .method_col3{display: flex;justify-content: center;align-items: center;}
.under main .method_col3 dl{max-width: 300px;}
.under main .method_col3 dd{width: 80%;margin: 0 auto;}
.under main .method_col3 dd img{border-radius: 50%;overflow: hidden;}
.under main .method_col3 dt{margin-top: 20px;font-weight: bold;text-align: center;letter-spacing: -.02rem;}

.under main .method_chart{display: flex;gap: 2rem;overflow: hidden;padding:10px 0;}
.under main .method_chart_tt li{font-size: 4rem;font-weight: bold;color: var(--blue);text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;padding: 15px 0;position: relative;width: 100%;padding-left: 1rem;}
.under main .method_chart_tt li::after{content: '';content: '';position: absolute;height: 100%;clip-path: polygon(0% 0%, calc(100% - 40px) 0%, 100% 50%, calc(100% - 40px) 100%, 0% 100%);width: 1120px;left: 0;z-index: -1;top: 0;}
.under main .method_chart_tt li:nth-of-type(1)::after{background-image: linear-gradient(to left, #478eb5, #5d9dc1, #71acce, #85bbda, #99cbe7);}
.under main .method_chart_tt li:nth-of-type(2)::after{background-image: linear-gradient(to left, #135c7c, #1d6180, #266784, #2e6c89, #35728d);}

.under main .method_chart_list{display: flex;gap: 2rem;}
.under main .method_chart_list dl{background-color: #f5f5f5;padding:10px ;box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);border-radius: 10px;display: flex;flex-direction: column;align-items: center;width:90px;border: 1px solid #FFF;}
.under main .method_chart_list dl.fit{height: fit-content;}
.under main .method_chart_list dl dt{display: flex;justify-content: center;align-items: center;font-weight: bold;font-size: 2.2rem;text-align: center;color: var(--blue);flex-direction: column;line-height: 1;margin-bottom: 10px;}
.under main .method_chart_list dl dt span{font-size: 180%;display: block;}
.under main .method_chart_list dl dd{font-size: 2.8rem;font-weight: bold;line-height: 1.4;}

.under main .trouble_ic{display: inline-block;position: relative;color: #FFF;font-size: 80%;margin-top: -2px;height: 100%;}
.under main .trouble_ic::after{content: '';position: absolute;height: 100%;border-radius: 50%;background-color: #79cde0;aspect-ratio: 1/1;left:42%;top: 51%;transform: translate(-50%,-50%);z-index: -5;}
.under main .u_step_row_1 .u_step_ttl{margin-top: 0;}
.under main .method_4col{display: grid;grid-template-columns: repeat(4,1fr);gap: 2rem;max-width: 540px;margin: 0 auto 20px;}
.under main .method_4col li{font-weight: bold;text-align: center;display: flex;flex-direction: column;align-items: center;font-size: 1.6rem;}
.under main .method_4col li img{display: block;margin-bottom: 10px;}

.under main .box_pl{margin: 0 0 20px 0;}
.under main .same_list01_pl{padding: 0 0 0 20px;}