@charset "utf-8";

.main {
    background-image: url(../images/introduce/main_bg.png);
    background-size: 81.8293vw;
    background-position: center bottom 6.0976vw;
    padding-top: 36.5854vw;
    padding-bottom: 95.1220vw;
}
article section .section-tit {
    font-size: 3.4146vw;
    color: #3c46b9;
    margin-bottom: 6.8293vw;
    font-weight: 500;
}

/*****HEADLESS*****************************************/

.headless {
    margin-bottom: 0;
    padding-bottom: 10.9756vw;
}

.headless .txt-box p {
    font-size: 4.0244vw;
    font-weight: 500;
    line-height: 7.0732vw;
    letter-spacing: -0.2439vw;
}

.headless .txt-box p span {
    color: #3c46b9;
    letter-spacing: inherit;
}

.headless .txt-box .txt1 {
}

.headless .txt-box .txt2 {
    margin-bottom: 15.8537vw;
}
.headless div .section-emp span {
    font-size: 6.0976vw;
    font-weight: 500;
    margin-left: 2.9268vw;
}
.headless .txt-box .section-emp {
    font-size: 7.8049vw;
    font-weight: bold;
    margin-bottom: 7.3171vw;
    line-height: 11.7073vw;
}

.headless div .section-emp {
    font-size: 7.8049vw;
    font-weight: bold;
    margin-bottom: 14.6341vw;
    line-height: 11.7073vw;
    word-break: keep-all;
}



.headless .black-box {
    width: 100%;
    padding-bottom: 10.9756vw;
    border-bottom: 0.2439vw solid #ccc;
    margin-bottom: 20.7317vw;
}
.headless .black-box .inner {
    width: 82.4390vw;
    margin: 0 auto;
    /*padding-bottom: 9.7561vw;*/
}
.headless .black-box .section-tit {
    margin-bottom: 16.2927vw;
}
.headless .black-box .txt-box {
    margin-bottom:  15.8537vw;
}

.headless .black-box .box-wrap {
    display: flex;
    flex-wrap: wrap;
}

.headless .black-box .box-wrap .icon-box {
    width: 25%;
    height: 17.5610vw;
    font-size: 3.4146vw;
    font-weight: bold;
    display: flex;
    align-items: flex-end;
    background-repeat: no-repeat;
    background-size: 12.1951vw;
    background-position: top left;
    margin-bottom: 10.9756vw;
}

.headless .black-box .box-wrap .icon-box:first-child {
    background-image: url(../images/introduce/icon-blackbox01.png);
}

.headless .black-box .box-wrap .icon-box:nth-child(2) {
    background-image: url(../images/introduce/icon-blackbox02.png);
}

.headless .black-box .box-wrap .icon-box:nth-child(3) {
    background-image: url(../images/introduce/icon-blackbox03.png);
}

.headless .black-box .box-wrap .icon-box:nth-child(4) {
    background-image: url(../images/introduce/icon-blackbox04.png);
}

.headless .black-box .box-wrap .icon-box:nth-child(5) {
    background-image: url(../images/introduce/icon-blackbox05.png);
}

.headless .black-box .box-wrap .icon-box:nth-child(6) {
    background-image: url(../images/introduce/icon-blackbox06.png);
}

.headless .black-box .box-wrap .icon-box:last-child {
    background-image: url(../images/introduce/icon-blackbox07.png);
}


.headless .white-box {
    width: 82.4390vw;
    margin: 0 auto;
    /*padding-bottom: 8.5366vw;*/
}

.headless .white-box .txt-box {
    margin-bottom: 15.8537vw;
}
.headless .white-box .txt-box .txt1 {
    margin-bottom: 0;
}
.headless .white-box .box-wrap {
    display: flex;
    flex-wrap: wrap;
}

.headless .white-box .box-wrap .icon-box {
    width: 25%;
    height: 18.7805vw;
    font-size: 3.4146vw;
    font-weight: bold;
    display: flex;
    align-items: flex-end;
    background-repeat: no-repeat;
    background-size: 12.1951vw;
    background-position: top left;
    margin-bottom: 13.4146vw;
}


.headless .white-box .box-wrap .icon-box:first-child {
    background-image: url(../images/introduce/icon-whitebox01.png);
}

.headless .white-box .box-wrap .icon-box:nth-child(2) {
    background-image: url(../images/introduce/icon-whitebox02.png);
}

.headless .white-box .box-wrap .icon-box:nth-child(3) {
    background-image: url(../images/introduce/icon-whitebox03.png);
}

