@charset "UTF-8";
/* CSS Document */



.l-wrapper--page p {
    font-size: var(--base-font-size2);
}

/* p-abroad */

/* p-abroad-content01 */

.p-abroad-section01 {
    padding-bottom: 100px;
    text-align: center;
}

.p-abroad-content01 h2,
.p-abroad-content01 h3 {
    color: var(--color-main);
}

.p-abroad-content01 h2 {
    font-family: var(--title-font);
    font-weight: var(--base-font-weight2);
    font-size: 80px;
    line-height: 0.9;
    letter-spacing: 0.05em;
}

.p-abroad-content01 h3 {
    font-size: var(--base-font-size4);
    font-weight: var(--base-font-weight3);
    line-height: 1.5;
    letter-spacing: 0.15em;
    padding: 30px 0px 40px;
}


/* p-abroad-content02 */

.p-abroad-section02 {
    padding: 80px 0px 100px;
    background: -moz-linear-gradient(50% 0% -90deg, rgba(0, 36, 155, 1) 0%, rgba(0, 44, 81, 1) 100%);
    background: -webkit-linear-gradient(-90deg, rgba(0, 36, 155, 1) 0%, rgba(0, 44, 81, 1) 100%);
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgba(0, 36, 155, 1)), color-stop(1, rgba(0, 44, 81, 1)));
    background: -o-linear-gradient(-90deg, rgba(0, 36, 155, 1) 0%, rgba(0, 44, 81, 1) 100%);
    background: -ms-linear-gradient(-90deg, rgba(0, 36, 155, 1) 0%, rgba(0, 44, 81, 1) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00249B', endColorstr='#002C51' ,GradientType=0)";
    background: linear-gradient(180deg, rgba(0, 36, 155, 1) 0%, rgba(0, 44, 81, 1) 100%);
}

.p-abroad-content02 {
    width: 1080px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 80px 0px;
}

.p-abroad-content02 .item {
    width: 510px;
}

.p-abroad-content02 .inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0px 30px;
    margin-bottom: 40px;
}

.p-abroad-content02 .item__img {
    width: 220px;
}

.p-abroad-content02 .item__name {
    flex: 1;
    border-bottom-style: solid;
    border-color: #FFF;
    border-width: 1px;
    padding-top: 30px;
}

.p-abroad-section02 h2 {
    font-size: var(--base-font-size4);
    font-weight: var(--base-font-weight3);
    color: #FFF;
    line-height: 0.9;
    letter-spacing: 0.15em;
    text-align: center;
    margin-bottom: 60px;
}

.p-abroad-content02 h3,
.p-abroad-content02 p {
    color: #FFF;
}

.p-abroad-content02 h3 {
    font-size: var(--base-font-size3);
    font-weight: var(--base-font-weight3);
    line-height: 1.2;
    letter-spacing: 0.15em;
    margin-bottom: 10px;
}

.p-abroad-content02 h3 span {
    font-size: var(--base-font-size2);
}

.p-abroad-content02 p {
    color: #FFF;
    line-height: 1.8;
}

.p-abroad-content02 .item__name p {
    line-height: 1.6;
    letter-spacing: 0em;
}


/* p-abroad-content03 */

