/*==========================================================
                        C U S T O M
==========================================================*/
/* MB */
.under main .mb10 {
    margin-bottom: 10px
}
.under main .mb15 {
    margin-bottom: 15px
}
.under main .mb20 {
    margin-bottom: 20px
}
.under main .mb25 {
    margin-bottom: 25px
}
.under main .mb30 {
    margin-bottom: 30px
}
.under main .mb40 {
    margin-bottom: 40px
}
.under main .mb50 {
    margin-bottom: 50px
}
.under main .mb60 {
    margin-bottom: 60px !important
}
.under main .mb70 {
    margin-bottom: 70px
}
.under main .mb80 {
    margin-bottom: 80px
}
.under main .mb90 {
    margin-bottom: 90px
}
/* MT */
.under main .mt10 {
    margin-top: 10px
}
.under main .mt15 {
    margin-top: 15px
}
.under main .mt20 {
    margin-top: 20px
}
.under main .mt25 {
    margin-top: 25px
}
.under main .mt30 {
    margin-top: 30px
}
.under main .mt40 {
    margin-top: 40px
}
.under main .mt50 {
    margin-top: 50px
}
.under main .mt60 {
    margin-top: 60px
}
.under main .mt70 {
    margin-top: 70px
}
.under main .mt80 {
    margin-top: 80px
}
.under main .mt90 {
    margin-top: 90px
}
/* MAX_W */
.under main .max_w200 {
    width: 100%;
    max-width: 200px
}
.under main .max_w250 {
    width: 100%;
    max-width: 250px
}
.under main .max_w300 {
    width: 100%;
    max-width: 300px
}
.under main .max_w350 {
    width: 100%;
    max-width: 350px
}
.under main .max_w500 {
    width: 100%;
    max-width: 500px
}
.under main .max_w600 {
    width: 100%;
    max-width: 600px
}
.under main .max_w700 {
    width: 100%;
    max-width: 700px
}
.under main .max_w800 {
    width: 100%;
    max-width: 800px
}
.under main .max_w900 {
    width: 100%;
    max-width: 900px
}
/* MIN-W */
.under main .min_w200 {
    min-width: 200px
}
.under main .min_w250 {
    min-width: 250px
}
.under main .min_w300 {
    min-width: 300px
}
.under main .min_w350 {
    min-width: 350px
}
.under main .min_w500 {
    min-width: 500px
}
/*==========================================================
                        FONT FAMILY
==========================================================*/
/*==========================================================
                        H E A D I N G
==========================================================*/
.under main h2 {
    font-size: 48px;
    text-align: center;
    margin-bottom: 0;
    letter-spacing: 0.05em;
    color: #fff;
}
.under main h3 .en {
    font-family: var(--f-cormor);
    font-size: 100px;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.2;
    margin: 0 0 -10px 0;
}
.under main h3 .ja {
    font-size: 24px;
    line-height: 1.4;
}
.under main .u_s3_ttl {
    display: flex;
    flex-direction: column;
}
.under main .u_section_ttl {
    display: flex;
}
.under main .u_ttl {
    flex-shrink: 0;
}
.under main .u_text {
    margin: 80px 0 0 45px;
}
.under main .u_text p {
    letter-spacing: 0.05em;
    font-size: 18px;
    font-family: var(--f-main);
    font-weight: 400;
    letter-spacing: -1px;
}
.under main .u_flex {
    display: flex;
}
.under main .u_flex.reverse {
    flex-direction: row-reverse;
}
.under main .u_s4_ttl .ja {
    font-size: 36px;
    line-height: 1.4;
    margin: 0 0 -5px 0;
}

.under main .f_size36 {
    font-size: 36px;
    font-family: var(--f-main);
    margin: 0 0 20px 0;
}

.under main .f_size28 {
    font-size: 28px;
    font-family: var(--f-main);
    margin: 0 0 10px 0;
}