.headless .white-box .box-wrap .icon-box:nth-child(4) {
    background-image: url(../images/introduce/icon-whitebox04.png);
}

.headless .white-box .box-wrap .icon-box:nth-child(5) {
    background-image: url(../images/introduce/icon-whitebox05.png);
}

.headless .white-box .box-wrap .icon-box:nth-child(6) {
    background-image: url(../images/introduce/icon-whitebox06.png);
}

.headless .white-box .box-wrap .icon-box:last-child {
    background-image: url(../images/introduce/icon-whitebox07.png);
}

/*******PARTNERS******************************/

.partners {
    padding-top: 18.2927vw;
    background-color: #f4f4f4;
    padding-bottom: 21.9512vw;
}

.partners .txt-box p {
    font-size: 4.0244vw;
    font-weight: 500;
    line-height: 7.0732vw;
}
.partners .txt-box p span {
    color: #3c46b9;
    letter-spacing: inherit;
}

.partners .txt-box .txt1 {
    margin-bottom: 8.5366vw;
}

.partners .txt-box .txt2 {
    margin-bottom: 15.8537vw;
}

.partners .txt-box .section-emp {
    font-size: 7.8049vw;
    font-weight: bold;
    margin-bottom: 7.3171vw;
    line-height: 11.7073vw;
}

.partners div .section-emp {
    font-size: 7.8049vw;
    font-weight: bold;
    margin-bottom: 14.6341vw;
    line-height: 11.7073vw;
    word-break: keep-all;
}
.partners div .section-emp span {
    color: #3c46b9;
}


