@charset "UTF-8";


/*============================
	value 
============================*/
.value {
    background: url(../img/trading/value_bg.jpg) no-repeat center center/cover;
    color: #fff;
    padding-bottom: 180px;
}

.value__ttl {
    .font-en {
        margin-top: 1em;
    }

    .txt {
        white-space: normal;
        line-height: 1.4;
    }
}

.value__items {
    max-width: 1520px;
    margin: 0 auto;
}

.value__atc {
    width: 48%;

    &:nth-child(2) {
        padding-top: 45px;

        .value__img {
            height: 390px;
        }
    }
}

.value__img {

    height: 435px;
}

.value__h3 {
    margin-top: 1em;
}

@media screen and (max-width:1024px) {
    .value {
        padding-bottom: 120px;
    }

    .value__ttl {
        .font-en {
            margin-top: 1em;
        }

    }


    .value__atc {
        width: 48%;

        &:nth-child(2) {
            padding-top: 3%;

            .value__img {
                height: auto;
            }
        }
    }

    .value__img {

        height: auto;
    }

    .value__h3 {
        margin-top: 1em;
    }

}

@media screen and (max-width:767px) {
    .value {
        padding-bottom: 80px;
    }

    .value__ttl {
        .font-en {
            margin-top: .5em;
        }

    }


    .value__atc {
        width: 100%;
        margin: 0 auto 40px;

        &:nth-child(2) {
            margin-bottom: 0;
            padding-top: 0;

            .value__img {
                height: auto;
            }
        }
    }

    .value__img {

        height: auto;
    }

    .value__h3 {
        margin-top: 1em;
    }
}

/*============================
	reason 
============================*/
.reason {
    background: #f9f6ef;
}

.rea__ttl {
    .font-en {
        margin-top: .5em;
    }
}

.rea__atc {
    width: 19%;
}

.rea__img {
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;

    & img {
        display: block;
        width: fit-content;
    }
}

.rea__h3 {
    margin-top: 1em;

}

.rea__halal {
    padding: 80px 5%;
    color: #fff;
    align-items: flex-end;
}

.halal__img {
    width: 50%;
}

.halal__txtwrap {
    width: 45%;
}

.halal__ttl {
    .font-en {
        margin-bottom: .5em;
    }
}

@media screen and (max-width:1024px) {


    .rea__atc {
        width: 19%;
    }

    .rea__img {
        height: 180px;

    }

    .rea__h3 {
        margin-top: 1em;

    }

    .rea__halal {
        padding: 40px 5%;
        align-items: center;
    }

    .halal__img {
        width: 50%;
    }

    .halal__txtwrap {
        width: 45%;
    }

}

@media screen and (max-width:767px) {
    .rea__items {
        display: flex;
        flex-wrap: wrap;
    }

    .rea__atc {
        width: 49%;
        margin-bottom: 30px;
    }

    .rea__img {
        height: 180px;

    }

    .rea__h3 {
        margin-top: 1em;

    }

    .rea__halal {
        padding: 40px 5%;
        align-items: center;
    }

    .halal__img {
        width: 100%;
        margin-bottom: 30px;
    }

    .halal__txtwrap {
        width: 100%;
    }
}


/*============================
	trading-cv
============================*/
.trading-cv {
    padding: 120px 0;
    background: url(../img/trading/cv_bg.jpg) no-repeat center center/cover;
    color: #fff;
}

.tcv__txtwrap {
    width: 50%;
}

.tcv__ttl {
    .font-en {
        margin-top: .5em;
    }
}

.tcv__btn {
    max-width: 323px;
}

@media screen and (max-width:1024px) {
    .trading-cv {
        padding: 80px 0;
    }

    .tcv__txtwrap {
        width: 50%;
    }

    .tcv__btn {
        max-width: 260px;
    }
}

@media screen and (max-width:767px) {
    .trading-cv {
        padding: 60px 0;
        background-position: 85% center;
    }

    .tcv__txtwrap {
        width: 100%;
        margin-bottom: 30px;
    }

    .tcv__btn {
        display: block;
        max-width: 220px;
        margin: 0 auto;
    }
}

/*============================
	about
============================*/
.about__ttl {
    .font-en {
        margin-top: .75em;
    }
}


.a-links__item {
    width: 24%;
    max-width: 332px;

    &:hover {
        .a-links__img img {
            transform: scale(1.1);
        }
    }
}

.a-links__h3 {
    margin: .5em 0 .5em;
    padding-bottom: .2em;
    border-bottom: solid 1px #111;
}

.a-links__btn {
    text-align: right;
    margin: 1em 0 0;
}