.under main .u_s4_ttl .en {
    font-family: var(--f-cormor);
    font-size: 20px;
    font-weight: 300;
    color: #808080;
    display: none;
}
.under main .u_s4_ttl {
    display: flex;
    flex-direction: column;
    margin: 0 0 26px 0;
}
.under main h5, .under main .u_ds04_ttl {
    font-size: 28px;
    letter-spacing: 0;
    margin: 0 0 7px 0;
    font-family: var(--f-main);
}
.under main h6 {
    position: relative;
    font-size: 26px;
    padding: 0 0 0 20px;
    margin: 0 0 20px 0;
}
.under main h6::before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    width: 15px;
    height: 2px;
    background: #000;
}
.under main .u_flow_text p {
    font-size: 18px;
}
.under main h5.mb0 {
    margin-bottom: 0;
}
/*==========================================================
                      MAIN - CONTENT
==========================================================*/
/* .under main #content{padding: 0 0 120px} */
.under main section {
    padding: 0 0 120px;
    margin-bottom: 0
}
.under main section.none {
    display: none !important
}
.under main section:last-child {
    padding: 0
}
.under main ol li {
    list-style: decimal;
}
.under main .u_img {
    width: 748px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
/* .under main .u_flex.no_img .u_info{margin: 0;width: 100%;padding: 0;} */
.under main .u_flex.no_img .u_info {
    margin: 40px 0;
    width: 100%;
    padding: 0;
}

.under main .u_flex.no_img .u_info.m0 {
    margin-bottom: 0;
    margin-top: 0;
}

.under main .u_info {
    width: 752px;
    height: auto;
    padding: 50px 0 50px 80px;
    background: #fff;
    flex-shrink: 0;
    position: relative;
    margin: 155px 0 0 -60px;
}
.under main .u_flex.reverse .u_info {
    margin: 140px -60px 0 0;
    padding: 50px 80px 50px 0;
}
.under main .inline_flex {
    display: inline-flex;
}
/* LINK + BUTTON TOP */
.under main .link {
    text-decoration: underline;
    color: var(--mcolor);
}
/*============ TOP INFO ============ */
.under main #top_info {
    height: 480px;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    background: url('../images/top_info_bg.jpg') no-repeat center /cover;
    padding: 60px 0 0 0;
    position: relative;
}
.under main #top_info::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}
.under main #top_info .inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}
#piana main #top_info {
    background: url(../images/piana_top_info_bg.jpg)no-repeat center/ cover;
}
#feelas main #top_info {
    background: url(../images/feelas_top_info_bg.jpg)no-repeat center/ cover;
}
#cada main #top_info {
    background: url(../images/cada_top_info_bg.jpg)no-repeat center/ cover;
}
#smart main #top_info {
    background: url(../images/smart_top_info_bg.jpg)no-repeat center/ cover;
}
#stage main #top_info {
    background: url(../images/stage_top_info_bg.jpg)no-repeat center/ cover;
}
#model main #top_info {
    background: url(../images/model_top_info_bg.jpg)no-repeat center/ cover;
}
#toyota main #top_info {
    background: url(../images/toyota_top_info_bg.jpg)no-repeat center/ cover;
}
#design main #top_info {
    background: url(../images/design_top_info_bg.jpg)no-repeat center/ cover;
}
#flow main #top_info {
    background: url(../images/flow_top_info_bg.jpg)no-repeat center/ cover;
}
#service main #top_info {
    background: url(../images/service_top_info_bg.jpg)no-repeat center/ cover;
}
#first main #top_info {
    background: url(../images/first_top_info_bg.jpg)no-repeat center/ cover;
}
#money main #top_info {
    background: url(../images/money_top_info_bg.jpg)no-repeat center/ cover;
}
#land main #top_info {
    background: url(../images/land_top_info_bg.jpg)no-repeat center/ cover;
}
#cost main #top_info {
    background: url(../images/cost_top_info_bg.jpg)no-repeat center/ cover;
}
#performance main #top_info {
    background: url(../images/performance_top_info_bg.jpg)no-repeat center/ cover;
}
#house main #top_info {
    background: url(../images/house_top_info_bg.jpg)no-repeat center/ cover;
}
/*==========================================================
                    T O P I C   P A T H
==========================================================*/
.under main #topic_path {
    margin-bottom: 100px;
}
.under main #topic_path ul {
    display: block;
    padding: 10px 0
}
.under main #topic_path li {
    display: inline;
    position: relative;
}
.under main #topic_path li:not(:last-child)::after {
    content: ">";
    position: relative;
    display: inline-block;
    margin: 0 5px 0 10px;
    top: -1px;
    pointer-events: none;
}
.under main #topic_path li {
    color: var(--mcolor);
}
/*============ LIST ANCHOR LINK ============ */
.under main .list_anchor {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-bottom: 30px;
}
.under main .list_anchor.mb15{margin-bottom: 15px;}
.under main .list_anchor .btn {
    margin: 0 20px 15px
}
.under main .list_anchor:last-child {
    margin-bottom: -15px;
}
.under main .btn a {
    width: auto;
    min-width: 240px;
    padding: 10px 40px 10px 40px;
    text-align: center;
    height: auto;
}
.under main .list_anchor.mw01 {
	margin: 0 auto;
	max-width: 1000px;
}
/*==========================================================
                        T A B L E
==========================================================*/
.under main table.td_top td {
    vertical-align: top
}
.under main table.tb_fix {
    table-layout: fixed;
}
.under main table {
    margin-bottom: 30px;
}
.under main table.mb10 {
	margin-bottom: 10px;
}
.under main table.mailform th, .under main table th {
    background: var(--mcolor);
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    font-family: var(--f-main);
}
.under main table th p {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    font-family: var(--f-main);
}
.under main table th.bg00 p {
    color: #000;
}
.under main table th.bg00.no_bold p {
    font-weight: 400;
}
.under main table.mailform th span {
    color: #fff
}
.under main table.mailform td .info {
    color: var(--mcolor)
}
.under main table.tb_block th.bg00, .under main table th.bg00 {
    background: transparent;
    color: #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid var(--mcolor);
    text-align: left;
}
.under main table.tb_block th.bg00.center, .under main table th.bg00.center {
    text-align: center;
}
.under main table td {
    border-color: var(--mcolor);
    background: #fff;
}
.under main table th, .under main table td {
    padding: 15px;
}
.under main table img {
    display: block;
    margin: auto;
}
.under main table th p {
    font-family: var(--f-main);
}
.under main table th {
    border-color: var(--mcolor);
    border-right-color: #fff;
    border-bottom-color: #fff;
}
.under main table tr th:first-child {
    border-left-color: var(--mcolor);
}
.under main table tr th:last-child {
    border-right-color: var(--mcolor);
}
.under main table.mailform th, .under main table.tb_block th {
    border-color: var(--mcolor);
    border-bottom-color: #fff;
}
.under main table.tb_block th:not(:last-child) {
    border-right-color: #fff;
}
.under main table.tb_block th:last-of-type {
    border-right-color: #000;
}
.under main table.mailform tr:first-child th, .under main table.tb_block tr:first-child th {
    border-top-color: var(--mcolor);
}
.under main table.mailform tr:last-child th, .under main table.tb_block tr:last-child th {
    border-bottom-color: var(--mcolor);
}
.under main table.top th, .under main table.top td {
    vertical-align: top;
}
.under main table.left th, .under main table.left td {
    text-align: left;
}
.under main .w75per {
    width: 75%
}
.under main .w10per {
    width: 10%;
}
.under main .w15per {
    width: 15%;
}
.under main .flex_box {
    display: flex;
    flex-wrap: wrap;
    margin: -30px;
}
.under main .box_col_item {
    width: 50%;
    padding: 30px;
}
.under main .box_col_item {
    border-top: 1px solid #000;
}
.under main .box_col_item:nth-child(1), .under main .box_col_item:nth-child(2) {
    border-top: 1px solid transparent;
}
.under main .box_col_item:nth-child(odd) {
    border-right: 1px solid #000;
}
/*============ LIST ============ */
.under main .flex_img {
    display: flex;
    width: 100%;
}
.under main .flex_img img {
    width: calc((100% - 50%) - 10px);
}
.under main .flex_img img:not(:last-child) {
    margin: 0 20px 0 0;
}
/* LIST 01 */
.under main .list01, .under main .custom_post ul {
    margin-bottom: 30px;
}
.under main .list01 li, .under main .custom_post ul li {
    display: block;
    padding-left: 15px;
    margin-bottom: 5px;
    position: relative;
    font-family: var(--f-nts);
    font-size: 18px;
}
.under main .list01 li::before, .under main .custom_post ul li::before {
    background: var(--mcolor);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    top: 16px;
    left: 0;
    content: ''
}
.under main .custom_post ol {
    margin: 0 0 0 20px;
}
.under main .flex_list {
    display: flex;
    justify-content: center;
}
.under main .flex_list.flex_start {
    justify-content: flex-start;
}
.under main .flex_list ul {
    margin: 0 0 10px 0;
}
.under main .flex_list ul {
    width: 48%;
}
/* 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, .under main .custom_post ul {
    margin: 0 0 30px 0;
}
.under main .list_check li, .under main .custom_post ul li {
    font-family: var(--f-nts);
    font-size: 18px;
    position: relative;
    line-height: 1.5;
    margin: 0 0 17px 0;
    padding: 0 0 0 36px;
}
.under main .list_check li::before, .under main .custom_post ul li::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 15px;
    height: 12px;
    background: url(../images/check_ic.png) no-repeat center/100%;
}
/* LIST STEP */
.under main .list_step dt {
    display: flex;
    align-items: flex-end;
    margin: 0 0 20px 0;
}
.under main .list_step dt .step_loop p {
    font-family: var(--f-cormor);
    font-size: 50px;
    line-height: 1;
}
.under main .list_step dt .step_loop {
    flex-shrink: 0;
    margin: 0 20px 0 0;
}
.under main .list_step dt .step_ttl p {
    font-size: 20px;
    font-family: var(--f-main);
    line-height: 1.4;
}
.under main .list_step dd {
    font-family: var(--f-nts);
    font-size: 18px;
}
.under main .list_step dl {
    position: relative;
    padding: 0 0 50px 0;
}
.under main .list_step dl::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 500px;
    height: 1px;
    background: #000;
}
.under main .list_step dl::after {
    content: '';
    position: absolute;
    top: 100%;
    left: calc((100% - 60px)/2);
    width: 60px;
    height: 30px;
    background: url(../images/step_ic.png) no-repeat center/100%;
}
.under main .list_step dl .under main .list_step dl:not(:last-child) {
    margin: 0 0 50px 0;
}
.under main .list_step dl:last-child::after, .under main .list_step dl:last-child::before {
    display: none;
}
.under main .flex_dl {
    display: flex;
    width: 100%;
    position: relative;
}
.under main .flex_dl:not(:last-child) {
    margin: 0 0 50px 0;
}
.under main .flex_dl::after {
    content: '';
    position: absolute;
    top: 100%;
    left: calc((100% - 80px)/2);
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 50px solid #000;
}
.under main .flex_dl:last-child::after {
    display: none;
}
.under main .list_step02 {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.under main .list_step02 dl {
    width: 200px;
    height: 200px;
    border: 2px solid #000;
    display: flex;
    flex-direction: column;
    align-items: center; /* justify-content: center; */ ;
    position: relative;
}
.under main .list_step02 dl:last-child::after {
    display: none;
}
.under main .list_step02 dl::after {
    content: '';
    position: absolute;
    top: calc((100% - 20px)/2);
    left: calc((100% + 17px));
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #000;
}
.under main .list_step02 dl:not(:last-child) {
    margin: 0 45px 30px 0;
}
.under main .list_step02 dt {
    font-family: var(--f-cormor);
    text-align: center;
    font-size: 34px;
}
.under main .list_step02 dd p {
    margin: 0 0 10px 0;
    text-align: center;
}
.under main .list_step.step_col {
    display: flex;
    flex-wrap: wrap;
    margin: -30px;
}
.under main .list_step.step_col dl {
    width: 50%;
    padding: 30px;
}
/*============ FRAME ============ */
/* FRAME 01 */
.under main .frame01 {
    background: #f6f5f2;
    padding: 30px;
    border-radius: 20px;
    max-width: 1260px;
    margin: 0 auto;
}
.under main .frame01.w_full {
    max-width: 100%;
}
.under main .frame01.w_min {
    max-width: none;
    width: calc((100% - 748px) - 50px);
    margin: 0;
    padding: 10px;
}
.under main .frame01.w_min p {
    font-size: 15px;
    margin: 0 0 6px 0;
    line-height: 1.6;
}
/* FRAME 02 */
/* FRAME PICKUP */
.under main .frame_pick {
    padding: 25px;
    background: #e6e6e6;
    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: 400px
}
.under main .box_ytb {
    width: 900px;
    height: auto;
    margin: 0 auto;
    aspect-ratio: 16/9;
    max-width: 100%;
}
.under main .box_map iframe, .under main .box_ytb iframe {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
}
/* ===========  KIJIKAKU ===========  */
.under main .kiji_list {
    margin-top: 50px;
}
.under main .kiji_list dl {
    display: flex;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #ccc
}
.under main .kiji_list dt {
    display: flex;
    align-items: center;
    width: 150px
}
.under main .kiji_list dt img {
    margin-right: 10px;
    position: relative;
    top: -2px;
}
.under main .kiji_list dd {
    width: calc(100% - 150px);
    display: flex;
    align-items: center;
}
.under main .kiji_list dd a {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}
.under main .kiji_detail_ct img {
    max-width: 800px;
    max-height: 600px;
}
/* ===========  PAGINATION ===========  */
.under main .pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    margin: 30px auto 0
}
.under main .pagination li {
    margin: 0 10px
}
.under main .pagination li a {
    width: 40px;
    height: 40px;
    text-align: center;
    border: 1px solid var(--mcolor);
    background: #fff;
    display: flex;
    color: var(--mcolor);
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}
.under main .pagination li:hover a, .under main .pagination li.active a {
    background: var(--mcolor);
    color: #fff;
}
.under main .pagination li.active a {
    pointer-events: none;
}
.under main .pagination li.disabled {
    display: none
}
/* ===========  PAGINATION WP ===========  */
.under main .wp_pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 40px;
}
.under main .wp_pagination > span, .under main .wp_pagination a {
    min-width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #fff;
    margin: 5px;
    text-align: center;
    font-weight: 500;
    line-height: 1em;
    transition: all 0.3s;
    padding: 5px;
    border: 1px #ccc solid;
    font-size: 14px;
    background: #ccc;
}
.under main .wp_pagination a {
    color: var(--txt)
}
.under main .wp_pagination > span {
    background: var(--mcolor);
    border: 1px var(--mcolor) solid;
    color: #fff;
}
.under main p, .under main td {
    font-family: var(--f-nts);
    font-size: 18px;
    line-height: 1.7;
    color: #000;
}
.under main p.f_24 {
    font-size: 28px;
}
.under main p.f_22 {
    font-size: 24px;
}
.under main p.f_mincho {
    font-family: var(--f-main);
}
/* RESET */
.under main table:last-child, .under main .list_faq:last-child, .under main .list_faq dl:last-child, .under main .list01:last-child, .under main .list01 li:last-child, .under main .list02:last-child, .under main .list02 li:last-child, .under main .list_check:last-child, .under main .list_check li:last-child, .under main .list_step:last-child, .under main .list_step dl:last-child, .under main section p:last-child, .under main p:last-child, .under main .frame01:last-child, .under main .frame02:last-child, .under main .frame_pick:last-child {
    margin-bottom: 0
}
.under main .u_flow_list {
    display: flex;
    margin: -40px;
    flex-wrap: wrap;
}
.under main .u_flow_list.column_2 .u_flow_col {
    width: 50%;
}
.under main .u_flow_col {
    width: calc((100% / 3));
    padding: 40px;
}
.under main .u_flow_item {
    width: 100%;
}
.under main .u_flow_img {
    width: 100%;
    ;
    background: #ccc;
    text-align: center;
    margin: 0 0 25px 0;
}
/* .under main .u_flow_img img{max-height: 270px;} */
.under main .border .u_flow_img {
    border: 0 solid #000;
    padding: 15px;
    background-color: transparent;
    margin: 0;
}
.under main .border .u_flow_ttl {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 10px;
    margin: 0;
}
.under main .border .u_flow_ttl h5 {
    margin: 0;
}
.under main .border .u_flow_text {
    padding: 10px;
}
.under main .border .u_flow_item {
    border: 1px solid #000;
    height: 100%;
}
.under main .u_faq_ttl p {
    font-size: 36px;
    font-family: var(--f-main);
}
.under main .u_faq_list dl {
    background: #f6f5f2;
    padding: 25px;
    display: flex;
    align-items: center;
}
.under main .u_faq_list dt {
    display: flex;
    margin: 0px 2% 0px 0;
    width: 58%;
    align-items: center;
}
.under main .u_faq_list dt .u_faq_q {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #333;
    font-size: 36px;
    font-family: var(--f-cormor);
    margin: 0 0px 5px 0;
    flex-shrink: 0;
    padding: 0 0 8px 0;
    color: #fff;
    flex-direction: column;
    line-height: 0.75;
}
.under main .u_faq_list dt .u_faq_q .icon {
    display: block;
    margin-top: 5px;
}
.under main .u_faq_left {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 300px;
    flex-shrink: 0;
    border-right: 1px #333 solid;
}
.under main .u_faq_list dt .u_faq_q .icon img {
    height: 30px;
}
.under main .u_faq_list dt .u_faq_text p {
    font-size: 28px;
    font-family: var(--f-main);
    padding-left: 15px;
}
.under main .u_faq_list dt .u_faq_text {
    margin: 3px 0 0 0;
}
.under main .u_faq_list dd {
    display: flex;
    background: #fff;
    padding: 30px 30px 30px 30px;
    width: 40%;
    align-items: center;
}
.under main .u_faq_list dd .u_faq_a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #000;
    font-size: 36px;
    font-family: var(--f-cormor);
    margin: 0 35px 0 0;
    color: #fff;
    flex-shrink: 0;
}
.under main .u_faq_ttl {
    margin: 0 0 10px 0;
}
.under main .u_faq_box:not(:last-child) {
    margin: 0 0 70px 0;
}
.under main .u_banner_link {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.under main .u_banner_item {
    width: 600px;
    height: 200px;
    background: url(../images/main_visual_img01.jpg) no-repeat center/cover;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px;
    transition: .3s ease-in-out;
}
/* .under main .u_banner_item.piana_banner{background: url(../images/piana_main_visual_img01.jpg) no-repeat center/cover;}
.under main .u_banner_item.cada_banner{background: url(../images/cada_main_visual_img01.jpg) no-repeat center/cover;}
.under main .u_banner_item.feelas_banner{background: url(../images/feelas_main_visual_img01.jpg) no-repeat center/cover;}
.under main .u_banner_item.smart_banner{background: url(../images/smart_main_visual_img01.jpg) no-repeat center/cover;}
.under main .u_banner_item.stage_banner{background: url(../images/stage_main_visual_img01.jpg) no-repeat center/cover;}
.under main .u_banner_item.toyota_banner{background: url(../images/toyota_main_visual_img01.jpg) no-repeat center/cover;}
.under main .u_banner_item.service_banner{background: url(../images/service_main_visual_img01.jpg) no-repeat center/cover;}
.under main .u_banner_item.first_banner{background: url(../images/first_main_visual_img01.jpg) no-repeat center/cover;}
.under main .u_banner_item.land_banner{background: url(../images/land_main_visual_img01.jpg) no-repeat center/cover;}
.under main .u_banner_item.money_banner{background: url(../images/money_main_visual_img01.jpg) no-repeat center/cover;}
.under main .u_banner_item.flow_banner{background: url(../images/flow_main_visual_img01.jpg) no-repeat center/cover;}
.under main .u_banner_item.design_banner{background: url(../images/design_main_visual_img01.jpg) no-repeat center/cover;}
.under main .u_banner_item.out_banner{background: url(../images/out_main_visual_img01.jpg) no-repeat center/cover;}
.under main .u_banner_item.performance_banner{background: url(../images/performance_top_info_bg.jpg) no-repeat center/cover;}
.under main .u_banner_item.house_banner{background: url(../images/house_top_info_bg.jpg) no-repeat center/cover;}
.under main .u_banner_item.cost_banner{background: url(../images/cost_top_info_bg.jpg) no-repeat center/cover;} */
.under main .u_banner_item.piana_banner {
    background: url(../images/piana_img_fix03.jpg) no-repeat center/cover;
}
.under main .u_banner_item.cada_banner {
    background: url(../images/cada_img_fix03.jpg) no-repeat center/cover;
}
.under main .u_banner_item.feelas_banner {
    background: url(../images/feelas_img_fix03.jpg) no-repeat center/cover;
}
.under main .u_banner_item.smart_banner {
    background: url(../images/smart_img_fix02.jpg) no-repeat center/cover;
}
.under main .u_banner_item.stage_banner {
    background: url(../images/stage_img_fix03.jpg) no-repeat center/cover;
}
.under main .u_banner_item.toyota_banner {
    background: url(../images/toyota_top_info_bg.jpg) no-repeat center/cover;
}
.under main .u_banner_item.service_banner {
    background: url(../images/service_top_info_bg.jpg) no-repeat center/cover;
}
.under main .u_banner_item.first_banner {
    background: url(../images/first_main_visual_img01.jpg) no-repeat center/cover;
}
.under main .u_banner_item.land_banner {
    background: url(../images/land_main_visual_img01.jpg) no-repeat center/cover;
}
.under main .u_banner_item.money_banner {
    background: url(../images/money_main_visual_img01.jpg) no-repeat center/cover;
}
.under main .u_banner_item.flow_banner {
    background: url(../images/flow_main_visual_img01.jpg) no-repeat center/cover;
}
.under main .u_banner_item.design_banner {
    background: url(../images/design_main_visual_img01.jpg) no-repeat center/cover;
}
.under main .u_banner_item.out_banner {
    background: url(../images/out_main_visual_img01.jpg) no-repeat center/cover;
}
.under main .u_banner_item.performance_banner {
    background: url(../images/performance_top_info_bg.jpg) no-repeat center/cover;
}
.under main .u_banner_item.house_banner {
    background: url(../images/house_top_info_bg.jpg) no-repeat center/cover;
}
.under main .u_banner_item.cost_banner {
    background: url(../images/cost_top_info_bg.jpg) no-repeat center/cover;
}
.under main .u_banner_item.model_banner {
    background: url(../images/model_banner.jpg) no-repeat center/cover;
}
.under main .u_banner_item.out_banner::before {
    backdrop-filter: blur(0);
}
.under main .u_banner_item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    pointer-events: none;
    backdrop-filter: blur(5px);
    transition: .3s ease-in-out;
}
.under main .u_banner_item a {
    color: #fff;
    font-size: 20px;
    text-align: center;
    display: inline-block;
    line-height: 1.8;
    z-index: 1;
}
.under main .u_banner_item a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.under main .u_thumbnail_small_list p, .under main .detail_small p {
    margin: 0px 10px 0 10px;
    border: 1px solid #808080;
    padding: 5px;
    cursor: pointer;
    display: flex !important;
    justify-content: center;
    align-items: center;
    height: 200px;
}
/* .under main .u_thumbnail_small_list  .slick-track{margin-left: -10px;margin-right: -10px;} */
.under main .detail_small .slick-slide {
    margin: 0 10px;
}
.under main .u_thumbnail_small_list p.slick-current, .under main .detail_small .slick-current p {
    border-color: #000;
    cursor: default;
}
.under main .u_thumbnail_small_list p img, .under main .detail_small p img {
    width: auto;
    max-height: 192px;
}
.under main .u_thumbnail_big_list p, .under main .detail_big p {
    display: flex;
    justify-content: center;
    align-items: center;
}
.under main .u_thumbnail_big_list p img, .under main .detail_big p img {
    width: auto;
    max-height: 480px;
}
/* .under main .u_section_thumbnail,.under main .u_section_thumbnail_clone{max-width: 1280px;width: 100%;margin: 0 auto;} */
.under main .u_section_thumbnail, .under main .u_section_thumbnail_clone {
    max-width: 650px;
    width: 100%;
    margin: 0 0 0 0;
}
/* .under main .u_thumbnail_big_list .slick-next{right: calc((1280px - 720px)/2);z-index: 2;width: 30px;height: 30px;background: transparent;display: flex;align-items: center;justify-content: center;border-radius: 50%;opacity: 0.8;}
.under main .u_thumbnail_big_list .slick-prev{left: calc((1280px - 720px)/2);z-index: 2;width: 30px;height: 30px;background: transparent;display: flex;align-items: center;justify-content: center;border-radius: 50%;opacity: 0.8;} */
.under main .u_thumbnail_big_list .slick-next {
    right: 0;
    z-index: 2;
    width: 30px;
    height: 30px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    opacity: 0.8;
}
.under main .u_thumbnail_big_list .slick-prev {
    left: 0;
    z-index: 2;
    width: 30px;
    height: 30px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    opacity: 0.8;
}
.under main .u_thumbnail_big_list .slick-next::before, .under main .u_thumbnail_big_list .slick-prev::before {
    font-size: 30px;
    color: #000;
    position: absolute;
    top: 2px;
    z-index: 1;
    opacity: 1;
}
.under main .u_thumbnail_big_list .slick-next::after, .under main .u_thumbnail_big_list .slick-prev::after {
    content: '';
    position: absolute;
    top: 5px;
    left: 6px;
    width: 17px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
}
/* .under main .txt_red{color: red;} */
.under main .list_table {
    display: flex;
}
.under main .list_table dl {
    margin: 0 5px;
    border: 1px solid #808080;
    padding: 5px;
}
.under main .list_table dt {
    border-bottom: 1px solid #808080;
    text-align: center;
    margin: 0 0 10px 0;
    line-height: 1.2;
    padding: 0 0 5px 0;
}
.under main .list_table_flex {
    display: flex;
}
.under main .list_table_flex p {
    margin: 0 2px;
}
.under main .u_ds04 {
    display: flex;
}
.under main .u_ds04_flex {
    display: flex;
}
.under main .u_ds04_col {
    width: 50%;
    margin: 0 10px
}
.under main .u_ds04_ttl02 {
    margin: 0 0 20px 0;
    text-align: center;
    background: var(--mcolor);
    color: #fff;
    padding: 5px 20px;
    font-family: var(--f-main);
}
.under main .u_ds04_item {
    width: 50%;
    margin: 0 5px;
    padding: 0 5px;
}
.under main .w_1260_under {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
}
.under main .u_info_list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.under main .u_info_col {
    width: calc((100% / 3));
    padding: 15px;
}
.under main .u_info_item {
    padding: 30px;
    box-shadow: 0px 0 13px rgba(0, 0, 0, 0.25);
    position: relative;
}
.under main .u_info_item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.under main .u_info_item .box-tks {
    position: absolute;
    z-index: 2;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    color: #ffffff;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.under main .u_info_item .box-tks i {
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    padding: 10px 20px 8px;
    border: #fff 1px solid;
    margin-bottom: 10px;
    font-weight: bold;
}

