.clearfix{display: block;}
.clearfix::after{content: '.';display: block;height: 0;clear: both;visibility: hidden;}
.empty-p{visibility: hidden;}
/*W*/
.under main .w10{width: 10%;}
.under main .w15{width: 15%;}
.under main .w20{width: 20%;}
.under main .w25{width: 25%;}
.under main .w30{width: 30%;}
.under main .w35{width: 35%;}
.under main .w40{width: 40%;}
.under main .w45{width: 45%;}
.under main .w50{width: 50%;}
.under main .w55{width: 55%;}
.under main .w60{width: 60%;}
.under main .w65{width: 65%;}
.under main .w70{width: 70%;}
.under main .w75{width: 75%;}
.under main .w80{width: 80%;}
.under main .w85{width: 85%;}
.under main .w90{width: 90%;}
.under main .w95{width: 95%;}
.under main .w100{width: 100%;}

.under main .mb0{margin-bottom: 0}

.zen{font-family: var(--font-zen);}
.blue{color: var(--mcolor);}
.orange{color: var(--orange_dark);}
.blue_light{color: var(--blue_light);}
.inline-block{display: inline-block;}
.block{display: block;}
.big{font-size: 113%}
.super_big{font-size: 150%}
.pdl20{padding-left: 20px}
.position_ic{padding-left: 40px;position: relative;}
.position_ic::before{content: '';position: absolute;width: 32px;height: 32px;left: 0;top: 0;background: url(../images/location-sign.png) center /cover no-repeat;}

.box_txt_r{display: flex;justify-content: flex-end;}


header .h_box{padding: 10px 0}

/*==========================================================
                        H E A D I N G
==========================================================*/
.under main h2,
.under main h3,
.under main h4,
.under main h5,
.under main h6{font-weight: 700;margin-bottom: 30px;font-family: var(--font-zen);}

.under main h2{font-size: 38px;}

.under main h3{font-size: 25px;color: var(--mcolor);}
.under main .title_fw_normal{font-weight: 400}

.under main h4{font-size: 20px;position: relative;font-weight: 500}

.under main h5{font-size: 19px;color: var(--mcolor);}

.under main h6{font-size: 18px;position: relative;}

.under main .schoolbus_ttl{font-size: 44px;margin-bottom: 30px;font-weight: 700;font-family: var(--font-zen);}

/*============ FRAME ============ */
/* FRAME 01 */
.under main .frame01{border:3px solid var(--mcolor);padding:50px 30px;background:url('../images/frame01_bg.jpg') repeat;border-radius:10px;margin-bottom: 50px;}

/* FRAME PICKUP */
.under main .frame_pick{border: 1px solid #000;padding: 25px;background: var(--scolor);margin-bottom: 50px;}
.under main .frame_pick .pick_ttl{font-size: 24px;}
.under main .frame_pick .pick_ttl span{font-size: 36px;display: block;}

/* IFRAME BOX */
.under main .box_map{width:100%;height:500px}
.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;}

/*FRAME TEXT 2COL*/
.under main .tbl_2col,
.under main .tbl_2col td,
.under main .tbl_2col th{border: 0;}
.under main .tbl_2col td{padding: 5px 15px}
.under main .tbl_2col td:first-child{width: 185px}

