@charset "utf-8";
/* ------------------------------------------------------------ index */

body{ min-width: 1200px; }
h2.title span.min_tt{font-family: "Inter", sans-serif; font-weight: 600; font-style: normal; font-size: 18px; color: #3766B1; line-height: 140%; position: relative; padding: 0 0 0 38px; display: inline-block;}
h2.title span.min_tt:before{content: ""; display: block; width: 26px; height: 1px; background: #3766B1; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}
h2.title span.big_tt{font-size: 40px;font-family: source-han-sans-japanese, sans-serif; font-weight: 500; font-style: normal; line-height: 160%;} 
h2.title span.big_tt span{font-family: source-han-sans-japanese, sans-serif; font-weight: 900; font-style: normal;}
h2.title{text-align: left; color: #262626;}

.canvas_box{min-width: 1200px; overflow: hidden;position: absolute; top: 1%; width: 100%; padding: 115% 0; }
.canvas_box #animation_container{position: absolute; left: 50%; transform: translateX(-50%); z-index: 1; top: 90px; }
.canvas_box #animation_container #canvas{}
main{position: relative; z-index: 1;}
/* ----------------------------------------------------------- */
/*



section:not(#fv) { padding: 50px 0;}
*/

.btns { display: block; width: 400px; padding: 30px 0; font-size: 20px; text-align: center; border: 1px solid #262626; border-radius: 50px; margin: 20px auto 0;}

.article_wrapper { padding: 10px 0 0; }
.article_wrapper .itemlist { display: flex;}
.article_wrapper .itemlist.is-static { justify-content: center;}
.article_wrapper .itemlist article { width: 440px; margin: 0 60px 0 0; border: 1px solid #262626; }
.article_wrapper .itemlist a { width: 100%; }
.article_wrapper .itemlist ar1ticle .img { width: 100%; height: auto;}
.article_wrapper .itemlist article .contents { padding: 20px; background: #fff;}
.article_wrapper .itemlist article .contents .day { font-size: 12px;}
.article_wrapper .itemlist article .contents h3 { font-size: 18px; padding-top: 10px;}
.article_wrapper .itemlist article .contents .text { font-size: 16px; padding-top: 10px;}
.article_wrapper .itemlist article .contents .tags { display: flex; padding-top: 10px;}
.article_wrapper .itemlist article .contents .tags li { display: block; padding: 5px 10px; font-size: 10px; text-align: center; border: 1px solid #262626; border-radius: 50px; }
.article_wrapper .itemlist article .contents .btn { display: block; width: 200px; padding: 5px 0; font-size: 12px; text-align: center; border: 1px solid #262626; border-radius: 50px; margin: 0 auto; padding-top: 10px; }

/* ------------------------------------------------------------ #fv */
#fv{margin: 245px 0 0; padding: 0 0 0 57px; height: 479px; box-sizing: content-box;}
#fv .fv_inner{display: flex; flex-direction: column; align-items: center; gap: 80px; width: 536px;}
#fv .fv_head{display: flex; flex-direction: column; align-items: flex-start; gap: 24px;}
#fv h1{width: fit-content; color: #262626; font-family: "source-han-sans-japanese", sans-serif; font-weight: 500; font-style: normal;}
#fv h1 span{display: block; width: fit-content; height: 48px; font-size: 24px; line-height: 48px; letter-spacing: 8.36px; background: #fff; white-space: nowrap;}
#fv .fv_logo{display: inline-block; padding: 8px; background: #fff;}
#fv .fv_logo img{display: block; width: 238.55px; height: 79px;}

#fv .fv_flex{display: flex; align-items: center; gap: 8px; width: 100%;}
#fv .fv_btn{position: relative; width: 264px; flex-shrink: 0;}
#fv .fv_btn a{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 264px; height: 88px; padding: 18px 4px; box-sizing: border-box; border: 4px solid #fff; border-radius: 999px; color: #262626; text-align: center; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-style: normal;}
#fv .fv_btn a .sub{font-size: 16px; line-height: 140%;}
#fv .fv_btn a .main{font-size: 24px; line-height: 140%; color: #262626; -webkit-text-stroke-width: 3px; -webkit-text-stroke-color: #FFF; paint-order: stroke fill;}
#fv .fv_btn a.btn_1{background: linear-gradient(-73.3deg, #10D5D5 3.64%, #7AB8F0 95.45%);}
#fv .fv_btn a.btn_1, #fv .fv_btn a.btn_2{transition: opacity 0.3s;}
#fv .fv_btn a.btn_1:hover, #fv .fv_btn a.btn_2:hover{opacity: 0.7;}
#fv .fv_btn a.btn_2{background: linear-gradient(270deg, #6BBAFF 0%, #FF84C6 100%);}
#fv .fv_btn .tag{position: absolute; left: 50%; transform: translateX(-50%); top: -28px; z-index: 1; display: flex; align-items: center; justify-content: center; padding: 4px 12px; background: #262626; color: #fff; font-family: "source-han-sans-japanese", sans-serif; font-weight: 500; font-style: normal; font-size: 14px; line-height: 140%; white-space: nowrap;}
#fv .fv_btn .tag:after{content: ""; display: block; position: absolute; left: 16px; top: 100%; width: 14.17px; height: 8.01px; background: url(../images/top/fv_tag_tail.svg) no-repeat center center; background-size: 100%;}

/* ------------------------------------------------------------ #news */
#news{position: relative; z-index: 2; padding: 78px 0 0;}
#news .news_box{width: 100%; height: auto; background: #fff; border-radius: 24px; padding: 40px 60px; box-shadow: 0 0 15px 5px rgba(0,0,0,0.1); align-items: flex-start; position: relative;}
#news .news_box h2.title{width: 160px; flex-shrink: 0; padding: 2px 0;}
#news .news_box .list_box{flex: 1 0 0; min-width: 0; margin: 0 0 0 48px; padding: 2px 20px 0 0; max-height: 344px; overflow-y: auto; overscroll-behavior: contain;}
#news .news_box .list_box::-webkit-scrollbar{width: 8px;}
#news .news_box .list_box::-webkit-scrollbar-thumb{background: rgba(0,0,0,0.2); border-radius: 4px;}
#news .news_box .list_box li{padding: 0 0 16px; border-bottom: 1px solid #D4D4D4; margin: 0 0 16px;}
#news .news_box .list_box li:last-child{border-bottom: none; margin: 0;}
#news .news_box .list_box li a{display: block; color: inherit; text-decoration: none;}
#news .news_box .list_box li a:hover p.tt{text-decoration: underline;}
#news .news_box .list_box li .meta{align-items: center;}
#news .news_box .list_box li .meta .data{font-family: "Inter", sans-serif; font-weight: 400; font-style: normal; font-size: 14px; line-height: 200%; color: #262626; width: 76px; flex-shrink: 0;}
#news .news_box .list_box li .meta .cat{display: flex; align-items: center; justify-content: center; height: 32px; padding: 4px 8px; margin: 0 0 0 8px; font-family: source-han-sans-japanese, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; line-height: 140%; color: #262626;}
#news .news_box .list_box li .meta .cat.cat_case{background: #FFDFF0;}
#news .news_box .list_box li .meta .cat.cat_column{background: #A7DFFF;}
#news .news_box .list_box li p.tt{margin: 4px 0 0; font-family: source-han-sans-japanese, sans-serif; font-weight: 500; font-style: normal; font-size: 16px; line-height: 140%; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* ------------------------------------------------------------ #about */
#about{padding: 16px 0 40px;}
#about .white_box{width: 100%; height: auto; border-radius: 23px; padding: 40px 60px 56px; background: #fff; box-shadow: 0 0 15px 5px rgba(0,0,0,0.1); position: relative;}
#about .white_box .flex{justify-content: space-between; flex-wrap: wrap;}
#about .white_box .flex .tt_box{width: 531px; height: auto;}
#about .white_box .flex .tt_box h2.title{padding: 2px 0;}
#about .white_box .flex .tt_box p{padding: 40px 0 0; font-size: 16px; font-family: source-han-sans-japanese, sans-serif; font-weight: 400; font-style: normal; line-height: 225%;}
#about .white_box .flex .img_box{}
#about .white_box .flex .dl_box{position: absolute; top: 60px; right: 455px; width: 300px; height: auto; display: flex; justify-content: flex-end; margin: 0;}
#about .white_box .flex .dl_box a.btns{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 64px; padding: 16px 56px 16px 24px; margin: 0; background: #fff; border: 1px solid #3766B1; border-radius: 999px; color: #262626; box-sizing: border-box; position: relative; transition: opacity 0.3s;}
#about .white_box .flex .dl_box a.btns:hover{opacity: 0.7;}
#about .white_box .flex .dl_box a.btns .tt{font-family: source-han-sans-japanese, sans-serif; font-weight: 400; font-style: normal; font-size: 18px; line-height: 150%; text-align: center;}
#about .white_box .flex .dl_box a.btns .note{font-family: source-han-sans-japanese, sans-serif; font-weight: 400; font-style: normal; font-size: 12px; line-height: 180%; text-align: center;}
#about .white_box .flex .dl_box a.btns:after{content: ""; display: block; position: absolute; right: 24px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; background: url(../images/top/btn_icn_dl.svg) no-repeat center center; background-size: 100%;}
#about .white_box .flex .movie_box{width: 980px; height: auto; background: #A3CCED; border-radius: 21px; padding: 37px 32px 39px; margin: 16px auto 0;}
#about .white_box .flex .movie_box h3{font-size: 30px; font-family: source-han-sans-japanese, sans-serif; font-weight: 500; font-style: normal; line-height: 147%; color: #262626; text-align: center;}
#about .white_box .flex .movie_box .movie{margin: 34px 0 0;}
#about .white_box .flex .movie_box .movie video{width: 100%; height: auto;}

/* ------------------------------------------------------------ #case */
#case{position: relative; padding: 0;}
#case .case_box{position: relative; padding: 40px 0; background: linear-gradient(to right, #37CBE7 0%, #6ABBFC 50%, #5FB1EF 100%);}
#case .case_box .flex{position: relative; z-index: 1;align-items: center;}
#case .case_box .flex h2.title, #column .title_box h2.title{padding: 2px 0;}
#case .case_box a.btns{display: flex; align-items: center; justify-content: center; border: 1px solid #3766B1; border-radius: 999px; color: #262626; font-size: 18px; text-align: center; padding: 0 33px; line-height: 150%; background: #fff; width: 332px; height: 64px; box-sizing: border-box; position: relative;margin: 0 0 0 auto;}
#case .case_box a.btns.SP{display: none;}
#case .case_box a.btns:before{position: absolute; content: ""; display: block; background: url(../images/top/btn_icn_arrow.svg) no-repeat center center; background-size: 100%; width: 32px; height: 32px; right: 24px; top: 50%; transform: translateY(-50%);}
#case .case_box .slider_box{position: relative; z-index: 1; padding: 40px 0 0;}
#case .case_box .slider_box.is-static { width: 1100px; margin: 0 auto;}
#case .case_box .slider_box .slick-track{padding: 20px 0;}
#case .case_box .slider_box img.SP{display: none;}
#case .case_box .slider_box .box{width: 442px; height: auto; background: #fff; box-shadow: 0 0 15px 5px rgba(0,0,0,0.1); margin: 0 46px 0 0;}
#case .case_box .slider_box .box .text_box{padding: 34px 28px 43px;}
#case .case_box .slider_box .box .text_box h4{font-size: 26px; line-height: 160%; font-family: source-han-sans-japanese, sans-serif; font-weight: 400; font-style: normal; text-align: center;}
#case .case_box .slider_box .box .text_box p{display: -webkit-box; display: box; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 16px; line-height: 160%; margin: 28px 0 0;}
#case .case_box .slider_box .box .text_box a{background: #00559D; text-align: center; font-size: 16px; font-family: source-han-sans-japanese, sans-serif; font-weight: 400; font-style: normal; border-radius: 1000px; width: 222px; padding: 7px 0 11px; display: block; color: #fff; margin: 37px auto 0;line-height: 150%;}

/* ------------------------------------------------------------ calculation */
#calculation {background:url(https://www.ntt-f.co.jp/nebs/nebs-portal/images/top/bg_2.jpg) repeat center center; background-size: 30px; padding: 40px 0 0;}
#calculation .title_box{align-items: center;}
#calculation .title_box h2.title span.big_tt{display: inline-block; padding: 7px 0 0;}
#calculation .title_box p{line-height: 230%; font-family: source-han-sans-japanese, sans-serif; font-weight: 400; font-style: normal; margin: 0 0 0 78px;}

/* NEBs算定 比較表 */
#calculation .content_box{width: 1080px; margin: 0 auto;}
#calculation .cmp_table{display: flex; align-items: flex-end; width: 100%; padding: 16px 24px 24px; border-radius: 20px; box-sizing: border-box;}
#calculation .cmp_table .cmp_col{flex: 1 0 0; min-width: 0;}
#calculation .cmp_table .c_row{display: flex; align-items: center; justify-content: center; width: 100%; box-sizing: border-box; border-bottom: 1px solid #D4D4D4;}
#calculation .cmp_table .r_save{height: 48px;}
#calculation .cmp_table .r_count{height: 128px;}
#calculation .cmp_table .r_input{height: 48px; padding: 8px;}
#calculation .cmp_table .r_can{height: 88px; padding: 8px; border-bottom: none;}
#calculation .cmp_table p, #calculation .cmp_table .num{font-family: source-han-sans-japanese, sans-serif; font-style: normal; color: #262626;}

/* 左：項目名の列 */
#calculation .cmp_table .col_label{padding: 0 0 8px;}
#calculation .cmp_table .col_label .c_row{justify-content: flex-start; padding-left: 8px;}
#calculation .cmp_table .col_label .r_count{justify-content: space-between;}
#calculation .cmp_table .col_label .lb{font-size: 18px; line-height: 150%; font-weight: 500;}
#calculation .cmp_table .col_label .lb .sp_br{display: none;}
#calculation .cmp_table .col_label .sub{width: 120px; height: 100%; display: flex; flex-direction: column; justify-content: center; flex-shrink: 0;}
#calculation .cmp_table .col_label .sub .s_row{display: flex; align-items: center; height: 64px;}
#calculation .cmp_table .col_label .sub .s_row:first-child{border-bottom: 1px solid #D4D4D4;}
#calculation .cmp_table .col_label .sub .s_row p{font-size: 16px; line-height: 170%; font-weight: 400;}

/* 右：簡易版／標準版の列 */
#calculation .cmp_table .col_simple,
#calculation .cmp_table .col_standard{position: relative; display: flex; flex-direction: column; align-items: center; padding: 8px 0; border-radius: 16px;}
#calculation .cmp_table .col_standard{background: #FFF2F9;}
#calculation .cmp_table .cmp_col .img{position: relative; width: 160px; height: 160px; flex-shrink: 0;}
#calculation .cmp_table .cmp_col .img img{position: absolute;}
#calculation .cmp_table .col_simple .img img{left: 15.19%; top: 1.67%; width: 70.45%; height: 92.66%;}
#calculation .cmp_table .col_standard .img img{left: 4.53%; top: 4.58%; width: 90.53%; height: 88.45%;}
#calculation .cmp_table .col_simple .r_save,
#calculation .cmp_table .col_standard .r_save{padding: 8px;}
#calculation .cmp_table .col_simple .r_save img,
#calculation .cmp_table .col_standard .r_save img{width: 32px; height: 32px;}
#calculation .cmp_table .col_simple .r_count,
#calculation .cmp_table .col_standard .r_count{flex-direction: column; justify-content: center; border-bottom: none;}
#calculation .cmp_table .col_simple .r_count .s_row,
#calculation .cmp_table .col_standard .r_count .s_row{display: flex; align-items: center; justify-content: center; width: 100%; height: 64px; border-bottom: 1px solid #D4D4D4;}
#calculation .cmp_table .cmp_col .num{font-family: "Inter", sans-serif; font-weight: 700; font-size: 30px; line-height: 36px;}
#calculation .cmp_table .col_simple p,
#calculation .cmp_table .col_standard p{font-size: 16px; line-height: 170%; font-weight: 400; text-align: center;}

/* 簡易版／標準版のバッジ */
#calculation .cmp_table .badge{position: absolute; right: 36px; top: 12px; display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 999px; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-style: normal; font-size: 16px; line-height: 140%; color: #FFF; text-align: center; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: rgba(0, 0, 0, 0.40); paint-order: stroke fill; z-index: 1;}
#calculation .cmp_table .col_simple .badge{background: linear-gradient(276deg, #10D5D5 3.64%, #7AB8F0 95.45%);}
#calculation .cmp_table .col_standard .badge{background: linear-gradient(270deg, #6BBAFF 0%, #FF84C6 100%);}


/* ------------------------------------------------------------ #simple */
#simple {padding: 40px 0 0;}
#simple .calculation_wrap { display: flex; justify-content: space-between; align-items: flex-start;position: relative;width: 1100px; margin: 0 auto; }
#simple .calculation_wrap .frm_box { width: 650px;}
#simple .calculation_wrap .frm_box > h2.title{padding: 2px 0;}
#simple .calculation_wrap .frm_box > table{table-layout: fixed;}
#simple .calculation_wrap .frm_box .demo_box{width: 100%; height: auto; margin: 16px 0 0; padding: 24px 20px; background: #A7DFFF; align-items: center; justify-content: space-between;}
#simple .calculation_wrap .frm_box .demo_box .movie{position: relative; width: 416px; height: 234px; flex-shrink: 0; border-radius: 16px; overflow: hidden;}
#simple .calculation_wrap .frm_box .demo_box .movie video{display: block; width: 100%; height: 100%; object-fit: cover;}
#simple .calculation_wrap .frm_box .demo_box .movie .movie_thumb{position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; object-fit: cover;}
#simple .calculation_wrap .frm_box .demo_box .movie.is-playing .movie_thumb{display: none;}
#simple .calculation_wrap .frm_box .demo_box .movie .play_btn{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 64px; height: 64px; padding: 0; border: none; -webkit-appearance: none; appearance: none; background: url(../images/top/movie_play_icn.svg) no-repeat center center; background-size: 100%; cursor: pointer;}
#simple .calculation_wrap .frm_box .demo_box .movie.is-playing .play_btn{display: none;}
#simple .calculation_wrap .frm_box .demo_box .tt{flex: 1 0 0; min-width: 0; text-align: center; font-family: "source-han-sans-japanese", sans-serif; font-weight: 500; font-style: normal; font-size: 20px; line-height: 32px; color: #262626;}
#simple .calculation_wrap .frm_box table{width: 100%; height: auto;}
#simple .calculation_wrap .frm_box table th{display: block; font-size: 16px; line-height: 150%; font-family: source-han-sans-japanese, sans-serif; font-weight: 500; font-style: normal; text-align: left;padding: 27px 0 22px;}
#simple .calculation_wrap .frm_box table th .q_flex{display: flex; align-items: center; }

#simple .calculation_wrap .frm_box table th img{display: inline-block; margin: 2px 0 0 7px;}
#simple .calculation_wrap .frm_box table th input{margin: 0 0 0 15px;}
#simple .calculation_wrap .frm_box table th input.range-value{border-radius: 5px; border: 1px solid #E2E2E2; width: 115px; height: auto; font-size: 13px;font-family: source-han-sans-japanese, sans-serif; font-weight: 500; font-style: normal; padding: 4px 9px 5px;} 
/* Chrome, Safari, Edge */
#simple .calculation_wrap .frm_box table th input[type="number"]::-webkit-inner-spin-button,
#simple .calculation_wrap .frm_box table th input[type="number"]::-webkit-outer-spin-button {　-webkit-appearance: none;　margin: 0;}

/* Firefox */
#simple .calculation_wrap .frm_box table th input[type="number"] {-moz-appearance: textfield;}




#simple .calculation_wrap .frm_box table td{display: block; border: none; padding: 0 0 26px;}
#simple .calculation_wrap .frm_box table tr:not(:last-child) td{ border-bottom: 1px solid #EBEBEB;}
#simple .calculation_wrap .frm_box table td label{padding: 15px 0 13px;}
#simple .calculation_wrap .frm_box table td label .type-card {display: inline-block; margin: 0 10px;}
#simple .calculation_wrap .frm_box table td .range_box input{width: calc(100% - 137px);}
#simple .calculation_wrap .frm_box table td .range_box span{font-family: source-han-sans-japanese, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; line-height: 160%;}
#simple .calculation_wrap .frm_box table td .range_box span.tt_1{width: 35px; height: auto; text-align: left;}
#simple .calculation_wrap .frm_box table td .range_box span.tt_2{width: 105px; height: auto; text-align: right;}

#simple .calculation_wrap .frm_box table td label input[type="radio"] {display: none;}

#simple .calculation_wrap .frm_box table td label { display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 10px; border: 1px solid #ddd; background: #fff; color: #262626; cursor: pointer; transition: 0s; font-size: 15px;}
#simple .calculation_wrap .frm_box table tr.form_1 td label {width: 49%; height: auto;}
#simple .calculation_wrap .frm_box table tr.form_1 td label:not(:last-child){margin-right: 2%;}

#simple .calculation_wrap .frm_box table tr.form_4 td label {width: 24%; height: auto;}
#simple .calculation_wrap .frm_box table tr.form_4 td label:not(:last-child){margin-right: 2%;}

#simple .calculation_wrap .frm_box table tr.form_5 td{border-bottom: none;}
#simple .calculation_wrap .frm_box table tr.form_5 td label {width: 24.5%; height: auto;}
#simple .calculation_wrap .frm_box table tr.form_5 td label:not(:last-child){margin-right: 1.5%;}

#simple .calculation_wrap .frm_box > table{display: block; padding: 2px 0 0;}
#simple .calculation_wrap .frm_box table tbody{display: block;}
#simple .calculation_wrap .frm_box table tbody > tr{display: block;}
#simple .calculation_wrap .frm_box table tbody:not(.q_card) > tr{margin: 0 2px;}
#simple .calculation_wrap .frm_box table tbody.q_card{margin: 0 2px; border: 1px solid #E6E6E6; border-radius: 17px; padding: 25px 43px 25px 47px;}
#simple .calculation_wrap .frm_box table tbody.q_card.is-closed > tr.form_7{display: none;}
#simple .calculation_wrap .frm_box table tbody.q_card.is-closed > tr.form_6 td{padding: 0;}
#simple .calculation_wrap .frm_box table tr.form_6 td {border: none;padding: 0 0 16px;}
#simple .calculation_wrap .frm_box table tr.form_6 td .clos_box{border: none; border-radius: 0; padding: 0;}
#simple .calculation_wrap .frm_box table tr.form_6 td .clos_box .clos_btn{font-size: 16px; position: relative; font-family: source-han-sans-japanese, sans-serif; font-weight: 500; font-style: normal; border: none; padding: 0px;}
#simple .calculation_wrap .frm_box table tr.form_6 td .clos_box .clos_btn:before{content: ""; display: block; width: 14px; height: 14px; top: 40%; right: 0px; transform: translateY(-50%) rotateZ(45deg); border-bottom: 1px solid #51ABDE; border-right: 1px solid #51ABDE; position: absolute; transition: 0.5s;}
#simple .calculation_wrap .frm_box table tr.form_6 td .clos_box .clos_btn.active:before{transform: translateY(-50%) rotateZ(-135deg); top: 60%; transition: 0.5s;}

#simple .calculation_wrap .frm_box table tr.form_6 td .clos_box .clos_btn label {width: 100%; height: auto; border: none; position: relative;}
#simple .calculation_wrap .frm_box table tr.form_6 td .clos_box .list_box{display: none; padding: 0 0 8px;}
#simple .calculation_wrap .frm_box table tr.form_6 td .clos_box .flex{display: block; column-count: 2; column-gap: 40px; padding: 16px 0 0; margin: 0 0 -8px;}
#simple .calculation_wrap .frm_box table tr.form_6 td .clos_box li{display: flex; align-items: baseline; white-space: nowrap; font-size: 14px; font-family: source-han-sans-japanese, sans-serif; font-weight: 400; font-style: normal; line-height: 140%; margin: 0 0 8px; break-inside: avoid;}
#simple .calculation_wrap .frm_box table tr.form_6 td .clos_box li .sp_br{display: none;}
#simple .calculation_wrap .frm_box table tr.form_6 td .clos_box li span{font-family: "Inter", sans-serif; font-weight: 700; font-style: normal; font-size: 16px; line-height: 140%; color: #51ABDE; width: 26px; flex-shrink: 0; margin: 0 8px 0 0;}
#simple .calculation_wrap .frm_box table tr.form_6 td .clos_box li.tt_1,
#simple .calculation_wrap .frm_box table tr.form_6 td .clos_box li.tt_2{width: auto;}


#simple .calculation_wrap .frm_box table tr.form_7 th span{font-size: 20px; line-height: 160%; color: #51ABDE; display: inline-block; margin: 0 6px 0 0;}
#simple .calculation_wrap .frm_box table tr.form_7 th .flex{align-items: center;}
#simple .calculation_wrap .frm_box table tr.form_7 th .flex img{margin: 0px 13px 0 0;}
#simple .calculation_wrap .frm_box table .form_tt_box{background: #A2CCED; border-radius: 9px; color: #fff; font-size: 14px; line-height: 160%; font-family: "source-han-sans-japanese", sans-serif; font-weight: 500; font-style: normal; padding: 9px 15px 11px; margin: 16px 0 0 ; display: none;}
#simple .calculation_wrap .frm_box table tr.form_7 td label {width: calc(100% / 3); height: auto;}

/* for double */
#simple .calculation_wrap .frm_box table tr.form_7 td .double label{width: calc(100%/2);height: auto;}
#simple .calculation_wrap .frm_box table tr.form_7 td .double  label:nth-child(2){border-radius: 0 5px 5px 0;}

#simple .calculation_wrap .frm_box table tr.form_7 th .flex img.easy_mini_icn{width: 18px; height: auto; margin: 0 0 0 12px;}
#simple .calculation_wrap .frm_box table tr.form_7 th .flex img.easy_mini_icn:hover{opacity: 0.7;}
#simple .calculation_wrap .frm_box table tr.form_7 td label:nth-child(1){border-radius: 5px 0 0 5px; border-right: none;}
#simple .calculation_wrap .frm_box table tr.form_7 td label:nth-child(2){border-radius: 0px; /* border-right: none; */}
#simple .calculation_wrap .frm_box table tr.form_7 td label:nth-child(3){border-radius: 0 5px 5px 0;}
#simple .calculation_wrap .frm_box table tr.form_7 td label:not(:last-child){}
#simple .calculation_wrap .frm_box table tr td label.mini_tt{font-size: 11px;}
#simple .calculation_wrap .frm_box table td label .img {padding: 0 0 6px;}
#simple .calculation_wrap .frm_box table td label .img img.on {	display: none;}

#simple .calculation_wrap .frm_box table td label:has(input[type="radio"]:checked) {background: linear-gradient(90deg, #10d5d5, #6bbaff); border: none;}

#simple .calculation_wrap .frm_box table tr.active{position: relative;}
#simple .calculation_wrap .frm_box table tr.active td div.flex{background: #A7DFFF; padding: 10px;}

#simple .calculation_wrap .frm_box table td label:has(input[type="radio"]:checked) .img img.off {display: none;}
#simple .calculation_wrap .frm_box table td label:has(input[type="radio"]:checked) .img img.on {display: block;}


#simple .calculation_wrap .followbox { width: 379px; background: #fff;box-shadow: 0 0 15px 5px rgba(0,0,0,0.1); border-radius: 20px; padding: 10px;position: sticky; top: 140px; align-self: flex-start;}
#simple .calculation_wrap .followbox .followbox__scroll { padding: 16px 0px 28px; max-height: calc(100vh - 140px); overflow: auto; -webkit-overflow-scrolling: touch;}
#simple .calculation_wrap .followbox .chartbox{position: relative; display: flex; flex-wrap: wrap;}
#simple .calculation_wrap .followbox .chartbox .simple_list{text-align: center;}


#simple .calculation_wrap .followbox .link_box{padding: 48px 0 0;}
#simple .calculation_wrap .followbox .link_box a{position: relative; width: 100%; height: auto; display: block; padding: 7px 0 0;}
#simple .calculation_wrap .followbox .link_box a:before{width: 100%; content: ""; border-radius: 1000px; height: 57px; display: block;}
#simple .calculation_wrap .followbox .link_box a img{position: absolute; top: -6px; left: 0px; width: 100%; text-align: center;}
#simple .calculation_wrap .followbox .link_box a span{width: 100%; height: auto; position: absolute; top: 0; left: 0px; font-size: 16px; text-align: center; padding: 14px 0 15px; border-radius: 1000px;font-family: hiragino-kaku-gothic-pron, sans-serif; font-weight: 600; font-style: normal;}

#simple .calculation_wrap .followbox .link_box a.btn_1 span{background: #6BBAFF; color: #262626;}
#simple .calculation_wrap .followbox .link_box a.btn_1 span:before{content: ""; display: block; width: 22px; height: 18px; background: url(https://www.ntt-f.co.jp/nebs/nebs-portal/images/top/easy_icn_07.svg) no-repeat center center; background-size: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 67px;}
#simple .calculation_wrap .followbox .link_box a.btn_1:before{background: #00559D;}

#simple .calculation_wrap .followbox .link_box a.btn_2{margin: 16px 0 0;}
#simple .calculation_wrap .followbox .link_box a.btn_2 span{background: #FF84C6; color: #262626;}
#simple .calculation_wrap .followbox .link_box a.btn_2 span:before{content: ""; display: block; width: 27px; height: 25px; background: url(https://www.ntt-f.co.jp/nebs/nebs-portal/images/top/easy_icn_08.svg) no-repeat center center; background-size: 100%; position: absolute; top: 50%; transform: translateY(-50%); left: 64px;}
#simple .calculation_wrap .followbox .link_box a.btn_2:before{background: #B30262;}

#simple .nebs-legend { display: grid; grid-template-columns: repeat(2, auto); column-gap: 17px; row-gap: 4px; align-items: center; font-size: 13px; margin-top: 19px; justify-content: center;width: 100%;line-height: 150%;}
.nebs-legend .nebs-legend-item:nth-child(1)  { grid-column: 1; grid-row: 1; }
.nebs-legend .nebs-legend-item:nth-child(3)  { grid-column: 1; grid-row: 2; }
.nebs-legend .nebs-legend-item:nth-child(5)  { grid-column: 1; grid-row: 3; }
.nebs-legend .nebs-legend-item:nth-child(7)  { grid-column: 1; grid-row: 4; }
.nebs-legend .nebs-legend-item:nth-child(9)  { grid-column: 1; grid-row: 5; }
.nebs-legend .nebs-legend-item:nth-child(11) { grid-column: 1; grid-row: 6; }
.nebs-legend .nebs-legend-item:nth-child(13) { grid-column: 1; grid-row: 7; }

/* 右列：2〜7行目に 7,8,9,10,11,12 */
.nebs-legend .nebs-legend-item:nth-child(2)  { grid-column: 2; grid-row: 2; }
.nebs-legend .nebs-legend-item:nth-child(4)  { grid-column: 2; grid-row: 3; }
.nebs-legend .nebs-legend-item:nth-child(6)  { grid-column: 2; grid-row: 4; }
.nebs-legend .nebs-legend-item:nth-child(8)  { grid-column: 2; grid-row: 5; }
.nebs-legend .nebs-legend-item:nth-child(10) { grid-column: 2; grid-row: 6; }
.nebs-legend .nebs-legend-item:nth-child(12) { grid-column: 2; grid-row: 7; }#simple .nebs-legend-item { display: flex; align-items: center; gap: 6px; white-space: nowrap;}
#simple .nebs-legend-color { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0;}

#simple .calculation_wrap .followbox .chartbox .pie-container.chartbox_2 { width: 105px; height: 245px; padding: 19px 0 0 0px; }
#simple .calculation_wrap .followbox .chartbox .pie-container.chartbox_1 { width: 222px; height: 222px; padding: 19px 0 0; }

#simple .calculation_wrap .followbox h3{font-size: 20px; text-align: center; color: #3766B1; line-height: 184%;font-family: "source-han-sans-japanese", sans-serif; font-weight: 500; font-style: normal;}
#simple canvas{max-width: 100%; display:block}
#simple #panel{margin: 10px 0 0; font-size: 13px; opacity:.7}

/* ---------- Slider Track をグラデーション化 ---------- */
#simple .range-input {-webkit-appearance: none; width: 100%; height: 8px; border-radius: 5px; background: linear-gradient(to right, #10D5D5 0%, #6BBAFF 50%, #d9d9d9 50%, #d9d9d9 100%); outline: none; transition: background 0.3s;}

/* Chrome, Edge 用の Track */
#simple .range-input::-webkit-slider-runnable-track {height: 8px; border-radius: 5px; background: transparent;}

/* Firefox 用 */
#simple .range-input::-moz-range-track { height: 10px; border-radius: 5px; background: transparent;}

/* ---------- Slider Thumb（丸い部分） ---------- */
#simple .range-input::-webkit-slider-thumb { -webkit-appearance: none; width: 30px; height: 30px; border-radius: 50%; background: #F8F8F8; border: 2px solid #ddd; cursor: pointer; margin-top: -12px;}
#simple .range-input::-moz-range-thumb { width: 30px; height: 30px; border-radius: 50%; background: #F8F8F8; border: 2px solid #ddd; cursor: pointer;}

/* ---------- 数値に応じてグラデーションを動的に更新 ---------- */
#simple .range_box{padding: 10px 0 0;align-items: center;}
#simple .range_box input[type="range"] {background-size: 0% 100%;}

/* ---------- 吹き出し ---------- */
#simple bubble{position:absolute; min-width: 220px; max-width: 80vw; background:#fff; border-radius:14px; padding:14px 16px; box-shadow:0 12px 30px rgba(0,0,0,.18); transform-origin:50% 100%; transform: scale(.96); opacity:0; pointer-events:none; transition: opacity .15s ease, transform .15s ease;}
#simple .bubble.show{opacity:1; transform: scale(1); pointer-events:auto}
#simple .bubble .title{font-weight:700; font-size:15px; margin-bottom:4px}
#simple .bubble .value{font-weight:800; font-size:22px; line-height:1.2}
#simple .bubble .sub{font-size:12px; opacity:.7; margin-top:4px}
#simple .bubble .close{position:absolute; top:8px; right:8px; border:0; background:#f3f4f6; border-radius:9999px; width:28px; height:28px; font-size:16px; cursor:pointer}
/* 矢印 */
#simple .bubble::after{content:""; position:absolute; left:50%; transform:translateX(-50%); width:0; height:0; border:8px solid transparent; border-top-color:#fff; bottom:-16px; filter: drop-shadow(0 2px 2px rgba(0,0,0,.1));}
/* 下側表示のときは矢印を上に */
#simple .bubble.bottom::after{top:-16px; bottom:auto; border-top-color:transparent; border-bottom-color:#fff}


/* ---------- 最終結果 ---------- */
#simple .result { margin-top: 50px; background: url(https://www.ntt-f.co.jp/nebs/nebs-portal/images/top/bg_2.jpg) repeat; background-size: 30px; padding: 47px 0 88px}
#simple .result .result_box{background: #fff; border-radius: 20px; box-shadow: 0 0 15px 5px rgba(0,0,0,0.1);}
#simple .result .result_box h3{ background: linear-gradient(to left,#6BBAFF,#10D5D5); border-radius: 20px 20px 0 0; font-size: 30px; line-height: 160%; font-family: "source-han-sans-japanese", sans-serif; font-weight: 500; font-style: normal; text-align: center; color: #fff; padding: 15px 0 21px;}
#simple .result .result_box .container {width: 100%;margin: 0 auto;font-size: 14px; padding: 21px 63px 75px 46px;}
#simple .result .result_box .top-section {display: flex;gap: 58px;}
#simple .result .result_box .top-section h4{font-family: "source-han-sans-japanese", sans-serif; font-weight: 700; font-style: normal; font-size: 23px; line-height: 160%; color: #3766B1;}

#simple .result .result_box .left-table,
#simple .result .result_box .right-chart {background: #fff;}
#simple .result .result_box .left-table {width: 466px;}
#simple .result .result_box .right-chart {width: 466px;}
#simple .result .result_box .right-chart .chartbox{width: 100%; height: auto;}
#simple .result .result_box .right-chart .chartbox p{font-family: arial, sans-serif; font-weight: 400; font-style: normal; text-align: center; font-size: 12px;}
#simple .result .result_box .right-chart .simple_list{text-align: center;}
#simple .result .result_box .right-chart .simple_list img{display: inline-block;}

#simple .result .result_box .right-chart .pie-container1{ width: 357px; height: 357px; margin: 0 auto;}

#simple .result .result_box .right-chart .pie-container1.container1_2{ width: 108px !important; height: 357px; margin: 0 auto;}
#simple .result .result_box .right-chart .pie-container1 canvas{margin: 25px 0 0;}
#simple .result .result_box .right-chart .pie-container1 .nebs-legend{margin-top: 28px;}
#simple .result .result_box .right-chart .pie-container1.container1_3{width: 100%; height: auto;}

#simple .result .result_box table {width: 100%;border-collapse: collapse;}
#simple .result .result_box td.title_tt{font-family: "source-han-sans-japanese", sans-serif; font-weight: 500; font-style: normal; font-size: 14px; line-height: 193%; width: 60px; vertical-align: top;}
#simple .result .result_box td {font-size: 14px;}
#simple .result .result_box td.data_tt {text-align: right; }
#simple .result .result_box th {text-align: right; font-size: 12px; border-bottom: 1px solid #262626;font-family: source-han-sans-japanese, sans-serif; font-weight: 400; font-style: normal;}
#simple .result .result_box .calculation tr:last-child th,
#simple .result .result_box .calculation tr:last-child td{ padding: 0 0 21px;}
#simple .result .result_box .calculation tr:nth-child(2) th,
#simple .result .result_box .calculation tr:nth-child(2) td{padding: 21px 0 0;}

#simple .result .result_box .bottom-table {margin-top: 20px;}
#simple .result .result_box .total_tbe{padding: 10px 0 0; border-top: 1px solid #262626;}
#simple .result .result_box .total_tbe th{text-align: left; font-size: 14px; line-height: 193%;font-family: "source-han-sans-japanese", sans-serif; font-weight: 400; font-style: normal;}
#simple .result .result_box .total_tbe tr th,
#simple .result .result_box .total_tbe tr td{border-bottom: none;vertical-align: top;}
#simple .result .result_box .total_tbe tr th.data_tt{text-align: right; }

#simple .result .bottom-table{}
#simple .result .bottom-table h4{font-family: "source-han-sans-japanese", sans-serif; font-weight: 700; font-style: normal; font-size: 23px; line-height: 160%; color: #3766B1; width: 100%; padding: 0 0 20px;}
#simple .result .bottom-table .flex{ justify-content: space-between; }
#simple .result .bottom-table .flex .table_box{padding: 21px 0 0;border-top: 1px solid #262626;}
#simple .result .bottom-table .flex table{width: 466px; height: auto; }
#simple .result .bottom-table .flex table th{vertical-align: top; }
#simple .result .bottom-table .flex .table_box:first-child th.top{ width: 48px; text-align: left;}
#simple .result .bottom-table .flex .table_box:last-child th.top{ width: 111px; text-align: left;}
#simple .result .bottom-table .flex table th{border: none;font-size: 14px; text-align: left; line-height: 193%; font-family: "source-han-sans-japanese", sans-serif; font-weight: 400; font-style: normal;}
#simple .result .bottom-table .flex table td{border: none;font-size: 14px; text-align: left; line-height: 193%; font-family: "source-han-sans-japanese", sans-serif; font-weight: 400; font-style: normal;}
#simple .result .bottom-table .flex table td.data_tt{text-align: right;}
#simple .result .red_caution { font-size: 13px; color: red; padding-top: 20px;}


#simple .result .result_box .right-chart .chartbox_flex {
    display: flex;
    flex-wrap: wrap;
}


#related ul { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, auto); gap: 10px; padding: 10px 0 0; }
#related ul li { text-align: center; padding: 5px 0; border: 1px solid #262626; }


#simple .login_box{background: url(https://www.ntt-f.co.jp/nebs/nebs-portal/images/top/estimate_img_bg.jpg) no-repeat center center; background-size: cover; margin: 40px 0 0; padding: 64px 0; align-items: center;}
#simple .login_box .flex{justify-content: space-between;align-items: center;}
#simple .login_box h3{text-align: left; font-size: 30px; font-family: "source-han-sans-japanese", sans-serif; font-weight: 500; font-style: normal; line-height: 160%; margin: -2px 0;}
#simple .login_box h3 span{font-size: 40px; line-height: 160%;}
#simple .login_box a{margin: 0; line-height: 143%; border: none; padding: 18px 0 20px; color: #262626; font-size: 21px; font-family: "source-han-sans-japanese", sans-serif; font-weight: 500; font-style: normal; background:#fff; }


/* ------------------------------------------------------------ #column */
#column{padding: 40px 0 0; }
#column .title_box{justify-content: space-between;align-items: center;}
#column a{border-radius: 1000px; border: 1px solid #3766B1; text-align: center;}
#column a.btns{display: flex; align-items: center; justify-content: center; border: 1px solid #3766B1; border-radius: 999px; color: #262626; font-size: 18px; text-align: center; padding: 0 66px 0 33px; line-height: 150%; background: #fff; width: 332px; height: 64px; box-sizing: border-box; position: relative;margin: 0 0 0 auto; white-space: nowrap;}
#column a.btns:before{position: absolute; content: ""; display: block; background: url(../images/top/btn_icn_arrow.svg) no-repeat center center; background-size: 100%; width: 32px; height: 32px; right: 24px; top: 50%; transform: translateY(-50%);}
#column a.btns.SP{display: none;}
#column .slider_box .slick-track{padding: 20px 0;}
#column .slider_box{position: relative; z-index: 1; padding: 40px 0 0;}
#column .slider_box.is-static { width: 1100px; margin: 0 auto;}
#column .slider_box .box{width: 337px; height: auto; background: #fff; box-shadow: 0 0 15px 5px rgba(0,0,0,0.1); margin: 0 46px 0 0;}
#column .slider_box .box .text_box{padding: 19px 32px 36px 21px;}
#column .slider_box .box .text_box p.data{font-family: hiragino-kaku-gothic-pron, sans-serif; font-weight: 300; font-style: normal; font-size: 11px; color: #A3A3A3; text-align: left;}
#column .slider_box .box .text_box p.tt{font-family: hiragino-kaku-gothic-pron, sans-serif; font-weight: 300; font-style: normal; font-size: 18px; line-height: 189%; margin: 20px 0 0; display: -webkit-box; display: box; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#column .slider_box .box .text_box a{background: #00559D; text-align: center; font-size: 16px; font-family: source-han-sans-japanese, sans-serif; font-weight: 400; font-style: normal; border-radius: 1000px; width: 222px; padding: 7px 0 11px; display: block; color: #fff; margin: 20px auto 0; border: none; line-height: 150%;}

/* ------------------------------------------------------------ #link */
#link{padding: 72px 0;}
#link .link_flex{align-items: flex-end; justify-content: space-between;}
#link .link_flex h2.title{width: 200px; flex-shrink: 0; padding: 2px 0;}
#link .btn_box{align-items: center;}
#link .btn_box a.btns{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 332px; height: 64px; padding: 16px 1px; margin: 0; background: #fff; border: 1px solid #3766B1; border-radius: 999px; color: #262626; position: relative;}
#link .btn_box a.btns + a.btns{margin: 0 0 0 48px;}
#link .btn_box a.btns{transition: opacity 0.3s;}
#link .btn_box a.btns:hover{opacity: 0.7;}
#link .btn_box a.btns .tt{font-family: source-han-sans-japanese, sans-serif; font-weight: 400; font-style: normal; font-size: 18px; line-height: 150%; text-align: center;}
#link .btn_box a.btns .note{font-family: source-han-sans-japanese, sans-serif; font-weight: 400; font-style: normal; font-size: 12px; line-height: 180%; text-align: center;}
#link .btn_box a.btns:after{content: ""; display: block; position: absolute; right: 24px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; background: url(../images/top/link_icn.svg) no-repeat center center; background-size: 100%;}

/* ------------------------------------------------------------ additnal chart and pie chart calcuation top page */
#simple  .hide{display: none !important;}
#simple .cal-btn a.is-disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}


/* .nebs-tooltip{
					position:absolute;
					max-width:260px;
					background:rgba(0,0,0,0.85);
					color:#fff;
					padding:8px 10px;
					border-radius:8px;
					font-size:12px;
					line-height:1.35;
					z-index:99999;
					pointer-events:none;

					white-space:normal;
					word-break:break-word;
					} */
.nebs-tooltip{
  position: absolute; /*  important */
  max-width: 260px;
  background: rgba(0,0,0,0.85);
  color:#fff;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.35;
  z-index: 999999;
  pointer-events: none;
  white-space: normal;
  word-break: break-word;
}

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
		
	body{ min-width: auto; }
	h2.title span.min_tt{font-size: 16px; padding: 0 0 0 39px; margin: 0 0 10px;}
	h2.title span.min_tt:before{width: 26px;}
	h2.title span.big_tt{font-size: 24px;} 
	
	.canvas_box{min-width: 100%; overflow: hidden;position: absolute; top: 0px; width: 100%; padding: 115% 0; }
	.canvas_box #animation_container{width:300% !important; height: auto !important; top: 3%; left: 45%;}
	.canvas_box #animation_container #canvas {width: 100% !important; height: auto !important;}
	/* ----------------------------------------------------------- */
	.btns { width: 100%; padding: 30px 0; font-size: 20px; text-align: center; margin: 20px auto 0;}
	
	.article_wrapper { padding: 10px 0 0; }
	.article_wrapper .itemlist { display: flex;}
	.article_wrapper .itemlist.is-static { justify-content: center;}
	.article_wrapper .itemlist article { width: 440px; margin: 0 60px 0 0;}
	.article_wrapper .itemlist a { width: 100%; }
	.article_wrapper .itemlist ar1ticle .img { width: 100%; height: auto;}
	.article_wrapper .itemlist article .contents { padding: 20px; }
	.article_wrapper .itemlist article .contents .day { font-size: 12px;}
	.article_wrapper .itemlist article .contents h3 { font-size: 18px; padding-top: 10px;}
	.article_wrapper .itemlist article .contents .text { font-size: 16px; padding-top: 10px;}
	.article_wrapper .itemlist article .contents .tags { display: flex; padding-top: 10px;}
	.article_wrapper .itemlist article .contents .tags li { padding: 5px 10px; font-size: 10px; }
	.article_wrapper .itemlist article .contents .btn { width: 200px; padding: 5px 0; font-size: 12px; padding-top: 10px; }
	
	/* ------------------------------------------------------------ #fv */
	#fv{margin: 131px auto 0; padding: 0; width: 90%; height: auto;}
	#fv .fv_inner{width: 100%; gap: 40px;}
	#fv .fv_head{gap: 16px; width: 100%;}
	#fv h1{width: 100%;}
	#fv h1 span{height: auto; font-size: 14px; line-height: 200%; letter-spacing: 0.38em;}
	#fv .fv_logo{padding: 6px;}
	#fv .fv_logo img{width: 160px; height: auto;}
	#fv .fv_flex{padding: 92% 0 0; gap: 2%;}
	#fv .fv_btn{width: 49%;}
	#fv .fv_btn a{width: 100%; height: 66px; padding: 10px 4px; border-width: 3px;}
	#fv .fv_btn a .sub{font-size: 11px;}
	#fv .fv_btn a .main{font-size: 16px;}
	#fv .fv_btn .tag{top: -22px; padding: 3px 8px; font-size: 11px;}
	#fv .fv_btn .tag:after{left: 12px; width: 11px; height: 6px;}

	/* ------------------------------------------------------------ #news */
	#news{padding: 27px 0 0;}
	#news .news_box{display: block; padding: 24px 5% 26px; border-radius: 16px;}
	#news .news_box h2.title{width: auto;}
	#news .news_box .list_box{margin: 16px 0 0; padding: 0; max-height: 264px;}
	#news .news_box .list_box li{padding: 0 0 12px; margin: 0 0 12px;}
	#news .news_box .list_box li .meta{display: flex; align-items: center;}
	#news .news_box .list_box li .meta .data{font-size: 12px; width: 66px;}
	#news .news_box .list_box li .meta .cat{height: 26px; font-size: 11px; padding: 3px 6px;}
	#news .news_box .list_box li p.tt{font-size: 14px;}

	/* ------------------------------------------------------------ #about */
	#about{padding: 16px 0 0;}
	#about .white_box{width: auto; height: auto; padding: 30px 5% 40px;}
	#about .white_box .flex{ flex-wrap: wrap; display: flex;}
	#about .white_box .flex .tt_box{width: 100%; height: auto; }
	#about .white_box .flex .img_box{ width: 100%; height: auto;margin: 20px 0 0;}
	#about .white_box .flex .img_box img{width: 100%; height: auto;}
	#about .white_box .flex .tt_box p{font-size: 16px;padding: 35px 0 0;}
	#about .white_box .flex .dl_box{position: static; top: auto; right: auto; width: 100%; justify-content: center; margin: 30px 0 0;}
	#about .white_box .flex .dl_box a.btns{width: 100%; height: auto; min-height: 60px; padding: 12px 40px;}
	#about .white_box .flex .dl_box a.btns .tt{font-size: 14px;}
	#about .white_box .flex .dl_box a.btns .note{font-size: 11px;}
	#about .white_box .flex .dl_box a.btns:after{right: 16px; width: 24px; height: 24px;}
	#about .white_box .flex .movie_box{width: 100%; padding: 20px 8px 20px 11px; margin: 35px auto 0; }
	#about .white_box .flex .movie_box h3{font-size: 16px;}
	#about .white_box .flex .movie_box .movie{margin: 17px 0 0;}
	#about .white_box .flex .movie_box .movie .me{width: 100%; height: auto;}
	
	/* ------------------------------------------------------------ #case */
	#case{ padding: 53px 0 0;}
	#case .case_box{padding: 45px 0 59px;}
	#case .case_box .flex{position: relative; z-index: 1;align-items: center;}
	#case .case_box a.btns{display: block; height: auto; font-size: 15px; padding: 17px 0 20px; width: 74.1%; margin: 26px auto 0;}
	#case .case_box a.btns.PC{display: none;}
	#case .case_box a.btns.SP{display: block;}
	#case .case_box .slider_box img.PC{display: none;}
	#case .case_box .slider_box img.SP{display: block;}

	#case .case_box a.btns:before{ width: 27px; height: 27px; right: 21px; top: 50%; }
	#case .case_box .slider_box img{width: 40.16%; height: auto;}
	#case .case_box .slider_box{ padding: 21px 0 0;width: 90%; margin: 0 auto;}
	#case .case_box .slider_box.is-static { width: 90%;}
	#case .case_box .slider_box .slick-track{padding: 20px 0;}
	#case .case_box .slider_box .box{width: 100%; height: auto; margin: 0 0 9px; display: flex; align-items: center;}
	#case .case_box .slider_box .box .text_box{padding: 0 10px; width: calc(100% - 40.16%);}
	#case .case_box .slider_box .box .text_box h4{font-size: clamp(12px, 2.8vw ,18px); line-height: 142%;}
	#case .case_box .slider_box .box .text_box p{display: none;}
	#case .case_box .slider_box .box .text_box a{width: 68%; font-size: 10px; padding: 6px 0 7px; margin: 8px auto 0; line-height: 100%;}
	
	
	/* ------------------------------------------------------------ calculation */
	#calculation {padding: 32px 0;}
	#calculation .inner{width: 100%; padding: 0 16px; box-sizing: border-box;}
	#calculation .title_box{display: block;}
	#calculation .title_box h2.title span.min_tt{font-size: 16px; font-weight: 700; margin: 0 0 16px;}
	#calculation .title_box h2.title span.big_tt{font-size: 24px; font-weight: 700; line-height: 160%;}
	#calculation .title_box p{line-height: 170%; margin: 16px 0 0; font-size: 14px;}
	#calculation .content_box{width: 100%; padding: 8px 0 0;}
	#calculation .cmp_table{padding: 0; border-radius: 16px; background: #fff; align-items: flex-end; justify-content: center;}
	#calculation .cmp_table .r_save{height: 24px;}
	#calculation .cmp_table .r_count{height: 64px;}
	#calculation .cmp_table .r_input{height: 24px; padding: 4px;}
	#calculation .cmp_table .r_can{height: 88px; padding: 4px;}

	/* 左：項目名の列 */
	#calculation .cmp_table .col_label{padding: 0 0 4px;}
	#calculation .cmp_table .col_label .c_row{padding-left: 4px;}
	#calculation .cmp_table .col_label .lb{font-size: 12px; line-height: 150%; font-weight: 500;}
	#calculation .cmp_table .col_label .lb .sp_br{display: inline;}
	#calculation .cmp_table .col_label .r_count{justify-content: flex-start; gap: 8px;}
	#calculation .cmp_table .col_label .r_count .lb{text-align: center; flex-shrink: 0;}
	#calculation .cmp_table .col_label .sub{flex: 1 0 0; width: auto; min-width: 0; height: 100%;}
	#calculation .cmp_table .col_label .sub .s_row{height: 32px;}
	#calculation .cmp_table .col_label .sub .s_row p{font-size: 10px; line-height: 170%;}
	#calculation .cmp_table .col_label .sub .s_row:last-child p{line-height: 140%;}
	#calculation .cmp_table .col_label .sub .s_row p .pc_br{display: none;}
	#calculation .cmp_table .r_can p .pc_br{display: none;}

	/* 右：簡易版／標準版の列 */
	#calculation .cmp_table .col_simple,
	#calculation .cmp_table .col_standard{padding: 4px 0; border-radius: 8px;}
	#calculation .cmp_table .cmp_col .img{width: 84px; height: 84px;}
	#calculation .cmp_table .col_simple .r_save,
	#calculation .cmp_table .col_standard .r_save{padding: 4px;}
	#calculation .cmp_table .col_simple .r_save img,
	#calculation .cmp_table .col_standard .r_save img{width: 16.77px; height: 16.77px;}
	#calculation .cmp_table .col_simple .r_count,
	#calculation .cmp_table .col_standard .r_count{justify-content: center; padding-top: 0;}
	#calculation .cmp_table .col_simple .r_count .s_row,
	#calculation .cmp_table .col_standard .r_count .s_row{height: 32px;}
	#calculation .cmp_table .cmp_col .num{font-size: 16px; line-height: 18.87px;}
	#calculation .cmp_table .col_simple p,
	#calculation .cmp_table .col_standard p{font-size: 10px; line-height: 170%;}
	#calculation .cmp_table .badge{right: 4.78px; top: -5px; width: 33.55px; height: 33.55px; font-size: 8.39px; -webkit-text-stroke-width: 1px;}
	#calculation .cmp_table .col_standard .badge{top: -6px;}

	/* ------------------------------------------------------------ #simple */
	#simple {padding: 50px 0 0;}
	#simple .calculation_wrap .frm_box table td .flex{display: flex; justify-content: space-between; flex-wrap: wrap;}
	#simple .calculation_wrap { display: block;position: relative; width: auto; margin: 0 auto; }
	#simple .calculation_wrap .frm_box { width: calc(100% - 32px); margin: 0 auto;padding: 0 0%; }
	#simple .calculation_wrap .frm_box .demo_box{display: block; margin: 16px 0 0; padding: 16px;}
	#simple .calculation_wrap .frm_box .demo_box .movie{width: 100%; height: auto; aspect-ratio: 416 / 234;}
	#simple .calculation_wrap .frm_box .demo_box .movie .play_btn{width: 48px; height: 48px;}
	#simple .calculation_wrap .frm_box .demo_box .tt{margin: 14px 0 0; font-size: 16px; line-height: 26px;}
	#simple .calculation_wrap .frm_box .demo_box .tt .pc_br{display: none;}
	#simple .calculation_wrap .frm_box .top_caution { font-size: 11px;}
	#simple .calculation_wrap .frm_box table{width: 100%; height: auto;}
	#simple .calculation_wrap .frm_box table th{font-size: 16px; line-height: 24px; font-weight: 700; padding: 14px 0 11px;}
	#simple .calculation_wrap .frm_box table th img{width: 38px; height: auto; margin: 0px 0 0 7px;}
	#simple .calculation_wrap .frm_box table th img.easy_mini_icn{width: 18px; height: auto;}
	#simple .calculation_wrap .frm_box table th input{margin: 0 0 0 15px;}
	#simple .calculation_wrap .frm_box table td{display: block; border: none; padding: 0 0 26px;}
	#simple .calculation_wrap .frm_box table tr:last-child td{padding: 0;}
	#simple .calculation_wrap .frm_box table td label{padding: 12px 10px 10px;}
	#simple .calculation_wrap .frm_box table td label .type-card {display: inline-block; margin: 0 10px;}
	#simple .calculation_wrap .frm_box table td .range_box input{width: 100%;order: 3;margin: 10px 0 0;}
	#simple .calculation_wrap .frm_box table td .range_box span{font-size: 14px; line-height: 160%;}
	#simple .calculation_wrap .frm_box table td .range_box span.tt_1{width: auto; height: auto; text-align: left;font-size: 12px; order: 1;}
	#simple .calculation_wrap .frm_box table td .range_box span.tt_2{width: auto; height: auto; text-align: right;font-size: 12px; order: 2;}
	
	#simple .calculation_wrap .frm_box table td label input[type="radio"] {display: none;}
	
	#simple .calculation_wrap .frm_box table td label { font-size: 12px;}
	
	
	#simple .calculation_wrap .frm_box table td label { display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 10px; border: 1px solid #ddd; background: #fff; color: #262626; cursor: pointer; font-size: 15px;}
	#simple .calculation_wrap .frm_box table tr.form_1 td{padding: 0 0 20px;}
	#simple .calculation_wrap .frm_box table tr.form_1 td label {width: 49%; height: auto; margin-right: 2%; margin-bottom: 3%; font-size: 16px;}
	#simple .calculation_wrap .frm_box table tr.form_1 td label:not(:last-child){margin-right: 2%;}
	#simple .calculation_wrap .frm_box table tr.form_1 td label:nth-child(2n){margin-right: 0%;}
	
	#simple .calculation_wrap .frm_box table tr.form_4 td{padding: 0 0 10px;}
	#simple .calculation_wrap .frm_box table tr.form_4 td label {width: 49%; height: auto;margin-right: 2%; margin-bottom: 3%; font-size: 14px;}
	#simple .calculation_wrap .frm_box table tr.form_4 td label:not(:last-child){margin-right: 2%;}
	#simple .calculation_wrap .frm_box table tr.form_4 td label:nth-child(2n){margin-right: 0%;}
	
	#simple .calculation_wrap .frm_box table tr.form_5 td{border-bottom: none; padding: 0;}
	#simple .calculation_wrap .frm_box table tr.form_5 td .flex{display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 10px; column-gap: 0;}
	#simple .calculation_wrap .frm_box table tr.form_5 td label {width: calc(50% - 4px); height: 108px; margin: 0; padding: 13px 11px 11px; font-size: 16px; line-height: 22.4px; box-sizing: border-box;}
	#simple .calculation_wrap .frm_box table tr.form_5 td label:not(:last-child){margin-right: 0;}
	#simple .calculation_wrap .frm_box table tr.form_5 td label:nth-child(n+3){height: 90px;}
	#simple .calculation_wrap .frm_box table tr.form_5 td label:has(input[type="radio"]:checked){padding: 12px 10px 10px;}
	#simple .calculation_wrap .frm_box table tr.form_5 td label .img{padding: 0 0 6px;}
	
	#simple .calculation_wrap .frm_box table tr.form_6 td {border: none;padding: 26px 0 35px;}
	#simple .calculation_wrap .frm_box > table{padding: 0;}
	#simple .calculation_wrap .frm_box table tbody:not(.q_card) > tr{margin: 0;}
	#simple .calculation_wrap .frm_box table tbody.q_card{margin: 24px 0 0; border: 1px solid #E6E6E6; border-radius: 17px; padding: 24px 16px;}
	#simple .calculation_wrap .frm_box table tr.form_6 td{padding: 0 0 16px;}
	#simple .calculation_wrap .frm_box table tr.form_6 td .clos_box{border: none; border-radius: 0; padding: 0;}
	#simple .calculation_wrap .frm_box table tr.form_6 td .clos_box .clos_btn{font-size: 16px; padding: 0px;}
	#simple .calculation_wrap .frm_box table tr.form_6 td .clos_box .clos_btn:before{width: 16px; height: 16px; top: 40%; right: 15px;}
	#simple .calculation_wrap .frm_box table tr.form_6 td .clos_box .clos_btn.active:before{ top: 60%; }
	
	#simple .calculation_wrap .frm_box table tr.form_6 td .clos_box .clos_btn label {width: 100%; height: auto; border: none; position: relative;}
	#simple .calculation_wrap .frm_box table tr.form_6 td .clos_box .list_box{display: none; padding: 0;}
	#simple .calculation_wrap .frm_box table tr.form_6 td .clos_box .flex{display: block; column-count: 2; column-gap: 4px; padding: 16px 0 0; margin: 0 0 -4px;}
	#simple .calculation_wrap .frm_box table tr.form_6 td .clos_box li{display: flex; align-items: baseline; white-space: normal; font-size: 12px; line-height: 22px; position: static; padding: 0; margin: 0 0 4px; break-inside: avoid;}
	#simple .calculation_wrap .frm_box table tr.form_6 td .clos_box li .sp_br{display: inline;}
	#simple .calculation_wrap .frm_box table tr.form_6 td .clos_box li span{font-size: 14px; width: 22px; flex-shrink: 0; margin: 0 4px 0 0; position: static; line-height: 22px;}
	#simple .calculation_wrap .frm_box table tr.form_6 td .clos_box li.tt_1{width: 100%; margin: 0;}
	#simple .calculation_wrap .frm_box table tr.form_7 th{padding: 14px 0 11px;}
	#simple .calculation_wrap .frm_box table tr.form_7 th span{font-size: 16px; line-height: 26px;}
	#simple .calculation_wrap .frm_box table tr.form_7 th img{width: 26px; height: auto; margin: 0 7px 0 0;}
	#simple .calculation_wrap .frm_box table tr.form_7 th img.easy_mini_icn{width: 18px; height: auto; margin: 0 0 0 12px;}
	#simple .calculation_wrap .frm_box table tr.form_6 td .clos_box li.tt_2{width: 100%;}
	
	
	#simple .calculation_wrap .frm_box table tr.form_7 th span{font-size: 16px; margin: 0 6px 0 0;}
	#simple .calculation_wrap .frm_box table tr.form_7 th .flex{display: flex;}
	#simple .calculation_wrap .frm_box table tr.form_7 th .flex img{margin: 0px 7px 0 0; width: 26px; height: auto;}
	#simple .calculation_wrap .frm_box table tr.form_7 th .flex img.easy_mini_icn{width: 18px; height: auto; margin: 0 0 0 12px;}
	#simple .calculation_wrap .frm_box table tr.form_7 .form_tt_box{background: #A2CCED; border-radius: 9px; color: #fff; font-size: 14px; line-height: 143%; font-family: "source-han-sans-japanese", sans-serif; font-weight: 500; font-style: normal; padding: 7px 12px 6px; margin: 14px 0 0 ; display: none;}
	#simple .calculation_wrap .frm_box table tr.form_7 td label {width: calc(100% / 3); height: auto; font-size: 15px;}
	#simple .calculation_wrap .frm_box table tr.form_7 td label:nth-child(1){border-radius: 5px 0 0 5px; border-right: none;}
	#simple .calculation_wrap .frm_box table tr.form_7 td label:nth-child(2){border-radius: 0px; border-right: none;}
	#simple .calculation_wrap .frm_box table tr.form_7 td label:nth-child(3){border-radius: 0 5px 5px 0;}
	#simple .calculation_wrap .frm_box table tr.form_7 td label:not(:last-child){}
	/* for double */
	#simple .calculation_wrap .frm_box table tr.form_7 td .double label{border-right: 1px solid #ddd;}

	#simple .calculation_wrap .frm_box table td label .img {padding: 0 0 6px;}
	#simple .calculation_wrap .frm_box table td label .img img.on {	display: none;}
	
	#simple .calculation_wrap .frm_box table tr.active td::before { top: -8%; height: 92%;}
	#simple .calculation_wrap .frm_box table tr.form_4 td,
	#simple .calculation_wrap .frm_box table tr.form_4 td { padding: 0;}
	
	#simple .calculation_wrap .frm_box table tr.active td div.flex{padding: 5px;}
	
	#simple .nebs-legend { font-size: clamp(7px, 1.6vw ,11px); column-gap: 7px;}
	#simple .nebs-legend-item { display: flex; align-items: center; gap: 6px; white-space: nowrap;}
	#simple .nebs-legend-color { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0;}
	#simple .calculation_wrap .followbox .chartbox .pie-container.chartbox_2 { width: 40%; height: 150px; padding: 0px 0px 0 0px; }
	#simple .calculation_wrap .followbox .chartbox .pie-container.chartbox_1 { width: 58%; height: 70%; padding: 0 0 0; }
	#simple .calculation_wrap .followbox.reached-bottom{box-shadow: none; padding: 0px 8px 12px; }

	
	
	#simple .calculation_wrap .followbox { bottom: 0; left: 0; top: auto; width: 100%; padding: 8px 8px 12px; border-radius: 20px 20px 0 0; transform: translateY(120%); transition: transform .18s ease; will-change: transform;}
	#simple .calculation_wrap .followbox.is-active{ transform: translateY(0);}
	#simple .calculation_wrap .followbox.is-fixed{ position: fixed; z-index: 1000;}
	#simple .calculation_wrap .followbox.is-absolute{ position: absolute; z-index: 999; box-shadow: none; background: transparent; border-radius: 0; padding: 20px 8px 12px;}
	#simple .calculation_wrap .followbox.is-stopped {position: relative; bottom: 0; left: 0; right: 0; box-shadow: none; background: transparent; border-radius: 0;  z-index: 1000;padding: 20px 8px 12px;}
	#simple .calculation_wrap .followbox .followbox__scroll { padding: 0px; max-height: auto; overflow: visible; -webkit-overflow-scrolling: auto;}
	#simple .calculation_wrap .followbox .simple_list{width: 100%; height: auto;}
	#simple .calculation_wrap .followbox .simple_list img{width: 100%; height: auto;}
	#simple .calculation_wrap .followbox .flex_box{display: flex;padding: 16px 0 0;}
	#simple .calculation_wrap .followbox .chartbox{position: relative; width: 50%;}
	#simple .calculation_wrap .followbox .box{position: relative; width: 50%;} 
	#simple .calculation_wrap .followbox .box.is-chart-pending{ width: 100%;} 
	#simple .calculation_wrap .followbox .chart_list{display: flex; flex-wrap: wrap; justify-content: space-between;}
	#simple .calculation_wrap .followbox .chart_list li{font-size: 11px; padding: 0px 0 0 13px;}
	#simple .calculation_wrap .followbox .chart_list li:before{width: 11px; height: 11px; }
	#simple .calculation_wrap .followbox .chart_list li{width: 169px; height: auto;}
	#simple .calculation_wrap .followbox .chart_list li.tag_right{width: 117px; height: auto;}
	
	#simple .calculation_wrap .followbox .link_box{display: flex;padding: 14px 0 0;}
	#simple .calculation_wrap .followbox .link_box a{width: 49%; margin: 0px; height: auto;}
	#simple .calculation_wrap .followbox .link_box a img{top: auto; left: auto; width: 100%; height: auto; position: relative;}
	#simple .calculation_wrap .followbox .link_box a.btn_1{background: none;}
	
	#simple .result .result_box .right-chart .pie-container1{ width: 208px; height: 200px; margin: 0 auto;}
	#simple .result .result_box .right-chart .pie-container1.container1_2{ width: 30% !important; height: 230px; margin: 0 auto;}
	#simple .result .result_box .right-chart .pie-container1.container1_3{ width: 100%; height: auto; margin: 0 auto;}
	#simple .result .result_box .right-chart .pie-container1.container1_3 .nebs-legend {padding: 18px 0 0; display: flex; flex-wrap: wrap; font-size: 12px; column-gap: 0; justify-content: flex-start; width: 100%; margin: 0 auto;}
	#simple .result .result_box .right-chart .pie-container1.container1_3 .nebs-legend .nebs-legend-item{margin: 0 2% 0 0;}
	#simple .result .result_box .right-chart .pie-container1.container1_3 .nebs-legend .nebs-legend-item:nth-child(2n){ margin: 0;}
	#simple .result .result_box .right-chart .pie-container1.container1_3 .nebs-legend-item { width: 55%; display: block; position: relative;}
	#simple .result .result_box .right-chart .pie-container1.container1_3 .nebs-legend-item:nth-child(2n) { width: calc(100% - 57%);}
	#simple .result .result_box .right-chart .pie-container1.container1_3 .nebs-legend-item span{padding: 0 0 0 15px; white-space: normal;        display: block;}
	#simple .result .result_box .right-chart .pie-container1.container1_3 .nebs-legend-item .nebs-legend-color{display: block; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); padding: 0px;}
	
	#simple .calculation_wrap .followbox .link_box a.btn_2{background: none; margin: 0 0 0 2%;}

	#simple .calculation_wrap .followbox .link_box a{position: relative; width: 100%; height: auto; display: block; padding: 7px 0 0;}
	#simple .calculation_wrap .followbox .link_box a:before{display: none;}
	#simple .calculation_wrap .followbox .link_box a img{width: 100%; height: auto; text-align: center;}
	
	#simple .calculation_wrap .followbox .link_box a.btn_1 span:before{display: none;}
	
	#simple .calculation_wrap .followbox .link_box a.btn_2{}
	#simple .calculation_wrap .followbox .link_box a.btn_2 span:before{display: none;}



	#simple .calculation_wrap .followbox h3{font-size: 20px; }
	#simple canvas{max-width: 100%; display:block}
	#simple #panel{margin: 10px 0 0; font-size: 13px; opacity:.7}
	
	/* ---------- Slider Track をグラデーション化 ---------- */
	#simple .range-input {width: 100%; height: 8px; border-radius: 5px;}
	
	/* Chrome, Edge 用の Track */
	#simple .range-input::-webkit-slider-runnable-track {height: 8px; border-radius: 5px; background: transparent;}
	
	/* Firefox 用 */
	#simple .range-input::-moz-range-track { height: 10px; border-radius: 5px; background: transparent;}
	
	/* ---------- Slider Thumb（丸い部分） ---------- */
	#simple .range-input::-webkit-slider-thumb { width: 30px; height: 30px;}
	#simple .range-input::-moz-range-thumb { width: 30px; height: 30px; }
	
	/* ---------- 数値に応じてグラデーションを動的に更新 ---------- */
	#simple .range_box{padding: 4px 0 0;}
	#simple .range_box input[type="range"] {background-size: 0% 100%;}
	
	#simple .result .result_box .right-chart .chartbox_flex{display: flex; flex-wrap: wrap;}
	/*
simple .result .result_box .right-chart .pie-container1{ width: 70%; height: auto; margin: 0 auto;}
	#simple .result .result_box .right-chart .pie-container1.container1_2{width: 30%; height: 120px;}
	#simple .result .result_box .right-chart .pie-container1.container1_3{width: 100%; height: auto;}
*/
	#simple .result .result_box .right-chart .pie-container1 canvas{margin: 25px 0 0;}
	#simple .result .result_box .right-chart .pie-container1 .nebs-legend{margin-top: 28px;}
	/* ---------- 吹き出し ---------- */
	#simple bubble{min-width: 220px; max-width: 80vw; padding:14px 16px;}
	#simple .bubble .title{font-size:15px; margin-bottom:4px}
	#simple .bubble .value{font-size:22px; line-height:1.2}
	#simple .bubble .sub{font-size:12px; opacity:.7; margin-top:4px}
	#simple .bubble .close{position:absolute; top:8px; right:8px; border:0; width:28px; height:28px; font-size:16px;}
	/* 矢印 */
	#simple .bubble::after{border:8px solid transparent;  bottom:-16px; }
	/* 下側表示のときは矢印を上に */
	#simple .bubble.bottom::after{top:-16px; }
	

	
	/* ---------- 最終結果 ---------- */
	#simple .result { margin-top: 30px; padding: 30px 0 44px;}
	#simple .result .result_box h3{ font-size: 20px; padding: 10px 0 15px;}
	#simple .result .result_box .container {width: 100%;margin: 0 auto;font-size: 14px; padding: 16px 5% 28px;}
	#simple .result .result_box .top-section {display: flex; flex-direction: column-reverse; gap: 0;}
	#simple .result .result_box .top-section h4{ font-size: 21px; padding: 0 0 12px; line-height: 143%;}
	
	#simple .result .result_box .left-table {width: 100%; padding: 34px 0 0;}
	#simple .result .result_box .right-chart .simple_list img{width: 100%; height: auto;}
	#simple .result .result_box .right-chart {width: 100%; margin: 0px; display: flex;justify-content: center;align-items: center;}
	#simple .result .result_box .right-chart .chartbox{width: 100%; height: auto;}
	#simple .result .result_box .right-chart .chartbox p{font-size: 12px;text-align: left;}
	#simple .result .result_box .right-chart .chartbox .chart_list{display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin: 0 auto;}
	#simple .result .result_box .right-chart .chartbox .chart_list li{font-size: 11px; padding: 0 0 0 15px;}
	#simple .result .result_box .right-chart .chartbox .chart_list li:before{ width: 9px; height: 9px;}
	#simple .result .result_box .right-chart .chartbox .chart_list li{width: 150px; height: auto;}
	#simple .result .result_box .right-chart .chartbox .chart_list li.tag_right{width: 107px; height: auto;}
	
	#simple .result .result_box table {width: 100%;border-collapse: collapse;}
	#simple .result .result_box td.title_tt{font-size: 12px; width: 47px; line-height: 209%;}
	#simple .result .result_box td {font-size: 12px; line-height: 209%; padding: 0;}
	#simple .result .result_box th { font-size: 11px; line-height: 209%;}
	#simple .result .result_box .calculation tr:last-child th,
	#simple .result .result_box .calculation tr:last-child td{padding: 0 0 24px;}
	#simple .result .result_box .calculation tr:nth-child(2) th,
	#simple .result .result_box .calculation tr:nth-child(2) td{padding: 17px 0 0;}
	
	#simple .result .result_box .bottom-table {margin-top: 40px;}
	#simple .result .result_box .total_tbe{margin: 10px 0 0;}
	#simple .result .result_box .total_tbe th{text-align: left; font-size: 12px;}
	#simple .result .result_box .total_tbe tr th,
	#simple .result .result_box .total_tbe tr td{border-bottom: none;}
	#simple .result .result_box .total_tbe tr th.data_tt{text-align: right; }
	
	#simple .result .bottom-table{}
	#simple .result .bottom-table h4{font-size: 21px; padding: 0 0 20px; line-height: 143%;}
	#simple .result .bottom-table .flex{ justify-content: space-between; }
	#simple .result .bottom-table .flex .table_box{padding: 14px 0;}
	#simple .result .bottom-table .flex table{width: 100%; height: auto; }
	#simple .result .bottom-table .flex table th{ }
	#simple .result .bottom-table .flex .table_box:first-child th.top,
	#simple .result .bottom-table .flex .table_box:last-child th.top{line-height: 193%; width:46px; text-align: left; vertical-align: top;}
	#simple .result .bottom-table .flex table th{border: none;font-size: 12px; vertical-align: top;}
	#simple .result .bottom-table .flex table td{border: none;font-size: 12px; vertical-align: top;}
	#simple .result .bottom-table .flex table tr:not(:last-child) td{padding: 0 10px 0 0;}
	#simple .result .bottom-table .flex table td.data_tt{text-align: right;}
	#simple .result .red_caution { font-size: 11px;}
	
	#related ul { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, auto); gap: 10px; padding: 10px 0 0; }
	#related ul li { text-align: center; padding: 5px 0;}
	
	
	#simple .login_box{background: url(https://www.ntt-f.co.jp/nebs/nebs-portal/images/top/estimate_img_bg_sp.jpg) no-repeat center center; background-size: cover; margin: 0; padding: 33px 0 45px; align-items: center;}
	#simple .login_box .flex{justify-content: space-between;align-items: center;}
	#simple .login_box h3{text-align: center; font-size: 22px; }
	#simple .login_box h3 span{font-size: 29px;margin: 0px 0 13px; display: inline-block;}
	#simple .login_box a{padding: 14px 0 16px; font-size: 18px; margin: 32px auto 0px;}
	
	
	/* ------------------------------------------------------------ #column */
	#column{padding: 50px 0 67px; }
	#column .title_box{justify-content: space-between;align-items: center;}
	#column a.btns{display: block; height: auto; font-size: 15px; padding: 17px 10px 20px 0px; width: 73.56%; margin: 39px auto 0;}
	#column a.btns:before{background: url(../images/top/btn_icn_arrow.svg) no-repeat center center; background-size: 100%; width: 26px; height: 26px; right: 20px; top: 50%; }
	#column a.btns.PC{display: none;}
	#column a.btns.SP{display: block;}

	#column .slider_box .slick-track{padding: 20px 0;}
	#column .slider_box{padding: 20px 0 0; width: 90%; margin: 0 auto;}
	#column .slider_box.is-static { width: 90%;}
	#column .slider_box .box{width: 100%; height: auto; margin: 0 0 17px; display: flex; align-items: center; padding: 6px 6px 5px 6px;}
	#column .slider_box .box:last-child{margin: 0px;}
	#column .slider_box .box img{ width: 49%; height: auto;}
	#column .slider_box .box .text_box{padding: 0 0 0 12px; width: 49%;}
	#column .slider_box .box .text_box p.data{font-size: 11px;line-height: 100%;}
	#column .slider_box .box .text_box p.tt{height: 35px; font-size: 12px; margin: 8px 0 0; line-height: 142%;}
	#column .slider_box .box .text_box a{font-size: 11px; width: 79%; padding: 3px 0 4px; margin: 8px auto 0; line-height: 155%;}
	
	/* ------------------------------------------------------------ #link */
	#link{padding: 49px 0;}
	#link .link_flex{display: block;}
	#link .link_flex h2.title{width: auto;}
	#link .btn_box{display: block; margin: 24px 0 0;}
	#link .btn_box a.btns{width: 100%; height: 60px; padding: 14px 1px;}
	#link .btn_box a.btns + a.btns{margin: 16px 0 0;}
	#link .btn_box a.btns .tt{font-size: 15px;}
	#link .btn_box a.btns .note{font-size: 11px;}
	#link .btn_box a.btns:after{right: 16px; width: 24px; height: 24px;}

}








	/* ---------- double and long text in form ---------- */