.under main .u_info_img {
    width: 100%;
    height: 300px;
    background: #f1f1f1;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin: 0 0 20px 0;
    aspect-ratio: 1/1;
}
.under main .u_info_img p {
    width: 100%;
    height: 100%;
}
/* .under main .u_info_img img{max-height: 300px;transition: .3s ease-in-out;} */
.under main .u_info_img img {
    transition: .3s ease-in-out;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.under main .u_info_txt .date p {
    background: #f6f5f2;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 999px;
}
.under main .u_info_txt .date {
    margin: 0 0 8px 0;
    min-height: 41px;
}
.under main .u_info_txt .ttl {}
.under main .u_info_txt .desc p {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}
.under main .u_info_txt .ttl p {
    font-weight: 700;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}
.under main .custom_post li, .under main .custom_post p, .under main .custom_post a {
    font-family: var(--f-nts);
}
.under main .btn.viewPage a::after {
    display: none;
}
.under main .btn.prevPage a::after {
    background: url(../images/btn_ic01_reverse.png) no-repeat center/100%;
    right: unset;
    left: -30px;
}
.under main .u_ttl_p {
    font-weight: 700;
    font-size: 24px;
}
.under main .op0 {
    opacity: 0;
    visibility: hidden;
}
.under main .hidden {
    display: none;
}
.under .slide_box_item.person {
    background: #f6f5f2;
}
.mySwiper .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.mySwiper .swiper-slide {
    flex: 0 0 calc(100% / 6);
    margin: 10px;
}
.mySwiper .swiper-slide:not(.swiper-slide-thumb-active) {
    cursor: pointer;
}
.mySwiper p {
    height: 154px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e6e6e6;
}
.mySwiper .swiper-slide-thumb-active p {
    border-color: #000;
}
.mySwiper img {
    max-height: 150px;
    width: auto;
}
.mySwiper2 {
    margin: 0 0 10px 0;
}
.mySwiper2 img {
    max-height: 480px;
    width: auto;
}
.mySwiper2 p {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 480px;
}
.under main .u_vid {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}
.under main .u_vid iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
}
.under main .btn_w440 {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}
/* .under main .custom_post img{max-height: 400px;} */
.under main .custom_post.big_image img {
    max-height: none
}
.under main .img_post_custom {
    text-align: center;
}
.under main .tb_all {
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
}
.under main .tb_all.tb_all_4, .under main .tb_all.tb_all_3 {
    margin: -5px;
}
.under main .tb_all.tb_all_4 .tb_col {
    width: 25%;
    padding: 10px;
}
.under main .tb_all.tb_all_3 .tb_col {
    width: calc((100% / 3));
    padding: 10px;
}
.under main .tb_col {
    width: 50%;
    padding: 10px;
}
.under main .tb_item {
    border: 1px solid #000;
    height: 100%;
    background: #fff;
}
.under main .tb_item_ttl {
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}
.under main .tb_item_ttl p {
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-family: var(--f-main);
}
.under main .tb_item_img {
    border-bottom: 1px solid #000;
    padding: 20px;
}
.under main .tb_item_img.no_border {
    border: 1px solid transparent;
}
.under main .tb_item_txt {
    padding: 20px;
}
.under main .flex_ali_center {
    display: flex;
    align-items: center;
}
.under main .max_w a {
    max-width: 280px;
}
.under main .flex_center {
    display: flex;
    justify-content: center;
}
.under main .u_dir {
    display: flex;
    justify-content: space-between;
}
.under main .u_dir_img {
    flex-shrink: 0;
}
.under main .img_dir {
    width: 500px;
    margin: 0 0 20px 0;
}
.under main .u_dir_ttl p {
    font-size: 24px;
    font-weight: 700;
}
.under main .u_dir_ttl {
    margin: 0 0 30px 0;
}
.under main .name_dir {
    display: flex;
    justify-content: space-between;
}
.under main .name_dir p.position {
    font-size: 14px;
    margin: 0;
}
.under main .name_dir p.name {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
}
.under main .u_flex_fix {
    display: flex;
    justify-content: space-between;
}
.under main .u_section_vecotr img {
    width: 70%;
}
.under main .u_section_vecotr p {
    text-align: center;
}
.under footer {
    margin-top: 100px;
}
.under main .frame_flex {
    display: flex;
    justify-content: center;
    align-items: center;
}
.under main .frame_flex.dir {
	flex-direction: column;
	align-items: flex-start;
}
.under main .frame_info {
    margin: 0 50px 0 0;
}
.under main .box_flex {
    display: flex;
}
.under main .reverse .box_flex {
    flex-direction: row-reverse;
}
.under main .box_img {
    flex-shrink: 0;
    margin: 0 0 0 0;
}
.under main .box_text {
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.1);
    background: #fff;
    padding: 20px 30px;
    height: auto;
    width: 100%;
}
.under main .box_info {
    padding: 50px 0;
    margin: 0 0 0 -160px;
    width: 690px;
    position: relative;
    z-index: 1;
}
.under main .reverse .box_info {
    margin: 0 -160px 0 0;
}
.under main .w_box_flex {
    display: flex;
    position: relative;
    width: 1920px;
    left: 50%;
    transform: translateX(-50%);
}
.under main .w_box_flex.reverse {
    justify-content: flex-end;
}
.under main .box_img_flex {
    display: flex;
    justify-content: center;
}
.under main .box_flex .box_text h5 {
    font-size: 80px;
    color: #939393;
}
.under main .box_flex p {
    color: #222;
    font-weight: 400;
}
.under main .un_tt01 {
    background: #f6f5f2;
    font-size: 24px;
    padding: 10px 15px;
    font-family: var(--f-main);
}