/*frame_image_2col*/
.under main .frame_image_2col{display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px;width: 100%;max-width: 880px;margin: 0 auto 30px;}
.under main .frame_image_2col_wbig{max-width: 1000px}
.under main .frame_image_2col li{position: relative;padding-left: 0;}
.under main .frame_image_2col li::before{display: none;}
.under main .frame_image_2col li .txt{margin-bottom: 10px;font-size: 14px;line-height: 1.5em}
.under main .frame_image_2col li .txt_inset{margin-bottom: 0;font-size: 14px;line-height: 1.5em;position: absolute;width: 100%;left: 0;bottom: 0;padding: 10px;background: rgba(0, 0, 0, 0.4);color: #fff;text-align: center;}
.under main .frame_image_2col li img{width: 100%;border-radius: 10px}
.under main .frame_image_2col li .img,
.under main .frame_image_2col:has(.txt_inset) li{border-radius: 10px;overflow: hidden;}
.under main .frame_image_2col:has(.txt_inset) li .img{height: 100%}
.under main .frame_image_2col:has(.txt_inset) li img{height: 100%;object-fit: cover;}

/*============ LIST ============ */
/* LIST 01 */
.under main .list01{margin-bottom: 30px;}
.under main .list01 li{display:block;padding-left:25px;margin-bottom:5px;position:relative}
.under main .list01 li::before{background:var(--mcolor);width:12px;height:3px;position:absolute;top:12px;left:0;content:''}

/* 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: 2px; background-color: var(--mcolor);font-size: 12px;font-weight: bold;color: #FFF;line-height: 22px;}

/* 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 dl{margin-bottom: 15px;}
.under main .list_faq dl:last-child{margin-bottom: 0}
.under main .list_faq dl>dt{padding:15px 50px 15px 20px;font-size: 18px;color: #fff;font-weight: 700;position: relative;cursor: pointer;}
.under main .list_faq dl>dt.active::before{transform: rotate(90deg);opacity: 0}
.under main .list_faq dl>dt::before{content: '';position: absolute;width: 2px;height: 20px;right: 30px;top: calc(50% - 9px);background: #fff;transition: .3s}
.under main .list_faq dl>dt::after{content: '';position: absolute;width: 20px;height: 2px;right: 21px;top: 50%;background: #fff;}
.under main .list_faq dl>dt{background: var(--yellow_bg);transition: .3s}
.under main .list_faq dl>dt:hover{background: var(--orange);}
.under main .list_faq dl dt,
.under main .list_faq dl dd{display: flex;align-items: flex-start;}
.under main .label{font-size: 30px;font-weight: 500;margin: 0 20px 0 0;line-height: 1.1em;}
.under main dl dt p{font-size: 18px;font-weight: 700;color: var(--txt);}
.under main .list_faq .label{font-family: var(--font-zen);}
.under main .list_faq dl>dt .label{color: var(--txt);;}
.under main .list_faq dl>dd{padding: 20px 50px 20px 20px;display: none;background: var(--gray);color: var(--txt)}
.under main .list_faq .list01 li{color: #fff}
.under main .list_faq .list01 li::before{background: #fff}
.under main .faq_content p{margin-bottom: 15px}
.under main .faq_content p:last-child{margin-bottom: 0}
.under main dd .fa_answer_box{display: flex;align-items: flex-start;}

/* STEP LIST */
.under main .list_step dl{box-sizing: border-box;margin-bottom: 120px;position: relative;}
.under main .list_step dl::before{content: '';position: absolute;border-style: solid;border-width: 40px 90px 0 90px;border-color: var(--mcolor) transparent transparent transparent;left: calc(50% - 90px);bottom: -80px}
.under main .list_step dl:last-child::before{display: none;}
.under main .list_step dl:last-child {margin-bottom: 0}
.under main .list_step dl dt {display: flex;align-items: center;background: var(--mcolor);border-radius: 10px 10px 0 0;}
.under main .list_step dl dt p{font-size: 22px;font-weight: 500;border-bottom: none;color: #fff;margin-bottom: 0}
.under main .list_step dl dt .step_num{position: relative;font-size: 24px;top: 0;font-weight: 700;padding: 5px 15px;}
.under main .list_step dl dd {padding: 20px;position: relative;border: 5px solid var(--mcolor);border-top: 0;border-radius: 0 0 10px 10px;background: var(--scolor)}
/*==========================================================
                        T A B L E
==========================================================*/
table {border-collapse: collapse; border-spacing: 0; border: none;margin-bottom:0;padding:0 }
.under main table.td_top td{vertical-align:top}
.under main table.tb_fix{table-layout: fixed;}
.under main table.border_none,
.under main table.border_none th,
.under main table.border_none td{border: 0}

.under main table{margin-bottom: 30px;border: 1px solid var(--border-color);}
.under main table.mb10{margin-bottom: 10px}
.under main table:last-child{margin-bottom: 0}
.under main table th{background:var(--yellow_bg);color:var(--txt);font-weight:700;font-size: 18px;}
.under main table th,
.under main table td{padding:15px;border: 1px solid var(--border-color);}
.under main table img{display:block;margin:auto;}

.under main table .document_ic{display: flex;align-items: flex-start;gap: 10px;margin-bottom: 10px;}
.under main table .document_ic:last-child{margin-bottom: 0}
.under main table .document_ic img{display: inline-block;margin: 5px 0 0}
.under main table .img_transparent{opacity: 0}


.under main table.admit_tb .tb_w_fit{width: 45%;}
.under main table.admit_tb tr td:first-child{background: var(--yellow_bg);}
.under main table.admit_tb td .mb10{margin-bottom: 10px}
.under main .transfer_documents{margin-bottom: 30px}

.under main table,
.under main table td,
.under main table th{border-left-width: 0;border-right-width: 0}

.under main table.admit_form_table,
.under main table.admit_form_table td{border-width: 1px}
.under main table.admit_form_table{width: 800px;margin: 0 auto}
.under main table.admit_form_table td{background: #fff}
.under main table.admit_form_table .admit_form_label{width: 140px}
.under main table.admit_form_table .no_border_r{border-right-width: 0}
.under main table.admit_form_table .no_border_l{border-left-width: 0}
.under main table.admit_form_table .admit_form_label_hide_short{width: 60px}
.under main .admit_form_table_scroll{margin-bottom: 1.5em}

.archive_item{display: flex;gap: 20px;position: relative;padding: 30px 0;transition: .3s;border-bottom: 1px solid #ddd;z-index: 1;}
.archive_item:hover{background: var(--light-green);}
.archive_item_img{width: 20%;height: 130px;margin-bottom: 0;border: 1px solid #ddd;padding: 10px}
.archive_item_img img{width: 100%;height: 100%;object-fit: cover;}
.archive_item_content{flex: 1;}
.archive_item_content .item_date,
.post_single_date{opacity: .8;margin-bottom: 10px;font-weight: 400;font-family: var(--font-eb);}
.archive_item_content .item_cate,
.post_single_cat{display: inline-block;padding: 0 10px;line-height: 1.5;margin-bottom: 10px;color: var(--green);border: 1px solid var(--green);}
.archive_item_content .item_ttl{font-weight: 700;}
.archive_item_content .item_ttl a{font-size: 140%;color: var(--txt);}
.archive_item_content .item_ttl a::after{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2}

.list_anchor_single{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;width: 100%;margin: 60px auto 0;gap: 20px}
.list_anchor_single li{margin: 0;}
.post_single_date{margin-bottom: 0}
.post_single_info{display: flex;align-items: center;gap: 20px;margin-bottom: 30px}
.btn_single a{font-family: var(--font-eb);padding: 6px 16px 8px;font-size: 18px}
.page_content ul,
.the_content ul{margin-bottom: 30px}
.page_content ul:last-child,
.the_content ul:last-child{margin-bottom: 0}
.page_content ul li,
.the_content ul li{padding-left: 15px;position: relative;}
.page_content ul li::before,
.the_content ul li::before{content: '';position: absolute;width: 5px;height: 5px;background: #000;left: 0;top: 14px;border-radius: 50%}
.the_content p{margin-bottom: 0}
.post_title_single{line-height: 1.2}
p:has(.aligncenter){text-align: center;}
p:has(.alignright){text-align: right;}
.page_content img+img,
.the_content img+img{margin-top: 40px}
.single_content img+img{margin-top: 0}

/*under page*/
.under main .u_banner{margin-bottom: 50px}
.under main .pdt0{padding-top: 0}
.under main .u_ttl{margin-bottom: 14px}
.under main .u_ttl_mb{margin-bottom: 25px}
.under main .u_ttl .ja{font-size: 45px;font-family: var(--font-zen);color: var(--blue_light);}
.under main .sub_ttl_box_center{display: flex;justify-content: center;margin-bottom: 30px}
.under main .sub_ttl{font-size: 35px;font-weight: 800;text-align: center;color: #fff;width: fit-content;line-height: 1.4em;padding: 6px 60px;position: relative;background: var(--orange);overflow: hidden;font-family: var(--font-zen);}
.under main .sub_ttl:last-child{margin-bottom: 0}
.under main .sub_ttl::before{content: '';position: absolute;width: 61px;height: 61px;border-radius: 50%;left: -30px;top: 0;background: var(--orange_dark);}
.under main .sub_ttl::after{content: '';position: absolute;width: 61px;height: 61px;border-radius: 50%;right: -30px;top: 0;background: var(--orange_dark);}
/*==================== MAIN VISUAL UNDER ===================*/
.under main .u_mv{position: relative;padding: 0;background: url(../images/u_mv02.png) center bottom /cover no-repeat;min-height: 371px;padding-top: 138px}
.under main .u_mv::before{content: '';position: absolute;width: 100%;height: 200px;background: #FFFFFF;background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);top: 0;left: 0}
.under main .u_mv_img{width: 100%;text-align: center;}
.under main .u_mv_txt_box{display: flex;align-items: center;justify-content: center;padding: 20px 20px 50px}
.under main .u_mv_txt{width: 100%;max-width: 1100px}
.under main .u_mv_txt h1{font-size: 68px;font-weight: 900;text-align: center;color: #fff;font-family: var(--font-zen);text-shadow: 0px 0px 10px rgba(0,0,0,0.6)}
/*==================== SEC01 ===================*/
.under main .u_sec01 .u_s01_content_box{display: flex;justify-content: space-between;align-items: flex-start;}

/*==================== u_SEC02 ===================*/
.under main .u_s02_list{display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px 60px}
.under main .u_s02_list.u_s02_list .item_full.no_bg .u_full_bg_item,
.under main .u_s02_list li{border-radius: 15px;background: var(--yellow_bg);padding: 20px 20px 39px;}
.under main .u_s02_list .item_ttl{font-size: 30px;color: var(--blue_light);font-family: var(--font-zen);text-align: center;line-height: 1.65em;font-weight: 700;margin-bottom: 18px;height: 99px}
.under main .u_s02_list .item_txt{padding: 0 20px}
.under main .u_s02_list .item_img{text-align: center;margin-bottom: 0}
.under main .u_s02_list li:first-child .item_img{margin-bottom: 10px}

.under main .u_s02_list.u_pta_s02_list{margin-bottom: 30px}
.under main .u_s02_list.u_pta_s02_list li::before{display: none;}
.under main .u_s02_list.u_pta_s02_list li,
.under main .u_s02_list.u_pta_s02_list .item_full.no_bg .u_full_bg_item{padding: 20px 20px 25px}
.under main .u_s02_list.u_pta_s02_list .item_ttl{height: auto;}
.under main .u_s02_list.u_pta_s02_list .item_full{grid-column: span 2}
.under main .u_s02_list.u_pta_s02_list .item_full.no_bg{background: initial;display: flex;justify-content: center;align-items: center;padding: 0}
.under main .u_s02_list.u_pta_s02_list .item_full.no_bg .u_full_bg_item{width: 50%;height: 100%}
.under main .u_s02_list.u_pta_s02_list .item_full.no_bg .u_full_bg_item_big{width: 100%;}
.under main .u_s02_list.u_pta_s02_list .item_ttl{color: #000}

.under main .u_s02_list.u_pta_s02_list .item_full.no_bg.item_blue .u_full_bg_item{background: #004EA2;background: linear-gradient(0deg,rgba(0, 78, 162, 0.5) 0%, rgba(0, 78, 162, 0.25) 50%, rgba(0, 78, 162, 0.5) 100%)}
.under main .u_s02_list.u_pta_s02_list .item_l_blue{background: #dfe7f5}
.under main .u_s02_list.u_pta_s02_list .item_l_orange{background: #fbe5d6}
.under main .u_s02_list.u_pta_s02_list .item_l_yelow.item_full.no_bg .u_full_bg_item{background: #fff2cc}
.under main .u_s02_list.u_pta_s02_list .item_green{background: #c5e0b4}
.under main .u_s02_list.u_pta_s02_list .item_l_green{background: #e2f0d9}
.under main .u_s02_list.u_pta_s02_list .pta_item_middle,
.under main .u_s02_list.u_pta_s02_list .pta_item_middle .u_full_bg_item{display: flex;flex-direction: column;justify-content: center;}

.under main .u_pta_s02_list li{min-height: 180px}

/*==================== SEC03 ===================*/
.under main .u_s03_frame_gray{position: relative;overflow: hidden;background: #f2f2f2;padding: 45px 60px 62px;border-radius: 20px}
.under main .u_s03_ttl{font-size: 35px;color: var(--blue_light);text-align: center;margin-bottom: 60px;position: relative;z-index: 1;font-weight: 700;font-family: var(--font-zen);}
.under main .u_s03_ttl::before{content: '';position: absolute;width: calc(100% + 200px);height: 256px;background: #fcf1ca;left: 50%;transform: translateX(-50%);border-radius: 50%;z-index: -1;top: -180px}
.under main .frame_white{background: #fff;padding: 20px 40px;border-radius: 20px}
.under main .u_s03_frame_white01{width: 100%;margin: 0 auto 13px;padding: 10px 30px;max-width: 878px}
.under main .u_s03_txt02{margin-bottom: 54px}
.under main .u_s03_frame_ttl{font-size: 25px;font-weight: 700;color: var(--blue_light);margin-bottom: -9px;font-family: var(--font-zen);}
.under main .u_s03_frame_txt03{border-bottom: 4px solid #e6e6e6;margin-bottom: 27px;padding-bottom: 13px}
.under main .u_s03_frame_white02{padding: 18px 60px 30px}
.under main .u_s03_txt01{margin-bottom: 13px}

/*==================== SEC04 ===================*/
.under main .sec_yellow{position: relative;z-index: 2;padding: 172px 0 227px;}
.under main .sec_yellow::before{content: '';position: absolute;width: 100vw;height: 100%;left: 50%;transform: translateX(-50%);background: #fcf1ca;top: 0;z-index: -1}
.under main .sec_yellow::after{content: '';position: absolute;width: 100vw;height: 130px;background: #fff;clip-path: polygon(0 0, 50% 100%, 100% 0);top: 0;left: 50%;z-index: -1;transform: translateX(-50%);}
.under main .sec_yellow_no_ic::after{display: none;}
.under main .sec_yellow_no_ic{padding: 60px 0}
.under main .u_sec04{padding: 0}
.under main .ttl_pin_ic{font-size: 38px;font-weight: 700;color: var(--blue_light);padding-left: 50px;position: relative;font-family: var(--font-zen);margin-bottom: 15px}
.under main .ttl_pin_ic::before{content: '';position: absolute;width: 40px;height: 56px;left: 0;top: 15px;background: url(../images/pin_ic.png) center /cover no-repeat;}
.under main .u_s04_txt{font-size: 18px}
.under main .u_s04_txt .link{margin: 0 5px}
.under main .frame_white_trans{background: rgba(255, 255, 255, 0.7);}
.under main .frame_box_yellow.frame_white_trans{background: var(--yellow_bg);margin-bottom: 30px;width: 100%;max-width: 928px}
.under main .frame_box_yellow.frame_white_trans:last-child{margin-bottom: 0}
.under main .u_s04_frame_ttl{font-size: 24px;font-weight: 700;color: var(--blue_light);margin-bottom: 15px}
.under main .list_num li:last-child{margin-bottom: 0}
.under main .list_num li{counter-increment: li;position: relative;margin-bottom: 4px;padding-left: 44px}
.under main .list_num li::before{display: none;}
.under main .list_num li::after{content: counter(li, decimal-leading-zero);font-size: 18px;font-weight: 700;color: var(--blue_light);line-height: 22px;margin-right: 10px;font-family: var(--font-zen);position: absolute;top: 4px;left: 0}
.under main .u_s04_frame_white01{width: 582px;padding-left: 61px;padding-bottom: 30px}
.under main .u_s04_content01{display: flex;gap: 120px;margin-bottom: 97px;padding-left: 62px;align-items: flex-end;}
.under main .u_title_bg_blue{color: #fcf1ca;font-size: 24px;font-weight: 700;font-family: var(--font-zen);margin-bottom: 9px}
.under main .u_title_bg_blue span{display: inline-block;border-radius: 50px;line-height: 1.5em;padding: 3px 15px 4px;background: var(--blue_light);position: relative;overflow: hidden;}
.under main .u_title_bg_blue a{color: #fff;}
.under main .u_title_bg_blue a::after{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0}
.under main .frame_list_2col{display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px 20px}
.under main .frame_list_2col .frame_item{border-radius: 20px;padding: 30px 42px}
.under main .frame_list_2col .frame_item_gray{background: #f4f3eb;}
.under main .frame_list_2col .frame_item_yellow{background: var(--yellow_bg);}
.under main .frame_list_2col .frame_item_full{grid-column: span 2}
.under main .frame_ttl_blue_num{color: var(--blue_light);font-weight: 700;font-size: 24px;margin-bottom: 15px}
.under main .frame_item_list_num{display: flex;gap: 10px}
.under main .frame_item_list_num .num{font-family: var(--font-zen);font-size: 18px;margin-right: 15px;font-weight: 700;margin-bottom: 0;color: var(--blue_light);padding-top: 7px}
.under main .frame_white_list_col{margin-bottom: 30px}
.under main .list_ic_jp li{position: relative;padding-left: 15px;}
.under main .list_ic_jp li::before{content: '※';font-size: var(--mfont-size);font-family: var(--font-main);color: #000;position: absolute;left: 0;top: 0}
.under main .u_common_content{margin-bottom: 60px}
.under main .u_common_content:last-child{margin-bottom: 0}
.under main .frame_list_2col_arrow .frame_item{gap: 20px}
.under main .frame_list_2col_arrow .frame_img{margin-bottom: 0}
.under main .u_s04_frame_ttl02 {font-size: 25px;font-weight: 700;margin-bottom: 15px;line-height: 1.8em}
.under main .frame_list_2col_arrow .frame_l{position: relative;flex-shrink: 0;}
.under main .frame_list_2col_arrow .frame_l::before{content: '';position: absolute;border-style: solid; border-width: 10px 0px 10px 20px; border-color: transparent transparent transparent #f9ba22;right: -60px;top: calc(50% - 10px);}
.under main .frame_list_2col_ic_book{position: relative;}
.under main .frame_list_2col_ic_book::before{content: '';position: absolute;width: 275px;height: 222px;right: 30px;top: -15px;background: url(../images/hennyu_img03.png) center /cover no-repeat;}
.under main .frame_ic_boook02{position: relative;}
.under main .frame_ic_boook02::before{content: '';position: absolute;width: 362px;height: 242px;right: 37px;top: calc(50% - 170px);background: url(../images/hennyu_img04.png) center /cover no-repeat;}
.under main .frame_white_pad{padding: 60px}
.under main .list_link li{position: relative;padding-right: 49px;margin-bottom: 18px}
.under main .list_link li:last-child{margin-bottom: 0}
.under main .list_link li::before{content: '';position: absolute;width: 28px;height: 28px;right: 0;top: 0;background: url(../images/link_ic.png) center /cover no-repeat;left: initial;}
.under main .road_to_school_ic{margin: 0;position: absolute;width: 684px;height: 842px;right: calc(50% - 710px);bottom: 170px;background: url(../images/road_to_school.png) center /cover no-repeat;z-index: -1}
.under main .u_s04_frame_white02{padding: 40px 30px}
.under main .u_s04_frame_list_2col_01{gap: 10px;display: flex;}
.under main .u_s04_frame_white04{padding: 46px 60px}
.under main .u_s04_frame_white05{padding: 31px 122px 39px 61px}

.under main .text_management_vp,
.under main .management_hd{margin-bottom: 20px}
.under main .text_management_vp{padding-left: 20px}
.under main .ml20,
.under main .text_management_vp .ml{margin-left: 20px}
.under main .management_vp h4{margin-bottom: 10px}
.under main .management_vp:has(+ h3.management_hd){margin-bottom: 30px}
.under main .management_vp p{margin-bottom: 5px}

.under main .frame_sclife{border-radius: 15px;padding: 20px;margin-bottom: 30px;border: 2px solid var(--mcolor);}
.under main .frame_sclife:last-child{margin-bottom: 0}
.under main .wrap_sclife_box{display: flex;align-items: center;justify-content: space-between;}
.under main .wrap_figure_sclife{display: flex;gap: 20px;align-items: center;}
.under main .wrap_figure_sclife .img{margin-bottom: 0;width: 121px;flex-shrink: 0}
.under main .tg_text_sclife h4{margin-bottom: 0}
.under main .wrap_sclife_box .img_sclife_right{width: 165px;flex-shrink: 0}
.under main .wrap_sclife_box .img_sclife_right img{width: 100%;object-fit: cover;}

.under main .page_content .img_schoolife_thumb{display: flex;list-style-type: none;gap: 0}
.under main .page_content .img_schoolife_thumb li{padding-left: 0}
.under main .page_content .img_schoolife_thumb li::before{display: none;}

.under main .sch_act_archive{list-style-type: none;display: flex;flex-wrap: wrap;align-items: flex-start;gap: 30px}
.under main .sch_act_archive .school-life_archive_item{width: 22%}
/*.under main .sch_act_archive .sch_act_item{background: #f4f3eb;border-radius: 20px;padding: 20px;position: relative;margin-bottom: 30px;transition: .3s}
.under main .sch_act_archive .sch_act_item:hover{background: var(--yellow_bg);}
.under main .sch_act_archive .sch_act_item:last-child{margin-bottom: 0}
.under main .sch_act_archive .sch_act_item a::after{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.under main .sch_act_archive .sch_act_item .item_ttl a{font-size: 20px;font-size: 24px; font-weight: 700; color: var(--blue_light); }
.under main .sch_act_archive .sch_act_item .item_ttl{margin-bottom: 15px;}
.under main .sch_act_archive .sch_act_item .item_info{display: flex;gap: 20px}*/


.under main .u_ttl_archive{margin-bottom: 32px}
.under main .detail_info{display: flex;align-items: center;gap: 5px 20px;flex-wrap: wrap;}

.under main .other_post{border-top: 1px solid var(--gray);margin-top: 60px}
.under main .other_post_item a{text-underline-offset: 5px}
.under main .other_post_item a:hover{color: var(--mcolor);}


/*NEWS*/
.under main #news_archive_box{display: flex;justify-content: center;}
.under main #news_archive_box.news_archive_box_content{padding: 0 220px;display: block;}
.under main .news_archive_box_content .news_archive:first-child{border-top: 1px solid var(--border-color);}
.under main .news_archive_box_content .news_archive{padding: 20px 0 16px 0;border-bottom: 1px solid var(--border-color);position: relative;margin-bottom: 0}
.under main .news_archive_box_content .news_archive a::after{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.under main .news_archive .item_date{width: 87px;flex-shrink: 0}
.under main .news_archive .item_cate,
.under main .item_cat_detail{width: fit-content;flex-shrink: 0;padding: 3px 10px 4px;color: #fff;background: var(--mcolor);border-radius: 5px;font-weight: 400;font-size: 14px;line-height: 1.5em;position: relative;top: -2px}
.under main .list_cate_btn{display: flex;flex-wrap: wrap;justify-content: center;align-items: flex-start;gap: 20px;margin-bottom: 30px}
.under main .list_cate_btn .btn a{width: auto;min-width: 230px;font-size: 18px}
.under main .list_cate_btn .btn a.active{pointer-events: none;background: var(--orange);}

/*News Detail*/
.under main .single_content .img-flex,
.under main .single_content p:has(img+img){display: flex;flex-wrap: wrap;gap: 1.5em;align-items: flex-end;}
.under main .single_content p:has(img+img+img) img{max-width: 30%}
.under main .single_content p:has(img+img) img{max-width: calc(50% - 0.8em)}
.under main .item_cat_detail{top: 0}

.wp_pagination {padding: 50px 0px; display: flex; flex-wrap: wrap; justify-content: center; }
.wp_pagination a,
.wp_pagination span {width: 52px; height: 52px; border: 1px solid #333; background-color: #fff; color: #333; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin: 3px 10px; font-weight: 500 }
.wp_pagination span.current,
.wp_pagination a:hover {border-color: var(--mcolor); background-color: var(--mcolor); color: #fff }
.wp_pagination a.nextpostslink,
.wp_pagination a.previouspostslink {white-space: nowrap; color: #333; font-weight: bold; background-color: transparent; border: unset; }
.wp_pagination .prev.page-numbers,
.wp_pagination .next.page-numbers {display: none; }

/*FORM STYLE*/
.under main .f-control{border: 1px solid #cdcdcd; background: #fff; padding: 15px; width: 100%;border-radius: 5px}
.under main .f-control-mini{width: 140px}
.under main textarea.f-control{width: 100% !important}
.under main .must{color: var(--red);margin-right: 5px}
.under main .contact_form{margin-bottom: 30px}
.under main .contact_form dl{display: flex;margin: 0;border-top: 1px solid var(--border-color)}
.under main .contact_form dl:last-child{border-bottom: 1px solid var(--border-color);}
.under main .contact_form dl dt{background: var(--yellow_bg);padding: 20px;gap: 40px;width: 30%;flex-shrink: 0;display: flex;align-items: center;}
.under main .contact_form dl dt.w60{min-width: 60%}
.under main .contact_form dl dd{padding: 20px;flex: 1;}
.under main .contact_form dl .f-label01{font-weight: 700;color: var(--mcolor);margin-bottom: 0;width: 90px;flex-shrink: 0}
.under main .contact_form dl .f-label02{color: var(--txt);font-weight: 400}
.under main .contact_form dl dd ul li::before{display: none;}
.under main .contact_form dl dd ul li{padding-left: 0}
.under main .contact_form .f-note{opacity: .5;display: block;font-weight: 400;font-size: 14px;}
.under main .form_flex{display: flex;align-items: flex-start;gap: 10px;justify-content: space-between;margin-bottom: 0}
.under main .form_flex.justify-start{justify-content: flex-start;}
.under main .f-txt{padding-top: 10px}
.under main .btn_contact_box{display: flex;justify-content: center;gap: 20px;}
.under main .f-btn{background: var(--mcolor);color: #fff;border: 0;border-radius: 50px;cursor: pointer;transition: .3s;width: 160px;height: 50px}
.under main .f-btn:hover{opacity: .8}
.under main .form_h_ttl{margin: 15px 0}
.under main .form_h_ttl h3{margin-bottom: 0}
.under main .form_h_ttl.gap-20{gap: 20px}
.under main .contact_form .f-group dl dt{background: #f5efda47}

.under main .mw_wp_form_confirm .form_flex{justify-content: flex-start;}
.under main .mw_wp_form_confirm .form_flex .f-txt,
.under main .mw_wp_form_confirm .f-note,
.under main .mw_wp_form_confirm .form-policy,
.under main .mw_wp_form_confirm .form-pta{display: none;}
.under main .mw_wp_form_confirm .clear{display: none;}
.under main .mw_wp_form_confirm .contact_form dl dd{padding-top: 25px}
.under main .mw_wp_form_confirm .form_date_field .txt{margin-top: 0}

.under main .form_flex_justify-start{justify-content: flex-start;}
.under main .form_flex_align-center{align-items: center;}
.under main .form_flex_align-start{align-items: flex-start;}
.under main .f-control_box_mt{margin-top: 12px}
.under main .mw_wp_form_confirm .f-control_box_mt{margin-top: 1px}
.under main .form_flex_gap{gap: 40px}
.under main .mwform-checkbox-field label, .mwform-radio-field label{display: flex;align-items: center;}
.under main input.f-control[type="checkbox"],
.under main input.f-control[type="radio"] {width: 20px; height: 20px; border: 1px solid #cdcdcd; border-radius: 2px; appearance: none; -webkit-appearance: none; cursor: pointer; background: #fff; position: relative; padding: 0; margin: 2px 8px 0 0; cursor: pointer; flex-shrink: 0}
.under main input.f-control[type="radio"]{border-radius: 50%}
.under main input.f-control[type="radio"]:checked::after{content: "";background-color: var(--mcolor);left: 3px;top: 3px;width: calc(100% - 6px);height: calc(100% - 6px);border-radius: 50%;position: absolute;}
.under main input.f-control[type="checkbox"]:checked{background-color: var(--mcolor); border-color: var(--mcolor); }
.under main input.f-control[type="checkbox"]:checked::after {content: ""; color: #fff; position: absolute; left: calc(50% - 3px); top: calc(50% - 16px/2); border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); width: 7px; height: 12px; }
.under main .list_document{display: flex;flex-wrap: wrap;gap: 15px}
.under main .list_document li{width: 40%;display: flex;align-items: center;}
.under main .f-control-file{width: 90%}
.under main .f-control-radio-col{display: flex;align-items: center;flex-wrap: wrap;gap: 10px}
.under main .f-control-row{margin-bottom: 15px}
.under main .f-control-row:last-child{margin-bottom: 0}
.under main .form_date_field{display: flex;align-items: flex-start;gap: 10px}
.under main .form_date_field .txt{margin-top: 11px}
.under main .form_date_field p{margin-bottom: 0}
.under main .form-policy{margin-bottom: 20px}
.under main .form-pta{margin-bottom: 30px}

.under main .ml_big{margin-left: 40px;}
.under main .ml_sbig{margin-left: 30px;}

.under main .frame_box{margin-bottom: 30px}
.under main .frame_box:last-child{margin-bottom: 0}

/*Admit*/
.under main .admit_docs_col dd{margin-left: 30px}
.under main .admit_list_2col{margin-bottom: 30px;display: flex;justify-content: left;gap: 20px;flex-wrap: wrap;}
.under main .admit_list_2col .frame_item_admit_gray{background: #f2f2f2;width: calc(50% - 10px);padding: 30px}
.under main .admit_list_2col .frame_item_full{width: 65%}
.under main .admit_list_2col:last-child{margin-bottom: 0}
.under main .u_title_bg_blue_txt_white{color: #fff}
.under main .frame_white.u_admit_frame_gray{background: #f2f2f2;margin-bottom: 1.5em}
.under main .u_admit_frame_gray .u_s03_frame_txt03{border-color: #fff}
.under main .frame_admit_box{padding-bottom: 33px}
.under main .page_content .frame_admit_box ul{margin-bottom: 15px}
.under main .page_content .frame_admit_box ul:last-child{margin-bottom: 0}

/*Childcare*/
.under main .childcare_btn_box{display: flex;justify-content: center;margin: auto; max-width: 650px;width: 100%}

/*History*/
.under main .history_ttl{padding-top: 30px}
.under main .history_dl_frame dl{margin-bottom: 15px;display: flex;align-items: flex-start;gap: 20px}
.under main .history_dl_frame dt{width: 185px;flex-shrink: 0}
.under main .history_dl_frame dd{flex: 1}

/*Tam an de sua form*/
.under main .children_form_box02,
.under main .children_form_box03,
.under main .children_form_box04{display: none;}

section:last-child{padding-bottom: 0}
section:first-child{padding-top: 0}

/*==========================================================
                    Responsive style
==========================================================*/
@media screen and (min-width: 1101px){
.ttl_pin_ic,
p{line-height: 2.25em}
.under main .u_s04_frame_white01 .u_s04_frame_ttl{margin-bottom: 12px}
.under main .u_s04_frame_white02 .u_s04_frame_ttl{margin-bottom: 9px}
.under main .u_s04_frame_list_2col_01 .frame_item{padding: 20px 30px}
.under main .u_s04_frame_list_2col_01 .frame_item_long{padding: 15px;gap:24px}
.under main .u_s04_frame_white03{padding: 49px 20px 53px 60px;gap: 100px}
.link.link_ic{letter-spacing: 0.07em;text-underline-offset: 9px;}
}
@media screen and (max-width: 1100px) {
section{padding: 0 0 40px}
section:last-child{padding-bottom: 0}
.under main .sec_yellow.sec_yellow_no_ic{padding: 40px 0}
.under main h2{font-size: 24px}
.under main h3{font-size: 21px}
.under main h4{font-size: 20px}
.under main h5{font-size: 18px}
.under main .schoolbus_ttl{font-size: 28px}
.under main .u_sec01 .u_s01_content_box{flex-direction: column;align-items: center;max-width: 610px}
.under main .u_s01_ic02{align-self: flex-end;}
.under main .u_s01_content{margin-bottom: 30px}
.under main .u_s02_list{grid-template-columns: repeat(1, 1fr);max-width: 610px;width: 100%;margin: 0 auto;padding: 0 20px}
.under main .sub_ttl{font-size: 30px}
.under main .u_s03_frame_white02{padding: 18px 30px 30px}
.under main .u_s03_txt01,
.under main .u_s03_txt02{text-align: left;}
.under main .sec_yellow::after{height: 70px}
.under main .sec_yellow{padding-top: 92px;padding-bottom: 260px}
.under main .u_s04_content01{padding-left: 0;gap: 70px;margin-bottom: 40px;flex-direction: column;gap: 0}
.under main .u_s04_img{align-self: flex-end;margin-right: -10px}
.under main .u_s04_img img{width: 240px}
.under main .u_s04_frame_white01{width: 100%;margin-bottom: -120px}
.under main .frame_list_2col{grid-template-columns: repeat(1, 1fr);gap: 30px}
.under main .admit_list_2col .frame_item_admit_gray{width: 100%}
.under main .w80_sp{width: 80%;margin: 0 auto;}
.under main .u_title_bg_blue{font-size: 19px;margin-bottom: 15px}
.under main .u_title_bg_blue span{padding: 16px 20px 17px;line-height: 1.3em}
.under main .u_s04_frame_white03{flex-direction: column;gap: 60px;padding: 20px 40px 60px;}
.under main .frame_list_2col_ic_book::before{width: 200px;aspect-ratio: 275/222;height: auto;top: calc(100% - 40px);}
.under main .frame_list_2col_arrow .frame_l::before{border-width: 20px 10px 0px 10px;border-color: #f9ba22 transparent transparent transparent;right: calc(50% - 10px);top: calc(100% + 20px);}
.under main .frame_list_2col_arrow .frame_r{width: 100%;max-width: 480px}
.under main .u_s04_frame_list_2col_01{flex-direction: column;padding: 0 20px}
.under main .pdt_sp_big{padding-top: 100px}
.under main .u_s04_frame_white04{padding: 30px 40px 80px}
.under main .u_s04_frame_white04 .frame_txt{width: 55%;}
.under main .frame_ic_boook02::before{width: 234px;height: 242px;right: 0;top: 0;background-image: url(../images/hennyu_img04_sp.png)}
.under main .frame_ic_boook02::after{content: '';position: absolute;width: 164px;height: 188px;left: 70px;top: calc(100% - 60px);background: url(../images/hennyu_img05_sp.png) center /cover no-repeat;}
.under main .pdt_sp_big02{padding-top: 140px}
.under main .mb_frame_link{margin-bottom: 40px}
.under main .road_to_school_ic{width: 704px;height: 850px;background-image: url(../images/road_to_school_sp.png);bottom: 0;right: -20px}
.under main .u_s04_frame_white05{padding: 20px 50px 30px;margin-bottom: 250px;background: transparent;}
.under main .road_to_school_sec{position: relative;}
.under main .road_to_school_sec02{position: relative;}
.under main .u_sec04{margin-bottom: 47px}
.under main .u_sec04::after{content: '';position: absolute;width: 618px;height: 266px;left: 30px;bottom: 0;background: url(../images/road_to_school_sp02.png) center /cover no-repeat;z-index: 2}
.under main .u_mv_txt h1{font-size: 50px}
.under main .u_s02_list .item_ttl{height: initial;font-size: 20px}
.under main .u_s02_list .item_img{width: 50%;margin: 0 auto;max-width: 110px}
.under main .u_s02_list .item_txt{padding: 0}
.under main .u_s03_frame_gray{padding: 30px 20px}
.under main .u_s04_img{width: 140px}
.under main .u_common_content{margin-bottom: 40px}
.under main .box_map{height: 300px}
.under main .tbl_2col td{vertical-align: top;}
/*FORM*/
.under main .contact_form dl{flex-direction: column;border: 0}
.under main .contact_form dl dt{padding: 10px;gap: 10px;width: 100%;align-items: flex-start;}
.under main .contact_form dl dd{padding: 15px 15px 50px}
.under main .contact_form dl .f-label01:empty{display: none;}
.under main .btn_contact_box{flex-wrap: wrap;justify-content: center;}
.under main .f-control{padding: 8px 15px}
.under main div.form_flex{flex-direction: column;}
.under main .mw_wp_form_confirm div.form_flex{flex-direction: row;flex-wrap: wrap;}
.under main .f-txt{padding-top: 4px}
.under main .f-control_box_mt{margin-top: 5px}
.under main .f-control_box_w50_sp{width: 50%}
.under main .contact_form .children_form_box dl:last-child,
.under main .contact_form .f-group dl:last-child{border-bottom: 0}
.under main .contact_form .f-group dl:last-child dd{padding-bottom: 0}
.under main .f-last-group .f-label02{margin-bottom: 0}
.under main .form_date_field .txt{margin-top: 6px}
.under main .mw_wp_form_confirm .contact_form dl dd{padding-top: 15px}

.under main table{margin-bottom:30px;border-width: 0}
.under main table.td_top{vertical-align: top;}
.under main table td,
.under main table th{padding:15px 10px}
.under main table th{font-size: 17px}
.under main table.tb_block tr{display:flex;flex-direction:column}
.under main table.tb_block th,
.under main table.tb_block td{border-top-width: 0;border-bottom-width: 0}
.under main table.tb_block td+td{border-top-width: 1px}

.under main table.tb_block th,
.under main table.tb_block td{width: 100%;}
.under main table.tb_block tr:last-child td:last-child{border-bottom-width: 1px;}

.under main table.tb_map tr{display: flex;flex-direction: column;}
.under main table.tb_map td{width: 100%;flex-shrink: 0;padding-top: 0}
.under main table.tb_map td:first-child{padding-bottom: 10px}
.under main table.tb_map td p{line-height: 1.5em}
.under main table.tb_map td .position_ic{padding-left: 30px}
.under main table.tb_map td .position_ic::before{width: 20px;height: auto;aspect-ratio: 1/1;top: 3px}
.under main table.admit_tb .tb_w_fit{width: 100%}
.under main table.admit_tb.tb_block td+td{border-top-width: 0}
.under main table.tb_block td:last-child{padding-bottom: 50px}

.under main .sch_act_archive{width: 100%;max-width: 600px;margin: 0 auto}
.under main .sch_act_archive .school-life_archive_item{width: calc(50% - 15px);}

.under main #news_archive_box.news_archive_box_content{padding: 0 60px;justify-content: center;}


	
}

@media screen and (max-width: 767px) {
.under main .u_mv_txt h1{font-size: 35px}
.under main .u_ttl .ja{font-size: 22px}
.under main .sub_ttl{font-size: 20px;padding: 6px 30px}
.under main .sub_ttl::before{height: 100%;left: initial;right: calc(100% - 25px);}
.under main .sub_ttl::after{height: 100%;right: initial;left: calc(100% - 25px);}
.under main .u_s02_list{padding: 0}
.under main .u_s03_ttl{font-size: 26px}
.under main .frame_white{padding: 10px 20px}
.under main .frame_white:has(.link_pdf,.link_xlsx,.link_docs, .link_web){padding-left: 30px}
.under main .u_s04_frame_white02{padding: 20px}
.under main .u_s03_txt02{margin-bottom: 30px;}
.under main .u_s03_frame_ttl{font-size: 20px;line-height: 1.5em;margin-bottom: 5px}
.under main .u_s02_list_sp li{padding: 20px 14px}
.under main .sec_yellow::after{height: 60px;top: -1px}
.under main .sec_yellow{padding-top: 82px}
.under main .ttl_pin_ic::before{width: 20px;height: 28px;top: 12px}
.under main .ttl_pin_ic{font-size: 30px;padding-left: 30px;line-height: 1.6em}
.under main .u_s04_frame_ttl{font-size: 21px}
.under main .list_num li{padding-left: 26px}
.under main .frame_list_2col .frame_item{padding: 15px}
.under main .frame_item_list_num .num{margin-right: 4px;padding-top: 2px}
.under main .frame_item_list_num{gap: 5px}
.under main .u_s04_frame_white02  .u_s04_frame_ttl{margin-bottom: 0}
.under main .frame_list_2col_ic_book::before{width: 160px}
.under main .u_s04_frame_white03{padding: 20px 20px 60px}
.under main .frame_ic_boook02::before{width: 140px;height: auto;aspect-ratio: 117/121;top: -10px}
.under main .frame_ic_boook02::after{height: auto;aspect-ratio: 41/47;width: 100px;left: 20px}
.under main .u_s04_frame_white04{padding: 20px 20px 80px}
.under main .pdt_sp_big02{padding-top: 60px}
.under main .mb_frame_link{margin-bottom: 20px}
.under main .road_to_school_ic{width: 352px;aspect-ratio: 352/425;height: auto;right: -20px}
.under main .u_s04_frame_white05{margin-bottom: 180px}
.under main .road_to_school_sec{margin-bottom: 30px}
.under main .list_link li::before{top: 4px}
.under main footer{padding-top: 0}

.under main .wrap_figure_sclife,
.under main .wrap_sclife_box{flex-direction: column;}
.under main .img_sclife_right{}

  /*FAQ*/
.under main .qa_ttl{font-size: 24px;padding-top: 1px;margin-right: 10px}
.under main .faq_box01 dl dt{padding: 15px 40px 15px 15px}
.under main .faq_box01 dl dd{padding: 15px 15px 15px 15px}
.under main .faq_box01 dl>dt::before{height: 20px;right: 25px;top: calc(50% - 10px)}
.under main .faq_box01 dl>dt::after{width: 20px;}
.under main dl dt p{font-size: 16px}

/* STEP LIST */
.under main .list_step dl{margin-bottom: 60px}
.under main .list_step dl::before{border-width: 20px 40px 0 40px;left: calc(50% - 40px);bottom: -40px;}
.under main .list_step dl dt p{font-size: 16px}
.under main .list_step dl dt .step_num{font-size: 18px;padding: 10px}
.under main .list_step dl dt{align-items: initial;}
.under main .list_step dl dd{overflow: hidden;}
.under main .list_step dl dt p{display: flex;align-items: center;}

/*============ TABLE ============ */
/* TABLE SCROLL */
.under main .tb_scroll{overflow:scroll;}
.under main .tb_scroll:not(:last-child){margin-bottom: 30px;}
.under main .tb_scroll table{width: 800px;}
.under main .tb_note{margin-bottom: 10px;color: #999;}

.under main .list_cate_btn .btn a{font-size: 16px;min-width: 160px}

.under main .other_post{margin-top: 30px;padding-top: 15px}

.under main .u_s02_list.u_s02_list .item_full{grid-column: initial;}
.under main .u_s02_list.u_s02_list .item_full.no_bg .u_full_bg_item{width: 100%}
.under main .u_s02_list.u_s02_list .item_full.no_bg .u_full_bg_item, .under main .u_s02_list li{padding-bottom: 20px}

/*Schoolactivity*/
.under main .u_ttl_archive{margin-bottom: 20px}

/*NEWS Archive*/
.under main #news_archive_box.news_archive_box_content{padding: 0}
.under main .news_archive{flex-wrap: wrap;gap: 10px 30px}
.under main .news_archive .ttl{width: 100%}
/*NEWS DETAIL*/
.under main .single_content p:has(img+img+img) img,
.under main .single_content p:has(img+img) img{max-width: 100%;}

.under main .u_pta_s02_list .pta_item_middle{min-height: auto;height: 140px}

}
@media screen and (max-width: 479px) {
  .under main .u_s04_frame_white01{padding-bottom: 60px}
  .under main .frame_ic_boook02::before{width: 100px;position: relative;display: inline-block;float: right;margin-left: 10px;margin-bottom: -10px}
  .under main .u_s04_frame_white04 .frame_txt{width: 100%}
  .under main .ttl_pin_ic{font-size: 24px}
  .under main .ttl_pin_ic::before{top: 8px}
  .under main .u_sec04::after{width: 309px;height: 133px;left: 5px;}
  .under main .u_sec04{margin-bottom: 23px}
  .under main .sec_yellow{padding-bottom: 140px;}
  .under main .u_mv{min-height: 260px;padding-top: 100px}
  .under main .tbl_2col td:first-child{width: 40%}
  .under main .frame_image_1col_sp{grid-template-columns: repeat(1, 1fr);}
  .position_ic{padding-left: 30px}
  .position_ic::before{width: 20px;height: auto;aspect-ratio: 1/1;top: 6px}
  .under main .sch_act_archive .school-life_archive_item{width: 100%}
  .under main .u_s01_ic02 img{width: 200px}
  .under main .mb15_sp{margin-bottom: 15px}
  .under main .frame_admit_box{padding-bottom: 25px}
  .under main .history_dl_frame dt{width: 30%;max-width: 185px}
  .under main .f-btn{background: var(--mcolor);color: #fff;border: 0;border-radius: 50px;cursor: pointer;transition: .3s;width: 140px;height: 40px}
}
@media screen and (max-width: 360px) {
  .under main .u_s04_frame_white01{padding-bottom: 100px}
  .under main .f-btn{background: var(--mcolor);color: #fff;border: 0;border-radius: 50px;cursor: pointer;transition: .3s;width: 140px;height: 40px}
}
@media screen and (max-width: 340px) {
  .under main .u_title_bg_blue{font-size: 17px}
  .under main .schoolmanagement_ttl .ja{font-size: 23px}
  .under main .u_s04_frame_ttl{font-size: 18px}
  .under main .u_s02_list .item_ttl{font-size: 18px}
  .under main .u_s02_list .item_txt{font-size: 15px}
  .under main .u_ttl.u_admit_ttl .ja{font-size: 21px}
  .under main .ttl_pin_ic{font-size: 22px}
  .under main .u_mv_txt h1{font-size: 31px}
  .under main .f-btn{background: var(--mcolor);color: #fff;border: 0;border-radius: 50px;cursor: pointer;transition: .3s;width: 130px;height: 40px}
}
/*================== Responsive style ==================*/


/*================== style new css ==================*/

.fram_ct ul {
    list-style: none; 
    padding: 0;
    margin: 0;
}
.fram_ct ul li::before {
   content: none;
}
.fram_ct ul li .num {
    color: #0165b2;
    position: absolute; 
    left: 0; 
    top: 0; 
}
.fram_ct strong{
  color: #0165b2;
}
.fram_ct ul li {
    position: relative; 
    padding-left: 35px; 
}
.detail_ct a{
text-decoration:none!important;

}
.under main .other_post_item{
  padding: 10px 0px;;
border-top: 1px solid var(--gray);
}
h3.other_post_ttl {
  padding: 10px 0px!important;
  margin-bottom: 0px!important;
}
.frame_image_2col li {
    display: flex;
    flex-direction: column; 
}
.frame_image_2col .txt {
    flex-grow: 1;}
ul.ul_ct {
    margin-left: 12px;
}


@media screen and (min-width: 1024px) {
    .tb_ct th, .tb_ct td  {
        text-align: left;
        padding: 15px 40px !important;
    }
}
/*================== end new css ==================*/
/* ==================================================
 FORM CSS (FLEXBOX GRID)
   ================================================== */
 .under main .form_date_field .txt {
    margin-top: 0px;
}
.under main .form_date_field {
  align-items: center;
}
.jp-ttsf-form {
    width: 100%;
    margin: 0 auto 30px auto;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    font-size: 16px;
    line-height: 1.4;
    color: #000;
}
.jp-ttsf-form * { box-sizing: border-box; }

/* Grid System */
.d-flex { display: flex; width: 100%; }
.flex-col { display: flex; flex-direction: column; }

/* Cell Styling */
.jp-cell {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 6px 8px;
    display: flex;
    align-items: center;
    min-height: 36px;
}
.jp-label {
    background-color: #f5f5f5; /* Màu xám cho tiêu đề */
    text-align: center;
    justify-content: center;
}
.bg-yellow { background-color: #fff200 !important; } /* Màu vàng bắt buộc */
.bg-yellow input, .bg-yellow select, .bg-yellow textarea { background-color: #fff200 !important; }

/* Alignment */
.flex-center { justify-content: center; align-items: center; text-align: center; }
.flex-start { justify-content: flex-start; align-items: center; gap: 5px; }

/* Width Utilities (%) */
.w-5 { width: 5%; } .w-10 { width: 10%; } .w-15 { width: 15%; }
.w-20 { width: 20%; } .w-25 { width: 25%; } .w-30 { width: 30%; }
.w-35 { width: 35%; } .w-40 { width: 40%; } .w-45 { width: 45%; }
.w-50 { width: 50%; } .w-55 { width: 55%; } .w-60 { width: 60%; }
.w-65 { width: 65%; } .w-70 { width: 70%; } .w-75 { width: 75%; }
.w-80 { width: 80%; } .w-85 { width: 85%; } .w-90 { width: 90%; }
.w-95 { width: 95%; } .w-100 { width: 100%; }

/* Form Controls Optimization */
.jp-ttsf-form input[type="text"],
.jp-ttsf-form select,
.jp-ttsf-form textarea {
    width: 100%;
    border: 1px solid #ccc;
    padding: 4px;
    margin: 0;
    font-size: 13px;
    background: #fff;
    height: auto;
}
.jp-ttsf-form .form_date_field { display: flex; align-items: center; gap: 5px; flex-wrap: nowrap; }
.jp-ttsf-form .form_date_field .field { margin: 0; }
.jp-ttsf-form .form_date_field select { width: auto; min-width: 60px; padding: 2px; }

/* Radio Buttons layout */
.mwform-radio-children { display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; width: 100%; }

/* Spacing & Titles */
.mt-30 { margin-top: 30px; }
.mb-20 { margin-bottom: 20px; }
.form-title-bar {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 10px;
}

/* Responsive Table Scroll */
@media (max-width: 768px) {
    .jp-ttsf-wrapper { overflow-x: auto; }
    .jp-ttsf-form { min-width: 800px; } /* Giữ nguyên tỷ lệ trên mobile, cho phép vuốt ngang */
}


.nagare {
margin: -40px 0 60px;
padding-left: 67px;	
}
.nagare ul {
display: flex;
}
.nagare ul li {
position: relative;
margin-right: 60px;
}

.nagare ul li:nth-child(1):before {
position: absolute;
content: "";
top: calc( 50% - 8px);
right: -40px;
background-image: url(/wp-content/uploads/2026/03/arrow-01.png);
background-size: 20px;
width: 20px;
height: 20px;
}

.nagare ul li a {
background-color: rgba(255, 255, 255, 0.7);
padding: 20px;
border-radius: 20px;
}

.wlink a {
	display: inline-block;
	padding: 20px 60px 20px 20px;
	text-decoration: underline;
	border-radius:20px;
	background: url(../images/link_ic.png) rgba(255, 255, 255, 0.7) no-repeat;
	background-position: 94% center;
}

.okosamaTb {
	margin: 0 0 40px !important;
}
.okosamaTb th {
	text-align: left;
	width: 380px;
}

.okosamaTb th .hs {
	color: #F00;
}

.okosamaTb td input[type="text"]{
	width: 200px;
}

.okosamaTb td input.adrs[type="text"]{
	width: 80%;
}
.okosamaTb td .mwform-radio-field label {
	display: inline-block;
}

.okosamaTb td textarea {
	width: 100%;
}


@media all and (max-width: 1100px) {

.nagare {
margin: -20px 0 60px;
padding-left: 0;		
}

.nagare ul li a {
background-color: rgba(255, 255, 255, 0.7);
padding: 20px;
border-radius: 20px;
}
	
}

@media all and (max-width: 768px) {

.nagare ul {
display: block;
}

.nagare ul li {
position: relative;
margin-right: 0;
margin-bottom: 60px;
}

.nagare ul li:nth-child(1):before {
position: absolute;
content: "";
top: unset;
bottom: -40px;
right: unset;
left: 20px;
background-image: url(/wp-content/uploads/2026/03/arrow-02.png);
background-size: 20px;
width: 20px;
height: 20px;
}
}

@media all and (max-width: 1100px) {
.transfer-to-school-form table.okosamaTb tr{display:flex; flex-direction: column;}
.transfer-to-school-form table.okosamaTb th,
.transfer-to-school-form table.okosamaTb td{width: 100%}
.transfer-to-school-form table.okosamaTb .cdlt_sp{width:20px}
.transfer-to-school-form table.okosamaTb .cdlt_sp+input{width:calc(100% - 24px)}
	
}

@media all and (max-width: 375px) {
.transfer-to-school-form .okosamaTb th{font-size: 14px}
}
@media all and (max-width: 320px) {
.txt_sm_320{font-size:14px}	
}