@media screen and (max-width:1024px) {
    .about__ttl {
        .font-en {
            margin-top: .75em;
        }
    }


    .a-links__item {
        width: 24%;

    }

    .a-links__h3 {
        margin: .5em 0 .5em;
        padding-bottom: .2em;

    }

    .a-links__btn {
        margin: 1em 0 0;
    }

}

@media screen and (max-width:767px) {
    .about__ttlwrap {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }

    .a-links__items {
        display: flex;
        flex-wrap: wrap;
    }

    .a-links__item {
        width: 48%;
        margin-bottom: 20px;

    }

    .a-links__h3 {
        margin: .5em 0 .5em;
        padding-bottom: .2em;

    }

    .a-links__btn {
        margin: 1em 0 0;
    }
}

/*============================
	voice
============================*/
.voice {
    background: #f9f6ef;
}

.voice__ttl {
    .font-en {
        margin-top: .5em;
    }
}

.voice__atc {
    padding: 40px 5%;
    background: #fff;
    margin-bottom: 20px;

    &:last-child {
        margin-bottom: 0;
    }
}

.voice__h3 {
    width: fit-content;
    padding: 0 1em;
    background: #957935;
    color: #fff;
    margin-bottom: .5em;
}

@media screen and (max-width:1024px) {

    .voice__atc {
        padding: 30px 5%;
        margin-bottom: 15px;
    }
}

@media screen and (max-width:767px) {
    .voice__ttl {
        .txt {
            line-height: 1.4;
        }
    }

    .voice__atc {
        padding: 30px 5%;
        margin: 0 auto 15px;
    }
}

/*============================
	case
============================*/

.case__ttl {
    .font-en {
        margin-top: .5em;
    }
}


.case__atc {
    width: 470px;
    margin: 0 20px;

    & a {
        display: block;
        width: 100%;
        height: 100%;
        background: #fff;

    }

    &:hover {
        .case__img img {
            transform: scale(1.05);
        }
    }
}

.case__img img {
    width: 100%;
}

.case__txtwrap {
    padding: 1em 0 0;
}

.case__company {
    margin-top: 1em;
    position: relative;
}

.case__txt {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.case__arw {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px
}

.case__bnr {
    width: 102%;
    margin-left: -1%;

    & li {
        width: 18%;
        margin: 0 1% 20px;
    }
}

@media screen and (max-width:1024px) {


    .case__atc {
        width: 340px;
        margin: 0 10px;

    }


    .case__txtwrap {
        padding: 1em 0 0;
    }

    .case__company {
        margin-top: 1em;
    }

    .case__arw {
        width: 40px;
    }

    .case__bnr {
        width: 102%;
        margin-left: -1%;

        & li {
            width: 18%;
            margin: 0 1% 15px;
        }
    }
}

@media screen and (max-width:767px) {
    .case__lead {
        text-align: left;
    }

    .case__atc {
        width: 280px;
        max-width: 90%;
        margin: 0 10px;

    }


    .case__txtwrap {
        padding: 1em 0 0;
    }

    .case__company {
        margin-top: 1em;
    }

    .case__arw {
        width: 40px;
    }

    .case__bnr {
        width: 100%;
        margin-left: 0;
        display: flex;
        justify-content: space-between;

        & li {
            width: 49%;
            margin: 5px 0;
        }
    }
}

/*============================
	faq
============================*/
.faq {
    background: #f9f6ef;
}

.faq__ttl {
    .font-en {
        margin-top: .5em;
    }
}

.faq__atc {
    margin-bottom: 80px;

    &:last-child {
        margin-bottom: 0;
    }
}

.faq__q {
    display: flex;
    align-items: center;
    border-bottom: solid 1px #8f2f43;
    padding-bottom: 1em;
    margin-bottom: 1em;

    & img {
        width: 55px;
        margin-right: 1em;
    }
}

.faq__a {
    display: flex;
    align-items: flex-start;

    .mark {
        display: block;
        width: 55px;
        min-width: 55px;
        text-align: center;
        margin: -.1em .5em 0 0;
    }
}

@media screen and (max-width:1024px) {
    .faq__atc {
        margin-bottom: 60px;

    }

    .faq__q {
        padding-bottom: 1em;
        margin-bottom: 1em;

        & img {
            width: 40px;
            margin-right: 1em;
        }
    }

    .faq__a {


        .mark {
            width: 40px;
            min-width: 40px;
            margin: -.1em .5em 0 0;
        }
    }
}

@media screen and (max-width:767px) {
    .faq__atc {
        margin-bottom: 40px;

    }

    .faq__q {
        padding-bottom: 1em;
        margin-bottom: 1em;

        & img {
            width: 30px;
            margin-right: 1em;
        }
    }

    .faq__a {


        .mark {
            font-size: 2rem;
            width: 30px;
            min-width: 30px;
            margin: -.1em .4em 0 0;
        }
    }
}