.partners .search-partners {
    height: 200.0000vw;
    background-image: url(../images/introduce/bg-partners01.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 82.4390vw;
    margin-bottom: 19.5122vw;
    
}
.partners .search-partners .inner {
    height: 100%;
     border-bottom: 0.2439vw solid #ccc;
}

.partners .alliance {
    margin-bottom: 19.5122vw;
    background-image: url(../images/introduce/bg-partners02.png);
    background-repeat: no-repeat;
    background-position: center bottom 17.0732vw;
    background-size: 77.6829vw auto;
    padding-bottom: 92.6829vw;
    position: relative; /*after*/
    
}
.partners .alliance::after {
    content: "";
    display: block;
    width: 100%;
    height: 0.2439vw;
    background-color: #ccc;
    position: absolute;
    bottom: 0;
    left: 0;
}

.alliance .partner-box {
    margin-bottom: 19.5122vw;
}

.alliance .partner-box .aws {
    width: 10.9756vw;
    height: 6.5854vw;
    background-image: url(../images/introduce/aws.png);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-bottom: 4.8780vw;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.alliance .partner-box .nice {
    width: 10.0000vw;
    height: 10.0000vw;
    background-image: url(../images/introduce/nice.png);
    background-repeat: no-repeat;
    background-size: 100%;
    margin-bottom: 4.8780vw;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.alliance .partner-box h4 {
    font-size: 5.3659vw;
    margin-bottom: 7.3171vw;
    font-weight: 600;
}

.alliance .partner-box .des {
    font-size: 4.0244vw;
    font-weight: 500;
    line-height: 7.0732vw;
    
}


.expert .box-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 14.6341vw;
}

.expert .box-wrap .icon-box {
    width: 50%;
    height: 20.7317vw;
    /* outline: 0.1220vw solid red; */
    display: flex;
    align-items: flex-end;
    background-image: url(../images/introduce/icon-expert01.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: auto 14.6341vw;
    font-size: 3.4146vw;
    font-weight: bold;
    margin-bottom: 8.5366vw;

}

.expert .box-wrap .icon-box:nth-child(2) {
    background-image: url(../images/introduce/icon-expert02.png);
}

.expert .box-wrap .icon-box:nth-child(3) {
    background-image: url(../images/introduce/icon-expert03.png);
}

.expert .box-wrap .icon-box:last-child {
    background-image: url(../images/introduce/icon-expert04.png);
}

.expert .des {
    font-size: 3.9024vw;
    margin-bottom: 7.8049vw;
}

.expert .btn {
    width: 36.0976vw;
    height: 12.1951vw;
    line-height: 12.1951vw;
    background-color: #3c46b9;
    text-align: center;
    color: #fff;
    font-size: 3.4146vw;
    border-radius: 0.4878vw;
}

/********BRAND***************************************/

.brand {
    background-color: #2c3688;
    color: #fff;
    padding-top: 19.5122vw;
    margin-bottom: 0;
    padding-bottom: 0;
}
.brand .txt-box p {
    font-size: 4.0244vw;
    font-weight: 500;
    line-height: 7.0732vw;
    letter-spacing: -0.2439vw;
}

.brand .txt-box p span {
    color: #3c46b9;
    letter-spacing: inherit;
}

.brand .txt-box .txt1 {
    margin-bottom: 8.5366vw;
}

.brand .txt-box .txt2 {
    margin-bottom: 10.9756vw;
}

.brand .txt-box .section-emp {
    font-size: 7.8049vw;
    font-weight: bold;
    margin-bottom: 7.3171vw;
    line-height: 11.7073vw;
}

.brand div .section-emp {
    font-size: 7.8049vw;
    font-weight: bold;
    margin-bottom: 14.6341vw;
    line-height: 11.7073vw;
    word-break: keep-all;
}
.brand div .section-emp span {
    color: #3c46b9;
}

.brand::after {
    display: none;
}

.brand .reference {
    padding-bottom: 19.5122vw;
    border-bottom: 0.2439vw solid #545eaf;
    margin-bottom: 20.7317vw;
}

.brand .reference .section-tit {
    color: #6fff00;
}

.brand .reference .txt-box .txt1{
    margin-bottom: 3.6585vw;
}
.brand .reference .txt-box .txt2 {
    margin-bottom: 12.9756vw;
}
.brand .reference .txt-box .section-emp {}

.brand .reference .txt-box p span {
    color: #6fff00;
}

.brand .reference .list {
    display: flex;
    flex-wrap: wrap;
}

.brand .reference .list li {
    width: 33.33%;
    margin-bottom: 10.9756vw;
    
}
.brand .reference .list li p {
    letter-spacing: normal;
}
.brand .reference .list li p:first-child {
    font-size: 3.9024vw;
    font-weight: bold;
    margin-bottom: 1.2195vw;
}

.brand .reference .list li p:last-child {
    font-size: 2.9268vw;
    color: #7c86d5;
    font-weight: 600;
}

.brand .reference .list li p:last-child span {
    font-size: 2.3171vw;
    font-weight: 400;
}

.brand .reference .inner > p {
    font-size: 3.4146vw;
    line-height: 4.8780vw;
}

.brand .portfolio {
    position: relative;
    padding-bottom: 27.2683vw;
    background: linear-gradient(to bottom, #2c3688 66%, #838fee);
}
.brand .portfolio h2 {
    width:  82.4390vw;
    margin: 0 auto 6.8293vw;
}
.brand .portfolio .bg-white {
    width: 100%;
    height: 48.7805vw;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #fff;
    
}
.brand .portfolio .section-tit {
    color: #6fff00;
}
.brand .portfolio .txt-box {
    width:  82.4390vw;
    margin: 0 auto;
}
.brand .portfolio .txt-box .txt1 {
    margin-bottom: 20.9512vw;
}

.brand .portfolio .port-box {
    margin-bottom: 25.6098vw;
    background-repeat: no-repeat;
    background-position: left 12.1951vw;
    background-size: 85.3659vw auto;
}
.brand .portfolio .port-box .inner {
    /*height: 81.7073vw;*/
    height: 83.7073vw;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.brand .portfolio .fashion {
    background-image: url(../images/introduce/portfolio-fashion.png);
}

.brand .portfolio .cosmetic {
    background-image: url(../images/introduce/portfolio-cosmetic.png);
}

.brand .portfolio .lifestyle {
    background-image: url(../images/introduce/portfolio-lifestyle.png);
    margin-bottom: 0;
    position: relative;
    /*padding-bottom: 48.7805vw;*/
}
.brand .portfolio .lifestyle a {
    color: #3c46b9;
}

.brand .portfolio .port-box h4 {
    font-size: 3.9024vw;
    font-weight: bold;
    width: 100%;
}

.brand .portfolio .port-box a {
    font-size: 3.9024vw;
    font-weight: 500;
    position: relative; /*after*/
    background-size: 3.1707vw;
}
.brand .portfolio .port-box a span {
    padding-left: 1.4634vw;
}

.brand .portfolio .port-box a::after {
    content: "";
    display: block;
    width: 100%;
    height: 0.1220vw;
    background-color: #fff;
    position: absolute;
    bottom: -0.4878vw;
    left: 0;
}
.brand .portfolio .lifestyle a::after {
    background-color: #3c46b9;
}


.brand .portfolio .port-box .btn-mo {}

.brand .portfolio .port-box .btn-pc {
    margin-left: 6.0976vw;
}