@charset "UTF-8";

body {
    font-size: 1.4rem;
}

@media (min-width: 940px) {
    body {
        font-size: 1.6rem;
    }
}

/*----------------------------------------------------
 title
----------------------------------------------------*/
.triauto-about-title {
    margin-bottom: 2rem;
    padding: 0 1rem;
}

.triauto-about-title span {
    color: #333;
    display: block;
    text-align: center;
}
.triauto-about-title-en {
    font-size: 1.2rem;
    margin-bottom: 1rem;
}
.triauto-about-title-ja {
    font-size: 2.1rem;
    margin-bottom: 1rem;
}
.triauto-about-title-text {
    font-size: 1.2rem;
}
@media (min-width: 940px) {
    .triauto-about-title {
        margin-bottom: 6rem;
    }
    .triauto-about-title-en {
        font-size: 1.6rem;
        margin-bottom: 2rem;
    }
    .triauto-about-title-ja {
        font-size: 3.6rem;
    }
    .triauto-about-title-text {
        font-size: 1.4rem;
        margin-top: 1rem;
    }
}

/*----------------------------------------------------
 bg
----------------------------------------------------*/
.triauto-about-bg-transparent,
.triauto-about-bg-white,
.triauto-about-bg-thin-flamingo {
    padding: 7rem 0;
    position: relative;
}
.triauto-about-main-visual + .triauto-about-bg-thin-flamingo {
    padding-top: 5rem;
}
.triauto-about-bg-thin-flamingo {
    background: #F1E7E4;
}
.triauto-about-bg-white::before,
.triauto-about-bg-thin-flamingo::before {
    content: '';
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #F1E7E4;
    position: absolute;
    left: 50%;
    top: 0;
    height: 0;
    width: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.triauto-about-bg-thin-flamingo::before {
    border-top-color: #fff;
}
/* 一つ目は不要 */
.triauto-about-main-visual + .triauto-about-bg-thin-flamingo::before {
    content: none;
}
@media (min-width: 940px) {
    .triauto-about-bg-transparent,
    .triauto-about-bg-white,
    .triauto-about-bg-thin-flamingo {
        padding: 12rem 0 10rem;
        position: relative;
    }
    .triauto-about-main-visual + .triauto-about-bg-thin-flamingo {
        padding-top: 9rem;
    }
    .triauto-about-bg-white::before,
    .triauto-about-bg-thin-flamingo::before {
        content: '';
        border-left-width: 75px;
        border-right-width: 75px;
        border-top-width: 50px;
    }
}

/*----------------------------------------------------
 main-visual
----------------------------------------------------*/
.triauto-about-main-visual {
    background: url(../img/main-visual-bg.png?20240416) no-repeat center center;
    background-size: cover;
    color: #fff;
    font-weight: bold;
    line-height: 2;
    padding: 2rem;
}
.triauto-about-main-visual-in {
    margin: 0 auto;
    max-width: 1700px;
}
/* text */
.triauto-about-main-visual-text {
    margin-bottom: 2rem;
}
/* title */
.triauto-about-main-visual-title {
    margin-bottom: 2rem;
}

.triauto-about-main-visual img {
    margin-left: auto;
    margin-right: auto;
    width: 500px;
}

@media (min-width: 940px) {
    .triauto-about-main-visual {
        font-size: 1.6rem;
        padding: 10rem 4rem;
    }
    .triauto-about-main-visual img {
        width: auto;
    }
        /* text */
    .triauto-about-main-visual-text {
        margin-bottom: 0;
    }
    .triauto-about-main-visual-text p {
        padding: 0 2rem;
    }
    /* title */
    .triauto-about-main-visual-title {
        margin-bottom: 4rem;
    }
    /* img */
    .triauto-about-main-visual-img {
        padding-left: 8rem;
    }
}

/*----------------------------------------------------
 method
----------------------------------------------------*/
.triauto-about-method-main {
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 2rem 0 4rem;
    position: relative;
}

/* list */
.triauto-about-method-list {
    background: #fff;
    padding: 2rem 2rem 2rem 6rem;
}
.triauto-about-method-each {
    display: none;
}
.triauto-about-method-each:first-child {
    display: block;
}

.triauto-about-method-text {
    margin-bottom: 2rem;
}

.triauto-about-method-title {
    font-size: 1.8rem;
    margin-bottom: 1rem;
}
.triauto-about-method-img img {
    margin: 0 auto;
    max-width: 60%;
}

/* control */
.triauto-about-method-cntrol {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 1rem;
    width: 5rem;
}

.triauto-about-method-cntrol-each {
    margin-bottom: 2rem;
}
.triauto-about-method-cntrol-each span {
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.triauto-about-method-cntrol-on {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    z-index: 2;
}

.triauto-about-method-cntrol-active .triauto-about-method-cntrol-on {
    opacity: 1;
}

@media (max-width: 939px) {
    .triauto-about-method-img img {
        max-height: 350px;
        width: auto;
    }
}

@media (min-width: 940px) {
    .triauto-about-method-main {
        padding: 0 4rem 0 8rem;
    }
    
    /* list */
    .triauto-about-method-list {
        padding: 4rem 6rem 4rem 10rem;
    }
    
    .triauto-about-method-text {
        margin-bottom: 0;
        padding-right: 4rem;
        width: 80%;
    }
    
    .triauto-about-method-title {
        font-size: 2.7rem;
        margin-bottom: 2rem;
    }
    .triauto-about-method-img {
        width: 25%;
    }
    .triauto-about-method-img img {
        max-width: 100%;
        width: 100%;
    }
    
    /* control */
    .triauto-about-method-cntrol {
        left: 3rem;
        width: 8rem;
    }
    
    .triauto-about-method-cntrol-each {
        margin-bottom: 3rem;
    }
}

/*----------------------------------------------------
 make
----------------------------------------------------*/
.triauto-about-make-main {
    margin: 0 auto;
    padding: 1rem 2rem 0;
    max-width: 1280px;
}

.triauto-about-make-main img {
    margin: 0 auto 2rem;
}
@media (min-width: 940px) {
    .triauto-about-make-main {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .triauto-about-make-main img {
        margin-bottom: 4rem;
    }
    .triauto-about-make-main p {
        text-align: center;
    }
}

/*----------------------------------------------------
 select graph
----------------------------------------------------*/
.triauto-about-select-graph {
    background: url(../img/select-bg.png) no-repeat center bottom;
    background-size: 100% auto;
    margin-bottom: 6rem;
    padding: 2rem 2rem 4rem;
}

.triauto-about-select-graph img {
    margin: 0 auto;
    max-width: 1280px;
    width: 100%;
}
@media (min-width: 940px) {
    .triauto-about-select-graph {
        margin-bottom: 10rem;
        padding: 2rem 4rem 8rem;
    }
}

/*----------------------------------------------------
 select functions
----------------------------------------------------*/
.triauto-about-select-functions {
    margin: 0 auto;
    max-width: 1280px;
    padding: 2rem 2rem 0;
}

.triauto-about-select-function {
    background: #fff;
    margin-bottom: 2rem;
    padding: 2rem;
}

/* title */
.triauto-about-select-function-title {
    font-size: 2.1rem;
    margin-bottom: 3rem;
    text-align: center;
}

.triauto-about-select-function-builder .triauto-about-select-function-title {
    color: #AC6BCD;
}
.triauto-about-select-function-technicalbuilder .triauto-about-select-function-title {
    color: #F55A76;
}
.triauto-about-select-function-chartmake .triauto-about-select-function-title {
    color: #3FA8EC;
}
.triauto-about-select-function-select .triauto-about-select-function-title {
    color: #84CA76;
}

.triauto-about-select-function-title img {
    margin: 0 auto 1rem;
    max-width: 6rem;
}

.triauto-about-select-function-title2 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    text-align: center;
}

@media (min-width: 940px) {
    .triauto-about-select-functions {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .triauto-about-select-function {
        margin-bottom: 4rem;
        padding: 4rem;
    }
    
    /* title */
    .triauto-about-select-function-title {
        font-size: 2.4rem;
    }
    
    .triauto-about-select-function-title img {
        margin-bottom: 2rem;
        max-width: 100%;
    }
    
    .triauto-about-select-function-title2 {
        font-size: 2.1rem;
        text-align: center;
    }
    .triauto-about-select-function p {
        text-align: center;
    }
}

/*----------------------------------------------------
 select slider
----------------------------------------------------*/
.triauto-about-select-function-slider {
    margin-top: 2rem;
    position: relative;
}

.triauto-about-select-function-builder .triauto-about-select-function-slider {
    border: 5px solid #AC6BCD;
}
.triauto-about-select-function-technicalbuilder .triauto-about-select-function-slider {
    border: 5px solid #F55A76;
}
.triauto-about-select-function-chartmake .triauto-about-select-function-slider {
    border: 5px solid #3FA8EC;
}
.triauto-about-select-function-select .triauto-about-select-function-slider {
    border: 5px solid #84CA76;
}

/* main */
.triauto-about-select-function-main {
    padding: 2rem 2.5rem;
}
.triauto-about-select-function-text {
    margin-bottom: 1.5rem;
}
.triauto-about-select-function-main-title {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
    padding-left: 2.5rem;
    position: relative;
}
.triauto-about-select-function-main-title::before {
    position: absolute;
    left: 0;
}
[data-slick-index="0"] .triauto-about-select-function-main-title::before {
    content: '1.';
}
[data-slick-index="1"] .triauto-about-select-function-main-title::before {
    content: '2.';
}
[data-slick-index="2"] .triauto-about-select-function-main-title::before {
    content: '3.';
}
.triauto-about-select-function-builder .triauto-about-select-function-main-title {
    color: #AC6BCD;
}
.triauto-about-select-function-technicalbuilder .triauto-about-select-function-main-title {
    color: #F55A76;
}
.triauto-about-select-function-chartmake .triauto-about-select-function-main-title {
    color: #3FA8EC;
}
.triauto-about-select-function-select .triauto-about-select-function-main-title {
    color: #84CA76;
}

/* main more */
.triauto-about-select-function-more {
    margin-top: 1.5rem;
    text-align: center;
}
.triauto-about-select-function-more a {
    border: 1px solid #84CA76;
    color: #84CA76;
    display: inline-block;
    font-size: 1.8rem;
    font-weight: bold;
    padding:  .2rem 3rem;
}
.triauto-about-select-function-builder .triauto-about-select-function-more a {
    border-color: #AC6BCD;
    color: #AC6BCD;
}
.triauto-about-select-function-technicalbuilder .triauto-about-select-function-more a {
    border-color: #F55A76;
    color: #F55A76;
}
.triauto-about-select-function-chartmake .triauto-about-select-function-more a {
    border-color: #3FA8EC;
    color: #3FA8EC;
}

@media (min-width: 940px) {
    /* main */
    .triauto-about-select-function-main {
        padding: 4rem 6rem;
    }
    .triauto-about-select-function-text {
        margin-bottom: 0;
        padding-right: 4rem;
        width: 50%;
    }
    .triauto-about-select-function-main-title {
        font-size: 2.1rem;
        padding-left: 3rem;
    }
    .triauto-about-select-function-img {
        width: 50%;
    }
    .triauto-about-select-function .triauto-about-select-function-text p {
        text-align: left;
    }
    /* main more */
    .triauto-about-select-function-more {
        margin-top: 2rem;
    }
    .top-concierge-detail a {
        font-size: 2.1rem;
        padding:  .5rem 6.5rem;
    }
}

/*----------------------------------------------------
 slick
----------------------------------------------------*/
.slick-arrow {
    background: #B3B3B3;
    border: 0;
    border-radius: 100%;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    height: 42px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    text-align: center;
    width: 42px;
    z-index: 2;
}
.slick-prev {
    padding-right: 1rem;
    left: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.slick-next {
    padding-left: 1rem;
    right: 0;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
@media (min-width: 940px) {
    .triauto-about-select-function-slider {
        margin-top: 3rem;
    }
}

/*----------------------------------------------------
 fx-etf
----------------------------------------------------*/
.triauto-about-fx-etf-main {
    margin: 0 auto;
    padding: 0 2rem;
    max-width: 1280px;
}

.triauto-about-fx-etf-title {
    margin-bottom: 7rem;
    padding: 0 2rem;
}
.triauto-about-fx-etf-title img {
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
}

/* fx / etf */
.triauto-about-fx {
    margin-bottom: 7rem;
}

.triauto-about-fx,
.triauto-about-etf {
    background: #F1E7E4;
    border-radius: 2rem;
    padding: 0 2rem 2rem;
}

/* header */
.triauto-about-fx-etf-header {
    font-weight: bold;
    margin-bottom: 2rem;
}

.triauto-about-fx-etf-icon img {
    margin: 0 auto -2rem;
    position: relative;
    top: -4rem;
    width: 8rem;
}

/* images */
.triauto-about-fx-etf-images {
    background: #fff;
    border-radius: 1rem;
    padding: 2rem;
    text-align: center;
}
.triauto-about-fx-etf-images img {
    margin-left: auto;
    margin-right: auto;
}
.triauto-about-fx-etf-image + .triauto-about-fx-etf-image {
    border-top: 1px solid #666;
    margin-top: 2rem;
    padding-top: 2rem;
}
/* images text */
.triauto-about-fx-etf-image-text {
    font-weight: bold;
    margin-bottom: 1rem;
}

.triauto-about-fx-etf-image-img div + div {
    margin-top: 1rem;
}
.triauto-about-fx-etf-image-img p {
    padding-top: 1rem;
}

@media (min-width: 940px) {
    .triauto-about-fx-etf-main {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .triauto-about-fx-etf-title {
        margin-bottom: 10rem;
        padding: 0 6rem;
    }
    /* fx / etf */
    .triauto-about-fx,
    .triauto-about-etf {
        border-radius: 4rem;
        padding: 0 4rem 4rem;
    }
    
    /* header */
    .triauto-about-fx-etf-header {
        font-size: 1.5rem;
        margin-bottom: 3rem;
    }
    
    .triauto-about-fx-etf-icon img {
        margin-bottom: -2rem;
        top: -2rem;
        width: 15rem;
    }
    .triauto-about-fx-etf-header p {
        flex-shrink: 10000;
        padding-left: 4rem;
    }
    
    /* images */
    .triauto-about-fx-etf-images {
        border-radius: 3rem;
        padding: 4rem;
    }


    .triauto-about-fx-etf-image + .triauto-about-fx-etf-image {
        margin-top: 4rem;
        padding-top: 4rem;
    }
    /* images text */
    .triauto-about-fx-etf-image-text {
        font-size: 1.8rem;
        margin-bottom: 0;
        padding-right: 4rem;
        width: 50%;
    }
    .triauto-about-fx-etf-image-37 .triauto-about-fx-etf-image-text {
        width: 30%;
    }
    
    .triauto-about-fx-etf-image-img {
        width: 50%;
    }
    .triauto-about-fx-etf-image-37 .triauto-about-fx-etf-image-img {
        width: 70%;
    }
    .triauto-about-fx-etf-image-img div:first-child {
        padding-right: 2.5rem;
    }
    .triauto-about-fx-etf-image-img div:last-child {
        padding-left: 2.5rem;
    }
    .triauto-about-fx-etf-image-img div + div {
        margin-top: 0;
    }
}

/*----------------------------------------------------
 rules
----------------------------------------------------*/
.triauto-about-rules-list {
    font-weight: bold;
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 2rem;
}

.triauto-about-rules-each {
    padding-top: 4rem;
}
.triauto-about-rules-each + .triauto-about-rules-each {
    margin-top: 4rem; 
}

/* text */
.triauto-about-rules-text {
    margin-bottom: 1rem;
}

.triauto-about-rules-title {
    font-size: 1.8rem;
    margin-bottom: 1rem;
}

/* no1 */
.triauto-about-rules-each:nth-child(1) {
    background: url(../img/rules-no-1.png) no-repeat left top;
    background-size: 20% auto;
}
/* no2 */
.triauto-about-rules-each:nth-child(2) {
    background: url(../img/rules-no-2.png) no-repeat right top;
    background-size: 40% auto;
}
/* no3 */
.triauto-about-rules-each:nth-child(3) {
    background: url(../img/rules-no-3.png) no-repeat left top;
    background-size: 45% auto;
}
/* no4 */
.triauto-about-rules-each:nth-child(4) {
    background: url(../img/rules-no-4.png) no-repeat right top;
    background-size: 40% auto;
}

@media (min-width: 940px) {
    .triauto-about-rules-list {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    
    .triauto-about-rules-each + .triauto-about-rules-each {
        margin-top: 8rem; 
    }
    /* text */
    .triauto-about-rules-text {
        margin-bottom: 1rem;
    }
    
    .triauto-about-rules-title {
        font-size: 3.2rem;
    }

    /* no1 */
    .triauto-about-rules-each:nth-child(1) {
        background-size: auto 100%;
        padding-top: 10rem;
        text-align: center;
    }
    .triauto-about-rules-each:nth-child(1) .triauto-about-rules-text {
        display: inline-block;
        margin-bottom: 3rem;
        text-align: left;
    }
    /* no2-4 */
    .triauto-about-rules-each:nth-child(2) .triauto-about-rules-text,
    .triauto-about-rules-each:nth-child(3) .triauto-about-rules-text,
    .triauto-about-rules-each:nth-child(4) .triauto-about-rules-text {
        width: 50%;
    }
    .triauto-about-rules-each:nth-child(2) .triauto-about-rules-text,
    .triauto-about-rules-each:nth-child(4) .triauto-about-rules-text {
        padding-left: 4rem;
        order: 2;
    }
    .triauto-about-rules-each:nth-child(2) .triauto-about-rules-img,
    .triauto-about-rules-each:nth-child(3) .triauto-about-rules-img,
    .triauto-about-rules-each:nth-child(4) .triauto-about-rules-img {
        width: 50%;
    }
    /* no2 */
    .triauto-about-rules-each:nth-child(2) {
        background-size: auto 100%;
        padding-top: 10rem;
    }
    /* no3 */
    .triauto-about-rules-each:nth-child(3) {
        background-size: auto 100%;
        padding-top: 10rem;
    }
    .triauto-about-rules-each:nth-child(3) .triauto-about-rules-text {
        padding-right: 4rem;
    }
    /* no4 */
    .triauto-about-rules-each:nth-child(4) {
        background-size: auto 100%;
        padding-top: 5rem;
    }
}

/*----------------------------------------------------
 faq
----------------------------------------------------*/
.triauto-about-faq-title {
    font-size: 1.8rem;
    margin-top: 5rem;
    margin-bottom: 3rem;
    text-align: center;
}
.triauto-about-faq-title img {
    margin: 0 auto 1rem;
    width: 60px;
}

/* list */
.triauto-about-faq-list {
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 2rem;
}
.triauto-about-faq-each + .triauto-about-faq-each {
    margin-top: 2rem;
}
/* q */
.triauto-about-faq-q {
    background: url(../img/icon-q.png) no-repeat left 1rem top 1rem #F1E7E4;
    background-size: auto 2.1rem;
    cursor: pointer;
    font-weight: bold;
    padding: 1rem 4rem;
    position: relative;
}

.triauto-about-faq-q::after {
    background: url(../img/faq-arrow.png) no-repeat center center;
    background-size: 100% auto;
    content: '';
    height: 100%;
    position: absolute;
    right: 1rem;
    top: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transform:rotateX(180deg); 
    width: 2rem;
}
.triauto-about-faq-open .triauto-about-faq-q::after {
    transform:rotateX(0); 
}

/* a */
.triauto-about-faq-a {
    background: url(../img/icon-a.png) no-repeat left 1rem top 1rem #fff;
    background-size: auto 1.8rem;
    height: 0;
    margin-top: 0;
    padding: 0 1rem 0 4rem;
    overflow: hidden;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.triauto-about-faq-open .triauto-about-faq-a {
    height: auto;
    margin-top: 1rem;
    padding: 1rem 1rem 1rem 4rem;
    overflow: visible;
}
.triauto-about-faq-open .triauto-about-faq-a a {
    color: #FF6B00;
}
.triauto-about-faq-open .triauto-about-faq-a a:hover {
    text-decoration: underline;
}

@media (min-width: 940px) {
    .triauto-about-faq-title {
        font-size: 2.7rem;
        margin-top: 10rem;
        margin-bottom: 4rem;
    }
    .triauto-about-faq-title img {
        margin-bottom: 2rem;
        width: 80px;
    }
    .triauto-about-faq-list {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    
    /* q */
    .triauto-about-faq-q {
        background-position: left 2rem top 2rem;
        background-size: auto 2.4rem;
        padding: 2rem 6rem;
    }
    
    .triauto-about-faq-q::after {
        right: 2rem;
        width: 3rem;
    }
    
    /* a */
    .triauto-about-faq-a {
        background-position: left 2rem top 2rem;
        background-size: auto 2.2rem;
        height: 0;
        padding: 0 2rem 0 6rem;
    }
    .triauto-about-faq-open .triauto-about-faq-a {
        margin-top: 2rem;
        padding: 1rem 2rem 1rem 6rem;
    }
}

/*----------------------------------------------------
 triauto-about-builders-share
----------------------------------------------------*/
.triauto-about-builders-share {
    background: url(../img/builders-share-bg-sp.png) no-repeat center bottom;
    background-size: 100% 100%;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    text-align: center;
}
.triauto-about-builders-share::before {
    z-index: 2;
}
.triauto-about-builders-share-in {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.triauto-about-builders-share img {
    margin: 0 auto;
}

.triauto-about-builders-share-main {
    position: relative;
    z-index: 2;
}

.triauto-about-builders-share-bg {
    display: none;
}

.triauto-about-builders-share a {
    position: absolute;
    top: 76.5%;
    left: 62.9%;
    height: 16.5%;
    width: 31%;
    z-index: 3;
}

@media (min-width: 768px) {
    .triauto-about-builders-share {
        background: linear-gradient(to right, rgb(255, 101, 0) 50%, rgb(255, 14, 176) 50%);
        background-size: 100% 89.93103448275862%;
        background-position: center top;
        background-repeat: no-repeat;
        padding-top: 0;
        padding-bottom: 0;
    }
    .triauto-about-builders-share-bg {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 1;
    }
    .triauto-about-builders-share a {
        border-radius: 60px;
    }
    .triauto-about-builders-share a:hover {
        background: rgba(255, 255, 255, .3);
    }
        
}
@media (min-width: 1024px) {
}
@media (min-width: 1280px) {
}

/*----------------------------------------------------
 triauto-about-select-function-badge
----------------------------------------------------*/
.triauto-about-select-function-chartmake .triauto-about-select-function-title {
    position: relative;
}
.triauto-about-select-function-badge {
    position: absolute;
    max-height: 60px;
    top: 0;
    left: 50%;
    right: 0;
}

.triauto-about-select-function-chartmake .triauto-about-select-function-title img.triauto-about-select-function-badge {
    margin-left: 50px;
    max-width: none;
}

@media (min-width: 940px) {
    .triauto-about-select-function-chartmake .triauto-about-select-function-title span {
        position: relative;
    }
    .triauto-about-select-function-badge {
        max-height: 97px;
        top: auto;
        bottom: 0;
        right: auto;
    }
    .triauto-about-select-function-chartmake .triauto-about-select-function-title img.triauto-about-select-function-badge {
        margin-left: 150px;
        margin-bottom: 0;
        max-width: none;
    }
}