.p-abroad-section03 {
    padding: 110px 0px 80px;
    background-image: url("../../img/special/abroad/back01.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.p-abroad-content03 {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-top: 85px;
}

.p-abroad-content03::before {
    content: "";
    position: absolute;
    left: 200px;
    top: 55px;
    width: 2px;
    height: 30px;
    display: inline-block;
    background-color: var(--color-main);
}

.p-abroad-content03::after {
    content: "SBI新生銀行グループ";
    position: absolute;
    left: 0px;
    top: 0px;
    display: inline-block;
    padding: 10px 0px;
    width: 400px;
    text-align: center;
    background-color: var(--color-main);
    font-size: var(--base-font-size4);
    font-weight: var(--base-font-weight3);
    color: #FFF;
    line-height: 1.2;
    letter-spacing: 0.05em;
}

.group-wrap {
    position: relative;
    width: 880px;
}

.group-wrap > div {
    background-color: #FFF;
}

.group-wrap .item {
    width: 375px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.group-wrap .item__img {
    width: 165px;
}

.group-wrap .item__text {
    width: 190px;
}

.group-wrap .item__text h6 {
    font-size: var(--base-font-size3);
    font-weight: var(--base-font-weight3);
    line-height: 1.2;
    letter-spacing: 0.1em;
    padding: 10px 0px 10px;
}

.group-wrap .item__text h6 span {
    font-size: var(--base-font-size2);
    letter-spacing: 0em;
}

.group-wrap .item__text p {
    line-height: 1.5;
    letter-spacing: 0em;
}

.group01 {
    width: 860px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 40px 30px;
    padding: 90px 40px 50px;
}

.group01::before {
    content: "グループ海外事業統括部";
    position: absolute;
    left: 0px;
    top: 0px;
    display: inline-block;
    font-size: var(--base-font-size3);
    font-weight: var(--base-font-weight2);
    background-color: var(--color-main);
    padding: 10px 20px;
    color: #FFF;
    line-height: 1.2;
    letter-spacing: 0.05em;
}

.group02 {
    width: 435px;
    padding: 30px;
    padding-top: 0px;
    position: absolute;
    right: 0px;
    bottom: 85px;
    border-style: solid;
    border-color: var(--color-main);
    border-width: 3px;
}

.group02 h5 {
    font-size: var(--base-font-size3);
    font-weight: var(--base-font-weight3);
    color: #FFF;
    line-height: 1.2;
    letter-spacing: 0.05em;
    background-color: var(--color-main);
    margin: 0px -30px;
    text-align: center;
    margin-bottom: 30px;
    padding: 10px 0px;
}

.item--udc {
    width: 260px;
    position: relative;
}

.item--udc::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 110px;
    background-image: url("../../img/special/abroad/arrow01.svg");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto 100%;
    width: 29px;
    height: 33px;
    margin-left: -52px;
}

.item--udc::after {
    content: "";
    position: absolute;
    right: 5px;
    bottom: 0px;
    background-image: url("../../img/special/abroad/icon-udc.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: auto 100%;
    width: 200px;
    height: 198px;
    margin-bottom: -65px;
}


/* p-abroad-content04 */

.p-abroad-section04 {
    padding: 120px 0px;
    position: relative;
    background: -moz-linear-gradient(65.07% 104.99% 102.4deg, rgba(126, 133, 155, 1) 0%, rgba(140, 163, 157, 1) 100%);
    background: -webkit-linear-gradient(102.4deg, rgba(126, 133, 155, 1) 0%, rgba(140, 163, 157, 1) 100%);
    background: -webkit-gradient(linear, 65.07% 104.99%, 35.49% -2.92%, color-stop(0, rgba(126, 133, 155, 1)), color-stop(1, rgba(140, 163, 157, 1)));
    background: -o-linear-gradient(102.4deg, rgba(126, 133, 155, 1) 0%, rgba(140, 163, 157, 1) 100%);
    background: -ms-linear-gradient(102.4deg, rgba(126, 133, 155, 1) 0%, rgba(140, 163, 157, 1) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7E859B', endColorstr='#8CA39D' ,GradientType=0)";
    background: linear-gradient(-12.4deg, rgba(126, 133, 155, 1) 0%, rgba(140, 163, 157, 1) 100%);
}

.p-abroad-section04::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url("../../img/special/abroad/back02.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 100%;
    mix-blend-mode: soft-light;
}

.p-abroad-content04 {
    position: relative;
}

.p-abroad-content04:not(:last-child) {
    margin-bottom: 120px;
}

.p-abroad-content04 h2 {
    font-size: var(--base-font-size4);
    font-weight: var(--base-font-weight3);
    color: #FFF;
    line-height: 1.2;
    letter-spacing: 0.15em;
    position: relative;
    margin-bottom: 60px;
    padding-top: 130px;
}

.p-abroad-content04 h2::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 100px;
    letter-spacing: 0.05em;
}

.p-abroad-content04:nth-child(1) h2::before {
    content: "01";
}

.p-abroad-content04:nth-child(2) h2::before {
    content: "02";
}

.p-abroad-content04:nth-child(3) h2::before {
    content: "03";
}

.p-abroad-content04:nth-child(4) h2::before {
    content: "04";
}

/* talk-contents */

.talk-contents .item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0px 60px;
}

.talk-contents .item:nth-child(even) {
    flex-direction: row-reverse;
}

.talk-contents .item:not(:last-child) {
    margin-bottom: 60px;
}

.talk-contents .item__img {
    width: 120px;
    position: relative;
}

.talk-contents .item__img::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    margin-bottom: -32px;
    text-align: center;
    display: block;
    font-size: var(--base-font-size2);
    font-weight: var(--base-font-weight2);
    color: #FFF;
    line-height: 1.2;
    letter-spacing: 0.05em;
    display: none;
}

.talk-contents .name01::after {
    content: "大久保 宏章";
}

.talk-contents .name02::after {
    content: "阪本 雅明";
}

.talk-contents .name03::after {
    content: "Ravi Barnes";
}

.talk-contents .name04::after {
    content: "角 敬洋";
}

.talk-contents .item__text {
    flex: 1;
}

.talk-contents p {
    color: #FFF;
    line-height: 1.6;
}

.talk-contents__img {
    padding-top: 80px;
}

.sp-view {
    display: none;
}