.under main .design_pattern{display: grid;grid-template-columns: repeat(6,1fr);grid-gap: 5px;}
.under main .design_pattern li{position: relative;overflow: hidden;}
.under main .design_pattern li::after{content: "";z-index: 1;position: absolute;width: 100%;height: 100%;background:linear-gradient(to top, rgba(0,0,0,1) 0%, transparent 50%);;top: 0;left: 0;pointer-events: none;}
.under main .design_pattern li img{transition: all 0.5s;}
.under main .design_pattern li .box{position: absolute;width: calc(100% - 15px);left: 10px;bottom:20px;z-index: 2;color: #FFF;}
.under main .design_pattern li .box span{display: block;}
.under main .design_pattern li .tt1{font-size: 12px;}
.under main .design_pattern li .tt2{font-size: 24px;margin-bottom: 20px;}
.under main .design_pattern li .tt3{font-size: 11px;line-height: 2;}
.under main .design_pattern li a:hover img{transform: scale(1.05);}

.under main .u_slick:not(:last-child){margin-bottom: 40px;}
.under main .u_slick .ite{margin:0 5px;}
.under main .u_slick .slick-next:hover{background:url("../images/s4_btn.png")#f6f5f2 no-repeat center/10px;opacity:.7}
.under main .u_slick .slick-prev:hover{background:url("../images/s4_btn_prev.png")#f6f5f2 no-repeat center/10px;opacity:.7}
.under main .u_slick .slick-prev,.under main .u_slick .slick-prev:focus{left:-20px;background:url("../images/s4_btn_prev.png")#f6f5f2 no-repeat center/10px;}
.under main .u_slick .slick-next,.under main .u_slick .slick-next:focus{right:-20px;background:url("../images/s4_btn.png")#f6f5f2 no-repeat center/10px;}
.under main .u_slick .slick-prev,.under main .u_slick .slick-next,.under main .u_slick .slick-prev:focus,.under main .u_slick .slick-next:focus{z-index:95;height:40px;width:40px;border-radius: 50%;box-shadow: 0px 3px 3px rgba(0,0,0,.1);}
.under main .u_slick .slick-prev:before,.under main .u_slick .slick-next:before{display:none}
.under main .money_subtt{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid var(--mcolor);padding-bottom: 10px;}

/* fix 241204 */
.under main .f01_ttl_large p{font-size: 70px;font-family: var(--f-cormor);line-height: 1.8;}
.under main .f01_head{display: flex;justify-content: space-between;margin: 0 0 30px 0;}

.under main .f01_ttl{margin: 0 0 5px 0;font-family: var(--f-cormor);font-size: 40px;line-height: 1.5;}
.under main .f01_img .flex{display: flex;}
.under main .f01_img .flex p{margin: 0 20px 0 0;width: 200px;}
.under main .f01_img .flex p:last-child{margin: 0;}
.under main .content_fix01 .img{background: #808080;height: calc((100vw - 66vw));}
.under main .content_fix01 .img p.right_un01 {
	height: auto;
	text-align: right;
	font-size: 24px;
}
.under main .mt01 {
	margin-top: 120px;
}
.under main .content_fix01 .img.au{height: auto;overflow: visible}
.under main .content_fix01 .img.no_bg{background: transparent;}
.under main .content_fix01 .small{height: 48%;width: 100%;}
.under main .content_fix01 .img.large{height: calc((100vw - 50vw));}
.under main .content_fix01 .img{width: 100%;overflow: hidden;}
.under main .content_fix01 .img p{width: 100%;height: 100%;}
.under main .content_fix01 .img p img{width: 100%;height: 100%;object-fit: cover;}
.under main .frame_img_flex{display: flex;margin: 0 0 2% 0;}
.under main .frame_img_flex.reverse{flex-direction: row-reverse;}
.under main .frame_img_flex.reverse .img:not(:last-child){margin: 0 0 0 2%;}
.under main .frame_img_flex.reverse .img.small:not(:last-child){margin: 0 0 2% 0;}
.under main .frame_img_flex .img:not(:last-child){margin: 0 2% 0 0;}
.under main .f01_frame_02 .img:nth-child(1){width: 33%;}
.under main .f01_frame_02 .img:nth-child(2){width: 75%;}
.under main .f01_frame_03 .img:nth-child(1){width: 20%;}
.under main .f01_frame_03 .img:nth-child(2){width: 78%;}

.under main .f02_frame_02 .img:nth-child(1){width: 68%;}
.under main .f02_frame_02 .img:nth-child(2){width: 30%;}
.under main .f02_frame_02 .img:nth-child(1).small,
.under main .f02_frame_02 .img:nth-child(2).small{width: 100%;}
.under main .frame_img_flex_dir{display: flex;flex-direction: column;justify-content: space-between;}

.under main .f02_frame_03 .img:nth-child(1){width: 73%;}
.under main .f02_frame_03 .img:nth-child(2){width: 25%;}


.under main .f04_frame_02 .img:nth-child(1){width: 68%;}
.under main .f04_frame_02 .img.no_bg:nth-child(2){width: 30%;}
.under main .f04_frame_02 .img.no_bg:nth-child(2) .img{width: 100%;}

.under main .f05_frame_02 .img:nth-child(1){width: 33%;}
.under main .f05_frame_02 .img:nth-child(2){width: 65%;}
.under main .f05_frame_02 .img:nth-child(2) .img{width: 100%;}
.under main .content_fix01 .h_large .img{height: calc((100vw - 50vw));}
.under main .h_large.f05_frame_02 .img:nth-child(2) .img.small01 .small{width: 50%;height: auto;}
.under main .frame_img_flex.mb0{margin: 2% 0 0 0 !important;}
.under main .f05_frame_02 .img.h_large02{height: calc((100vw - 0vw));}
.under main .max_w01 {
	display: table;
	margin: 0 auto;
}
.under main .sm {
	font-size: 16px;
}
.under main .un_txt_sm,.under main .house_sty01 dl dd,.under main .house_sty01 dl,.under main .house_sty01, .under main .house_sty01_tt,.under main .house_sty01 dl dd .number,.under main .house_sty01_tt .num {
	display: flex;
}
.under main .house_sty01_tt ,.under main .house_sty01_tt .num{
	align-items: center;
}
.under main .house_sty01_tt .num {
	    width: 50px;
    height: 50px;
    /* background: #333; */
    background: #da5e2f;
    justify-content: center;
    font-family: var(--f-cormor);
    font-size: 30px;
    margin-right: 20px;
    color: #fff;
	padding-bottom: 2px;
}
.under main .house_sty01 dl dd .number  {
	line-height: 1;
	align-items: flex-end;
}
.under main .house_sty01 dl dd .number .lg {
	font-size: 60px;
	font-weight: 700;
}
.under main .house_sty01 dl dd .number .sm {
	position: relative;
	bottom: 3px;
}
.under main .tt_mid {
	margin-bottom: 5px;
	line-height: 1.4;
}
.under main .un_txt_sm li {
	flex: 1;
	font-size: 16px;
}
.under main .house_sty01 {
	flex-wrap: wrap;
}
.under main .house_sty01 dl {
	width: calc(50% - 30px);
	justify-content: space-between;
	margin-bottom: 30px;
}
.under main .house_sty01 dl dd {
	border: 1px #da5e2f solid;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 150px;
	height: 120px;
	flex-shrink: 0;
	margin-left: 30px;
    background: #da5e2f;
}
.under main .house_sty01 dl dd p {
    color: #fff;
}
.under main .section_flex:not(:last-child){margin-bottom: 40px;}
.under main .section_flex {
    display: flex;
    justify-content: space-between;
}
.under main .section_flex.column{
    flex-direction: column;
}
.under main .section_col {
    width: 48%;
}
.under main .img_custom01 {
    width: 100%;
    height: 470px;
}
.under main .img_custom01 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.under main .number_ds{width: 80px;height: 80px;border-radius: 50%;flex-shrink: 0;background: #da5e2f;display: inline-flex;justify-content: center;color: #fff;font-size: 30px;padding: 5px 0 0 0;position: relative;margin: -5px 15px 0 0;}
.under main .number_ds::before{content: '';position: absolute;bottom: 7px;left: calc((100% - 30px ) / 2);width: 30px;height: 30px;background: url(../images/un_icon05.png) no-repeat center/100%;}
.under main .ja_flex{display: flex;align-items: center;}
.under main .number_ds.no_txt::before{bottom: calc((100% - 40px)/2);left: calc((100% - 40px)/2);width: 40px;height: 40px;}
#performance main .number_ds::before{background: url(../images/un_icon11.png) no-repeat center/100%;}
#house main .number_ds::before{background: url(../images/un_icon10.png) no-repeat center/100%;width: 38px;height: 38px;bottom: calc((100% - 38px)/2);left: calc((100% - 38px)/2);}

.under main .h5_ds_u{background: #000;padding: 10px;display: inline-block;margin: 0 0 15px 0;}
.under main .h5_ds_u span{color: #fff;}
.under main .h5_ds_u span.h5_num{margin: 0 15px 0 0;}
.under main .list_anchor.btn_left{justify-content: flex-start;}
.under main .tb_relative th{position: relative;}
.under main .tb01_fix{position: absolute;top: 50%;left: 10px;background: #fff;color: #000;padding: 5px 5px 2px 5px;line-height: 1.2;transform: translateY(-50%);font-size: 16px;}

.under main .f01_spe_txt{font-size: 26px;font-weight: 700;}
.under main .f01_spe_num{font-size: 32px;font-weight: 700;}
.under main table .bg_black{padding: 0;}
.under main table .bg_black .f_bg{background: var(--mcolor);color: #fff;border: 5px solid #fff;width: 100%;height: 100%;padding: 10px;}
/* .under main table .bg_black:first-child{border-left: 1px solid var(--mcolor);}
.under main table .bg_black:last-child{border-right: 1px solid var(--mcolor);} */
.under main .txt_center .list01{display: flex;flex-wrap: wrap;justify-content: center;width: 100%;max-width: 420px;margin: 0 auto;}
.under main .txt_center .list01 li{margin: 5px 10px;}
.under main .ttl_onnce{margin: 0 0 15px 0;}
.under main .w70{width: 70%;}
.under main .w70 ul{width: 100%;}