/*-------------------------------------------------------------------
  @ Layout
-------------------------------------------------------------------*/
#wrap {
    width: 100%;
    overflow: hidden;
}

/* header */
header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1100;
    width: 100%;
    height: 7.5rem;
    text-align: center;
}

body.index header {
    position: fixed;
}

header::after {
    position: absolute;
    top: 7.5rem;
    left: 0;
    width: 100%;
    height: 0.125rem;
    background: rgba(255, 255, 255, .2);
    content: "";
}

header h1 {
    position: absolute;
    top: 0;
    left: 2.5rem;
    z-index: 1200;
}

header h1 a {
    display: block;
    width: 11.25rem;
    height: 7.5rem;
    background: url(../images/common/logo_w.png) center / 100% auto no-repeat;
    text-indent: -9999em;
}

header .util {
    display: flex;
    position: absolute;
    top: 50%;
    right: 2.5rem;
    z-index: 1300;
    transform: translateY(-50%);
}

header .util > li {
    position: relative;
}

header .util > li .btn-lang {
    width: 4.5rem;
    height: 3rem;
    margin-right: 2rem;
    background: url(../images/common/ico_lang_w.png) center / 100% auto no-repeat;
    text-indent: -9999em;
}

header .util > li .lang-list {
    display: none;
    position: absolute;
    top: 4.25rem;
    left: -1.8125rem;
    z-index: 10;
    width: 6.875rem;
    padding: 0.1875rem 0;
    border: 1px solid #1d336a;
    background: #fff;
}

header .util > li .lang-list.on {
    display: block;
}

header .util > li .lang-list li {
    margin: 1.25rem 0;
}

header .util > li .lang-list li a {
    display: block;
    font-size: 1.5rem;
}

header .util > li .lang-list li a.on {
    font-weight: 700;
    color: #1d336a;
}

header .util > li .btn-menu {
    position: relative;
    width: 3rem;
    height: 3rem;
    background: url(../images/common/ico_menu_w.png) center / 100% auto no-repeat;
    text-indent: -9999em;
}

header.open-menu .util .btn-lang {
    display: none;
}

header.open-menu .util .btn-menu {
    background: url(../images/common/ico_close.png) center / 2.5rem auto no-repeat;
}

header.scr {
    background: #fff;
}

header.scr::after {
    display: none;
}

header.scr h1 a {
    background-image: url(../images/common/logo.png);
}

header.scr .util .btn-lang {
    background-image: url(../images/common/ico_lang.png);
}

header.scr .util .btn-menu {
    background-image: url(../images/common/ico_menu.png);
}

header .menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1200;
    width: 100%;
    height: 100%;
    background: #fff;
    box-sizing: border-box;
}

header .menu.on {
    display: block;
}

header .menu > div {
    position: relative;
    height: calc(100% - 7.5rem);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0 2.5rem;
    margin-top: 7.5rem;
}

header .menu .list {
    border-top: 0.125rem solid #eee;
}

header .menu .list > li {
    padding-left: 0.9375rem;
    border-bottom: 0.125rem solid #eee;
    text-align: left;
}

header .menu .list > li > a {
    display: block;
    background: url(../images/common/ico_menu_down.png) right 0.9375rem center / 1.875rem auto no-repeat;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 6.875rem;
}

header .menu .list > li > a[target] {
    background: url(../images/common/ico_menu_link.png) right 0.9375rem center / 1.875rem auto no-repeat;
}

header .menu .list > li .sub {
    display: none;
    padding: 1.25rem 0;
}

header .menu .list > li .sub a {
    display: inline-block;
    position: relative;
    font-size: 1.625rem;
    color: #666;
    line-height: 4rem;
}

header .menu .list > li .sub a.on {
    font-weight: 700;
    color: #182d65;
}

header .menu .list > li .sub a.on::after {
    position: absolute;
    bottom: 0.625rem;
    left: 0;
    width: 100%;
    height: 0.25rem;
    background: #182d65;
    content: "";
}

header .menu .list > li.on > a {
    background-image: url(../images/common/ico_menu_up.png);
    color: #182d65;
}

header .menu .list > li.on .sub {
    display: block;
}

/* main */
main .cont {
    width: 100%;
    margin: 7.5rem 0;
}

main .cont-bg {
    width: 100%;
    padding: 7.5rem 0;
    background: #f8f8f8;
}

main .fix-area {
    padding: 0 2.5rem;
    margin: 0 auto;
}

/* sub */
.sub .visual {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    z-index: 100;
    height: 31.25rem;
    padding-top: 2.5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    box-sizing: border-box;
}

.sub .visual h2 {
    font-size: 3.75rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
}

.sub .visual .loc-menu {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 0.625rem;
    background: rgba(24, 45, 101, .9);
    text-align: left;
    box-sizing: border-box;
}

.sub .visual .loc-menu.scr {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1110;
    height: 5rem;
    background: #182d65;
}

.sub .visual .loc-menu > div {
    display: flex;
    width: 100%;
    height: 5rem;
    margin: 0 auto;
}

.sub .visual .loc-menu .dpt {
    position: relative;
    width: 50%;
}

.sub .visual .loc-menu .dpt::after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 2rem;
    background: #fff;
    opacity: .2;
    content: "";
    transform: translateY(-50%);
}

.sub .visual .loc-menu .dpt:first-child::after {
    display: none;
}

.sub .visual .loc-menu .dpt .curr a {
    display: block;
    padding-left: 1.875rem;
    background: url(../images/common/ico_loc.png) center right 1.875rem / 1.5625rem auto no-repeat;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 5rem;
    color: #fff;
}

.sub .visual .loc-menu .dpt .sub {
    position: absolute;
    top: 5rem;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 0;
    border: 1px solid #1d336a;
    border-top: 0;
    border-bottom: 0;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0.625rem 0.625rem 0.625rem rgba(0, 0, 0, 0.1);
    transition: all 0.5s ease;
}

.sub .visual .loc-menu .dpt .sub::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #1d336a;
    content: "";
}

.sub .visual .loc-menu .dpt .sub ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 1.25rem 1.875rem;
    box-sizing: border-box;
}

.sub .visual .loc-menu .dpt .sub ul li a {
    display: block;
    font-size: 1.5rem;
    line-height: 4.5rem;
    color: #111;
}

.sub .visual .loc-menu .dpt .sub ul li a.on {
    font-weight: 700;
    color: #1d336a;
}

.sub .visual .loc-menu .dpt .sub ul li a:hover {
    font-weight: 700;
    color: #1d336a;
}

.sub .visual .loc-menu .dpt {
    display: none;
}

.sub .visual .loc-menu .dpt.on {
    display: block;
}

.sub .visual .loc-menu .dpt1 .sub {
    left: -0.625rem;
    width: calc(100% + 0.6875rem);
}

.sub .visual .loc-menu .dpt1 .sub ul {
    padding-left: 2.5rem;
}

.sub .visual .loc-menu .dpt2 .sub {
    left: -1px;
    width: calc(100% + 0.625rem);
}

.sub .visual .loc-menu.col1 .dpt2 .sub {
    left: -0.625rem;
    width: calc(100% + 0.6875rem);
}

.sub .visual .loc-menu.col1 .dpt2::after {
    display: none;
}

.sub .visual .loc-menu.col3 .dpt1 .sub {
    left: -0.625rem;
    width: calc(100% + 0.6875rem);
}

.sub .visual .loc-menu.col3 .dpt2 .sub {
    left: 0;
    width: calc(100% + 1px);
}

.sub .visual .loc-menu.col3 .dpt3 .sub {
    left: 0;
    width: calc(100% + 0.625rem);
}

.sub .visual.funds {
    background-image: url(../images/funds/bg_visual.jpg);
}

.sub .visual.esg {
    background-image: url(../images/esg/bg_visual.jpg);
}

.sub .visual.brand {
    background-image: url(../images/brand/bg_visual.jpg);
}

.sub .visual.company {
    background-image: url(../images/company/bg_visual.jpg);
}

.sub .visual.etc {
    background-image: url(../images/etc/bg_visual.jpg);
}

.sub .page-top {
    padding: 7.5rem 0 ;
    text-align: center;
}

.sub .page-top h3 {
    font-size: 3.125rem;
    font-weight: 300;
    color: #000;
    line-height: 1;
}

.sub .page-top + .txt-desc {
    margin-top: -0.625rem;
}

.sub .page-top + .search-box {
    margin-top: -3.75rem;
}

.sub .page-top + .cont {
    margin-top: 0;
}

.sub .txt-desc + .cont, .sub .txt-desc + .cont-bg {
    margin-top: 3.4375rem;
}

.sub p {
    line-height: 2.5rem;
}

.sub p + p {
    margin-top: 2.5rem;
}

/* footer */
footer {
    padding: 5rem 0 5rem;
    background: #182d65;
    text-align: center;
}

footer .logo {
    display: block;
    height: 3rem;
    background: url(../images/common/logo_w.png) center / 11.25rem auto no-repeat;
    text-indent: -9999em;
    opacity: .5;
}

footer .addr {
    margin: 4.375rem 0 0.3125rem;
}

footer .tel {
    display: inline-block;
    margin: 0.5625rem 0 0.4375rem;
}

footer .tel::after {
    display: block;
    content: "";
    clear: both;
}

footer .tel li {
    position: relative;
    float: left;
    padding: 0 1.25rem;
    font-size: 1.5rem;
    line-height: 2.25rem;
    color: #8596c2;
}

footer .tel li::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 0.125rem;
    height: 1.375rem;
    background: rgba(255, 255, 255, .2);
    content: "";
    transform: translateY(-50%);
}

footer .tel li:last-child::after {
    display: none;
}

footer .tel li a {
    color: #8596c2;
}

footer p {
    font-size: 1.5rem;
    line-height: 2.25rem;
    color: #8596c2;
}

footer .btn-brochure {
    display: inline-block;
    width: 24.25rem;
    padding: 0 1.875rem;
    margin-top: 3.4375rem;
    border: 0.125rem solid #5e6c94;
    background: url(../images/common/ico_brochure.png) right 1.875rem center / 2.25rem auto no-repeat;
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
    line-height: 4.75rem;
    text-align: left;
    box-sizing: border-box;
}

/* dim */
.dim-page {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: #000;
    opacity: .4;
}

.dim-page.on {
    display: block;
}

.dim-all {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1200;
    background: #000;
    opacity: .4;
}

.dim-all.on {
    display: block;
}

/*-------------------------------------------------------------------
  @ Componets
-------------------------------------------------------------------*/
/* default */
select {
    min-width: 20rem;
    height: 5rem;
    padding-left: 1.875rem;
    border: 1px solid #e5e5e5;
    background: url(../images/common/ico_select_down_gray.png) right 1.875rem center / 1.3125rem auto no-repeat;
    font-size: 1.5rem;
    color: #888;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input::-webkit-input-placeholder {
    font-weight: 400;
    color: #888;
}

input::-moz-placeholder {
    font-weight: 400;
    color: #888;
}

input:-ms-input-placeholder {
    font-weight: 400;
    color: #888;
}

input:-moz-placeholder {
    font-weight: 400;
    color: #888;
}

input::placeholder {
    font-weight: 400;
    color: #888;
}

/* heading */
.h4 {
    font-size: 2.375rem;
    font-weight: 700;
    color: #000;
    text-align: center;
    line-height: 3.25rem;
}

.h4 .primary{
    color:#1d336a;
}

.h4 + div {
    margin-top: 4.375rem;
}

/*.h5{font-size: 20px; font-weight: 700; color: #000; line-height: 1;} */
/* text */
.txt-desc {
    text-align: center;
}

.txt-type1 {
    font-size: 1.75rem;
    color: #888;
    text-align: center;
}

.txt-type2 {
    font-size: 1.875rem;
    font-weight: 700;
    text-align: center;
    line-height: 2.75rem !important;
}

.txt-type3 {
    font-size: 1.625rem;
    line-height: 2.5rem;
    text-align: center;
}

.h4 + .txt-desc {
    margin-top: 4.0625rem;
}

.h4 + .txt-type1 {
    margin-top: 1.25rem;
}

.h4 + .txt-type1 + div {
    margin-top: 5rem;
}

.h4 + .txt-type3 {
    margin-top: 1.875rem;
}

/* button */
.btn-wrap {
    text-align: center;
}

.btn-type1 {
    display: inline-block;
    width: 15rem;
    height: 5rem;
    border: 1px solid #111;
    background: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    color: #111;
    line-height: 4.875rem;
    text-align: center;
    box-sizing: border-box;
}

.btn-type1 span {
    font-weight: 400;
    color: #888;
}

.btn-type2 {
    display: inline-block;
    height: 3.75rem;
    padding: 0 2.1875rem;
    border: 1px solid #1d336a;
    background: #fff;
    font-size: 1.375rem;
    font-weight: 400 !important;
    color: #1d336a !important;
    line-height: 3.625rem;
    text-align: center;
    box-sizing: border-box;
}

.btn-type3 {
    display: inline-block;
    height: 3.125rem;
    padding: 0 1.875rem;
    border: 0.0625rem solid #d5d5d5;
    background: #fff;
    font-size: 1.375rem;
    font-weight: 400 !important;
    color: #888 !important;
    line-height: 3rem;
    text-align: center;
    box-sizing: border-box;
}

/* tab */
.tab-menu-type1 {
    text-align: center;
}

.tab-menu-type1 ul {
    display: inline-block;
}

.tab-menu-type1 ul::after {
    display: block;
    content: "";
    clear: both;
}

.tab-menu-type1 ul li {
    position: relative;
    display: inline-block;
    padding: 0.8125rem 0.625rem 0.8125rem 1.25rem;
}

.tab-menu-type1 ul li::after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 0.125rem;
    height: 1.25rem;
    background: #d5d5d5;
    transform: translateY(-50%);
    content: "";
}

.tab-menu-type1 ul li:first-child::after {
    display: none;
}

.tab-menu-type1 ul li a {
    display: block;
    font-size: 1.625rem;
    color: #888;
    line-height: 1;
}

.tab-menu-type1 ul li a.on {
    font-weight: 700;
    color: #1d336a;
}

.tab-menu-type1 ul li.nline {
    clear: both;
}

.tab-menu-type1 ul li.nline::after {
    display: none;
}

.tab-menu-type1 ul li .s-txt {
    display: none;
    position: absolute;
    right: 0.625rem;
    top: 3.125rem;
    width: 18.75rem;
    font-size: 1.375rem;
    line-height: 1.75rem;
    color: #1d336a;
    text-align: right;
}

.tab-menu-type1 ul li a.on + .s-txt {
    display: block;
}

h3 + .tab-menu-type1 {
    margin-top: 3.75rem;
}

.tab-menu-type2 {
    position: relative;
    overflow: hidden;
    height: 2.75rem;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    box-sizing: border-box;
}

.tab-menu-type2::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 1.875rem;
    height: 2.5rem;
    background: url(../images/common/swipe_gra_left.png) repeat-y;
    background-size: 100% auto;
    content: "";
}

.tab-menu-type2::after {
    position: absolute;
    top: 0;
    right : 0;
    z-index: 5;
    width: 1.875rem;
    height: 2.5rem;
    background: url(../images/common/swipe_gra_right.png) repeat-y;
    background-size: 100% auto;
    content: "";
}

.tab-menu-type2.swipe .swiper-wrapper {
    display: flex;
}

.tab-menu-type2 .swiper-wrapper {
    display: inline-block;
    width: auto;
}

.tab-menu-type2 > ul {
    display: inline-block;
}

.tab-menu-type2 ul li {
    position: relative;
    float: left;
    width: auto;
    padding: 0 1.875rem;
}

.tab-menu-type2 ul li a {
    display: block;
    height: 2.75rem;
    font-size: 1.5rem;
    color: #888;
    line-height: 1;
}

.tab-menu-type2 ul li a.on {
    font-weight: 700;
    color: #1d336a;
}

.tab-menu-type2 ul li a.on span {
    display: block;
    position: relative;
    height: 100%;
}

.tab-menu-type2 ul li a.on span:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.25rem;
    background: #182d65;
    content: "";
}

.tab-menu-type2 + div {
    margin-top: 5rem;
}

/* bullet */
.bul li {
    line-height: 2.5rem;
    text-align: left;
}

.bul.space > li {
    margin-top: 0.625rem;
}

.bul.space > li:first-child {
    margin-top: 0;
}

.bul.dot > li {
    position: relative;
    padding-left: 0.9375rem;
}

.bul.dot > li::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\00B7";
}

.bul.dash > li {
    position: relative;
    padding-left: 0.9375rem;
}

.bul.dash > li::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\002D";
    vertical-align: middle;
}

.bul.num > li {
    position: relative;
    padding-left: 1.5625rem;
    text-indent: -1.5625rem;
}

.bul.num > li ul {
    margin-left: 0.9375rem;
}

/* poopup */
.popup {
    display: none;
    position: absolute;
    top: 14.04rem;
    left: 50%;
    z-index: 1300;
    width: 35.54rem;
    transform: translateX(-50%);
}
.popup.on {
    display: block;
}

.popup .bottom {
    display: flex;
    margin-top: 0.625rem;
}

.popup .bottom button {
    position: relative;
    width: 50%;
    background: none;
    font-size: 1.5rem;
    color: #fff;
}

.popup .bottom button:first-child::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 1.25rem;
    background: #fff;
    content: "";
    transform: translateY(-50%);
}

/* search */
.search-box-type1 {
    display: flex;
    justify-content: space-between;
    width: 33.75rem;
    margin: 0 auto;
    border-bottom: 0.0625rem solid #111;
}

.search-box-type1 input[type=text] {
    width: 29.25rem;
    padding: 0 1.25rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 4.5rem;
    color: #1d336a;
}

.search-box-type1 button {
    width: 4.5rem;
    height: 4.5rem;
    background: url(../images/common/ico_search.png) center / 2rem auto no-repeat;
    text-indent: -9999em;
}

.search-box-type1 + div {
    margin-top: 7.5rem;
}

/* board-list */
.board-list-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.875rem;
    text-align: right;
}

.board-list-top .total {
    color: #888;
    line-height: 1;
}

.board-list-top .total strong {
    color: #1d336a;
}

.board-list-desc {
    margin: -0.3125rem 0 1.25rem;
    font-size: 1.5rem;
    color: #888;
    text-align: right;
}

.board-list-type1 .top-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.625rem;
    margin-bottom: 1.25rem;
}

.board-list-type1 .top-wrap h3 {
    font-size: 2rem;
    font-weight: 700;
    color: #111;
}

.board-list-type1 .top-wrap .btn-more {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #111;
}

.board-list-type1 .top-wrap .btn-more i {
    display: inline-block;
    width: 0.6875rem;
    height: 1rem;
    margin-left: 1.25rem;
    background: url(../images/common/ico_arw01_right_b.png) center / 100% auto no-repeat;
    vertical-align: middle;
}

.board-list-type1 .list {
    border-top: 0.25rem solid #333;
}

.board-list-type1 .list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5625rem 0.625rem;
    border-bottom: 1px solid #efefef;
}

.board-list-type1 .list li a {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #333;
}

.board-list-type1 .list li a:hover {
    font-weight: 700;
    color: #1d336a;
}

.board-list-type1 .list li span {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 13.75rem;
    color: #888;
}

.board-list-top + .board-list-type2 {
    margin-top: 3.75rem;
}

.board-list-type2 > ul > li {
    margin-top: 3.125rem;
}

.board-list-type2 > ul > li:first-child {
    margin-top: 0;
}

.board-list-type2 > ul > li a {
    display: block;
}

.board-list-type2 > ul > li .img img {
    width: 100%;
}

.board-list-type2 > ul > li .txt {
    padding: 3.125rem 3.125rem 2.5rem;
    border: 1px solid #e5e5e5;
    border-top: 0;
    box-sizing: border-box;
}

.board-list-type2 > ul > li .txt .type {
    display: block;
    font-size: 1.5rem;
    line-height: 1;
    color: #1d336a;
}

.board-list-type2 > ul > li .txt .tit {
    display: block;
    margin-top: 1.5625rem;
    font-size: 2.375rem;
    color: #111;
}

.board-list-type2 > ul > li .txt .company {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 2.5rem;
    font-size: 1.5rem;
    color: #888;
    line-height: 2rem;
}

.board-list-type2 > ul > li .txt .other {
    padding-top: 1.25rem;
    margin-top: 1.25rem;
    border-top: 0.0625rem solid #e5e5e5;
}

.board-list-type2 > ul > li .txt .other > li {
    margin-top: 1.25rem;
}

.board-list-type2 > ul > li .txt .other > li:first-child {
    margin-top: 0;
}

.board-list-type2 > ul > li .txt .other > li strong {
    display: block;
    font-size: 1.375rem;
    color: #1757a0;
    font-weight: 400;
}

.board-list-type2 > ul > li .txt .other > li ul {
    margin-top: 0.625rem;
}

.board-list-type2 > ul > li .txt .other > li ul li {
    font-size: 1.375rem;
    color: #888;
    line-height: 1.625rem;
}

.board-list-type2 .btn-wrap {
    margin-top: 7.5rem;
}

.board-list-type3 > ul > li {
    margin-top: 3.125rem;
    border: 1px solid #e5e5e5;
}

.board-list-type3 > ul > li:first-child {
    margin-top: 0;
}

.board-list-type3 > ul > li .top {
    padding: 3.125rem 3.125rem 2.5rem;
    box-sizing: border-box;
}

.board-list-type3 > ul > li .top span {
    display: block;
    font-size: 1.5rem;
    color: #1d336a;
    line-height: 1;
}

.board-list-type3 > ul > li .top strong {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 1.0625rem;
    font-size: 2.375rem;
    line-height: 3.75rem;
}

.board-list-type3 > ul > li .bottom {
    padding: 2.5rem 3.125rem;
    border-top: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.board-list-type3 > ul > li .bottom li {
    font-size: 1.5rem;
    line-height: 2.5rem;
}

.board-list-type3 .btn-wrap {
    margin-top: 7.5rem;
}

.board-list-type4 {
    border-top: 0.25rem solid #111;
}

.board-list-type4 li {
    position: relative;
    padding: 1.25rem 0.625rem 1.5625rem;
    border-bottom: 0.0625rem solid #e5e5e5;
}

.board-list-type4 .ctg {
    display: block;
    margin-bottom: 1.25rem;
    font-size: 1.5rem;
    color: #1d336a;
}

.board-list-type4 .tit {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1.625rem;
    font-weight: 400;
    color: #111;
}

.board-list-type4 .date {
    display: block;
    margin-top: 2.8125rem;
    font-size: 1.5rem;
    color: #888;
    line-height: 1;
}

.board-list-type4 .btn {
    position: absolute;
    right: 0.625rem;
    bottom: 1.875rem;
}

.board-list-type4.style2 li {
    padding-bottom: 3.125rem;
}

.board-list-type4 li.noti {
    background: #f8f8f8;
}

.board-list-type4 li.noti .tit {
    font-weight: 700;
    color: #1d336a;
}

.board-list-type4 li.noti .tit span {
    display: inline-block;
    position: relative;
    padding-right: 1.25rem;
    margin-right: 0.9375rem;
}

.board-list-type4 li.noti .tit span::after {
    position: absolute;
    top: 0.9375rem;
    right: 0;
    width: 0.125rem;
    height: 1rem;
    background: #1d336a;
    content: "";
}

/* board-view */
.board-view-type1 {
    padding: 5rem 0;
    border-top: 0.25rem solid #111;
    border-bottom: 1px solid #d8d8d8;
}

.board-view-type1 .txt {
    padding: 4.375rem 2.5rem 0;
}

.board-view-type1 .txt .tit {
    font-size: 2.5rem;
    font-weight: 700;
    color: #111;
}

.board-view-type1 .txt .tit + p {
    margin-top: 1.25rem;
    font-size: 1.625rem;
    color: #888;
    line-height: 2rem;
}

.board-view-type1 .txt .info1 {
    display: flex;
    margin: 3.125rem 0 1.5625rem;
}

.board-view-type1 .txt .info1 li {
    position: relative;
    padding-right: 1.5625rem;
    margin-right: 1.25rem;
    font-size: 1.75rem;
    font-weight: 700;
    color: #182d65;
    line-height: 1;
}

.board-view-type1 .txt .info1 li::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 0.125rem;
    height: 1.125rem;
    background: #e5e5e5;
    content: "";
    transform: translateY(-50%);
}

.board-view-type1 .txt .info1 li:last-child::after {
    display: none;
}

.board-view-type1 .txt .info2 {
    margin-top: 3.125rem;
}

.board-view-type1 .txt .info2 li {
    margin-top: 10px;
    font-size: 1.5rem;
    line-height: 2rem;
}

.board-view-type1 .txt .info2 li:first-child {
    margin-top: 0;
}

.board-view-type1 .txt .info2 li strong {
    display: block;
}

.board-view-type1 .txt .other {
    padding-top: 1.875rem;
    margin-top: 1.875rem;
    border-top: 0.0625rem solid #e5e5e5;
    box-sizing: border-box;
}

.board-view-type1 .txt .other > li {
    margin-top: 1.875rem;
}

.board-view-type1 .txt .other > li:first-child {
    margin-top: 0;
}

.board-view-type1 .txt .other > li strong {
    display: block;
    font-size: 1.5rem;
    color: #1757a0;
    font-weight: 400;
}

.board-view-type1 .txt .other > li ul {
    margin-top: 0.625rem;
}

.board-view-type1 .txt .other > li ul li {
    font-size: 1.5rem;
    color: #888;
    line-height: 1.875rem;
}

.board-view-type2 {
    border-top: 0.25rem solid #111;
}

.board-view-type2 .title {
    padding: 1.875rem 0.625rem;
    border-bottom: 1px solid #111;
    font-size: 2.125rem;
    line-height: 3.125rem;
    font-weight: 700;
}

.board-view-type2 .info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2.5rem 0.625rem;
    border-bottom: 1px solid #d8d8d8;
}

.board-view-type2 .info .txt {
    font-size: 1.5rem;
    color: #888;
}

.board-view-type2 .info .file {
    display: inline-block;
    margin-right: 1.875rem;
    color: #1d336a;
}

.board-view-type2 .content {
    padding: 3.75rem 0.625rem;
    border-bottom: 1px solid #d8d8d8;
    line-height: 2.75rem;
}

.board-view-bottom {
    display: flex;
    position: relative;
    justify-content: space-between;
    margin-top: 3.75rem;
}

.board-view-bottom .btn-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.board-view-bottom .btn-prev {
    display: inline-block;
    z-index: 2;
    padding-left: 2.5rem;
    background: url(../images/common/ico_arw03_left_gray02.png) left center / 1.0625rem auto no-repeat;
    font-size: 1.5rem;
    line-height: 5rem;
    color: #888;
    box-sizing: border-box;
}

.board-view-bottom .btn-prev span {
    display: inline-block;
    max-width: 15.9375rem;
    margin-left: 1.5625rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 400;
    vertical-align: middle;
}

.board-view-bottom .btn-next {
    display: inline-block;
    z-index: 2;
    padding-right: 2.1875rem;
    background: url(../images/common/ico_arw03_right_gray02.png) right center / 1.0625rem auto no-repeat;
    font-size: 1.5rem;
    line-height: 5rem;
    color: #888;
    text-align: right;
    box-sizing: border-box;
}

.board-view-bottom .btn-next span {
    display: inline-block;
    max-width: 15.9375rem;
    margin-right: 1.5625rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 400;
    vertical-align: middle;
}

/* paginate */
.paginate {
    margin-top: 3.4375rem;
    text-align: center;
}

.paginate a {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 0.8125rem;
    font-size: 1rem;
    color: #888;
    line-height: 2.5rem;
    text-align: center;
    vertical-align: top;
}

.paginate .num {
    display: inline-block;
    margin: 0 2.1875rem;
    font-size: 1.5rem;
    color: #888;
    line-height: 2.5rem;
}

.paginate .num strong {
    color: #1d336a;
}

.paginate .first {
    background: url(../images/common/ico_paginate_first.png) center / 1.5rem auto no-repeat;
    text-indent: -9999em;
}

.paginate .prev {
    background: url(../images/common/ico_paginate_prev.png) center / 0.875rem auto no-repeat;
    text-indent: -9999em;
}

.paginate .next {
    background: url(../images/common/ico_paginate_next.png) center / 0.875rem auto no-repeat;
    text-indent: -9999em;
}

.paginate .last {
    background: url(../images/common/ico_paginate_last.png) center / 1.5rem auto no-repeat;
    text-indent: -9999em;
}

/* process */
.proc-type1 {
    padding-top: 21.0625rem;
    background-repeat: no-repeat;
    background-size: 100 auto;
}

.proc-type1 .list > ul > li {
    position: relative;
    margin-bottom: 8.125rem;
}

.proc-type1 .list > ul > li::after {
    position: absolute;
    bottom: -5rem;
    left: 50%;
    width: 3.5rem;
    height: 1.875rem;
    background: url(../images/common/ico_arw04_bottom_blue.png) center / 100% auto no-repeat;
    transform: translateX(-50%);
    content: "";
}

.proc-type1 .list > ul > li .tit {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 7.5rem;
    background: #1d336a;
    font-size: 2.125rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
}

.proc-type1 .list > ul > li .txt {
    position: relative;
    height: calc(100% - 7.5rem);
    padding: 2.8125rem 0 2.8125rem 2.8125rem;
    border: 1px solid #e5e5e5;
    border-top: 0;
    background: #fff;
    box-sizing: border-box;
}

.proc-type1 .list > ul > li .txt h5 {
    margin-bottom: 2.5rem;
    font-size: 1.75rem;
    font-weight: 700;
    color: #1d336a;
}

.proc-type1 .list > ul > li .txt ul {
    position: relative;
}

.proc-type1 .list > ul > li:last-child {
    margin-bottom: 0;
}

.proc-type1 .list > ul > li:last-child:after {
    display: none;
}

.proc-type2 {
    width: 100%;
    background: url(../images/funds/bg_proc01.png) center top / cover no-repeat;
    background-size: 100% auto;
    text-align: center;
}

.proc-type2 > ul {
    display: inline-block;
    height: 70.3125rem;
    margin: 0 auto;
}

.proc-type2 > ul > li {
    position: relative;
    width: 16.9375rem;
    margin-bottom: 3.75rem;
}

.proc-type2 > ul > li:nth-child(2) {
    margin-bottom: 11.5625rem;
}

.proc-type2 > ul > li .type1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 17.5rem;
    height: 6.25rem;
    margin: 0 auto;
    background: #1d336a;
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
    box-shadow: 0.625rem 0.625rem 0.875rem rgba(0,0,0,0.15);
}

.proc-type2 > ul > li .type2 {
    width: 16.9375rem;
    padding: 0.9375rem;
    background: url(../images/funds/tool_dot02.png) center / 100% auto no-repeat;
    box-sizing: border-box;
}

.proc-type2 > ul > li .type2 span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15rem;
    height: 15rem;
    margin: 0 auto;
    border-radius: 100%;
    background: #1d336a;
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
    box-shadow: 0.625rem 0.625rem 0.875rem rgba(0,0,0,0.15);
}

.proc-type2 > ul > li .type3 .tit {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 17.5rem;
    height: 6.25rem;
    background: #1757a0;
    box-shadow: 0.625rem 0.625rem 0.875rem rgba(0,0,0,0.15);
}

.proc-type2 > ul > li .type3 .tit strong {
    display: block;
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
    line-height: 2rem;
}

.proc-type2 > ul > li .type3 .tit span {
    display: block;
    font-size: 1.125rem;
    font-weight: 400;
    color: #d5d5d5;
    line-height: 1;
}

.proc-type2 > ul > li .type3 .tit strong + span {
    margin-top: 0.625rem;
}

.proc-type2 > ul > li .type3 .tit span + strong {
    margin-top: 0.3125rem;
}

.proc-type2 > ul > li .type3 .tit > div > span {
    margin-top: 0.3125rem;
}

.proc-type2 > ul > li .type3 .bul {
    position: absolute;
    top: -0.3125rem;
    left: 14.0625rem;
    width: 21.875rem;
}

.proc-type2 > ul > li .type3 .bul.indent {
    left: 16.5625rem;
}

.proc-type2 > ul > li .type3 .bul.indent li {
    text-indent: -2.5625rem;
}

.proc-type2 > ul > li .add1 {
    position: absolute;
    top: 9.375rem;
    right: -11.25rem;
}

.proc-type2 > ul > li .add2 {
    position: absolute;
    top: 23.5rem;
    right: -11.25rem;
}

.proc-type2 > ul > li.ceo ul.s-dep .line {
    font-size: 1.375rem;
    line-height: 1.75rem;
}

.proc-type2 > ul > li.ceo ul.s-dep > li:nth-child(1) {
    position: absolute;
    top: 36.25rem;
    left: -11.5rem;
}

.proc-type2 > ul > li.ceo ul.s-dep > li:nth-child(2) {
    position: absolute;
    top: 43.4375rem;
    left: 50%;
    width: 32.625rem;
    font-size: 1.125rem;
    font-weight: 700;
    color: #1d336a;
    transform: translateX(-50%);
}

.proc-type2 > ul > li.ceo ul.s-dep > li:nth-child(3) {
    position: absolute;
    top: 36.25rem;
    right: -11.5rem;
}

.proc-type2 .list-s {
    margin-top: 10rem;
    text-align: left;
}

.proc-type2 .list-s > ul > li {
    padding: 2.5rem 0 2.5rem 3.125rem;
    margin-top: 3.75rem;
    border: 1px solid #1757a0;
    background: #fff;
}

.proc-type2 .list-s > ul > li:first-child {
    margin-top: 0;
}

.proc-type2 .list-s > ul > li .tit {
    display: block;
    margin-bottom: 2.5rem;
    font-size: 1.75rem;
    color: #1757a0;
}

/* profile */
.profile-type1 {
    position: relative;
}

.profile-type1 .info {
    padding: 4.6875rem 5rem;
    background: url(../images/common/mastern.png) right bottom / 24.125rem auto no-repeat #003d7e;
}

.profile-type1 .info > li {
    color: #fff;
}

.profile-type1 .info .tit-wrap .position {
    display: block;
    font-size: 1.625rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    opacity: .3;
}

.profile-type1 .info .tit-wrap .name {
    display: block;
    margin-top: 1.25rem;
    font-size: 2.375rem;
    font-weight: 700;
    color: #fff;
}

.profile-type1 .info .tit-wrap .name span {
    font-size: 1.625rem;
}

.profile-type1 .info ul {
    margin-top: 2.8125rem;
    color: #fff;
}

.profile-type1 .info ul li {
    font-size: 1.5rem;
    line-height: 2.5rem;
}

.profile-type2 {
    position: relative;
}

.profile-type2 .tit-wrap {
    height: 15.625rem;
    padding: 4.6875rem 0 0 5rem;
    background: url(../images/common/mastern.png) right bottom / 24.125rem auto no-repeat #1d336a;
    box-sizing: border-box;
}

.profile-type2 .tit-wrap .position {
    display: block;
    font-size: 1.625rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    opacity: .3;
}

.profile-type2 .tit-wrap .name {
    display: block;
    margin-top: 1.25rem;
    font-size: 2.375rem;
    font-weight: 700;
    color: #fff;
}

.profile-type2 .tit-wrap .name span {
    font-size: 1.625rem;
}

.profile-type2 .info {
    display: flex;
    flex-wrap: wrap;
    padding: 5rem 0 5rem 5rem;
    background: #003d7e;
    box-sizing: border-box;
}

.profile-type2 .info > li {
    color: #fff;
    box-sizing: border-box;
}

.profile-type2 .info > li:nth-child(1) {
    width: 22.5rem;
    padding-right: 1.5625rem;
}

.profile-type2 .info > li:nth-child(2) {
    width: 15rem;
}

.profile-type2 .info > li:nth-child(3) {
    width: 100%;
    margin-top: 4.375rem;
}

.profile-type2 .info > li .tit {
    display: block;
    font-size: 1.625rem;
    font-weight: 400;
    color: #fff;
    line-height: 1;
}

.profile-type2 .info > li ul {
    margin-top: 1.25rem;
}

.profile-type2 .info > li ul li {
    font-size: 1.5rem;
    line-height: 2.5rem;
}

.profile-type3 > ul > li {
    position: relative;
    min-height: 16.5625rem;
    padding: 5.625rem 2.5rem 1.875rem 2.5rem;
    margin-top: 2.5rem;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.profile-type3 > ul > li:first-child {
    margin-top: 0;
}

.profile-type3 > ul > li .position {
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 0 2.5rem;
    background: #1d336a;
    font-size: 1.375rem;
    font-weight: 700;
    color: #fff;
    line-height: 3.75rem;
    text-align: center;
}

.profile-type3 > ul > li .tit-wrap .name {
    display: inline-block;
    font-size: 2.125rem;
    margin-right: 0.9375rem;
}

.profile-type3 > ul > li .tit-wrap .name span {
    font-size: 1.5rem;
}

.profile-type3 > ul > li .tit-wrap .team {
    font-size: 1.125rem;
}

.profile-type3 > ul > li .info {
    margin: 2.1875rem 0 0.625rem;
}

.profile-type3 > ul > li .info > div {
    margin-top: 1.875rem;
}

.profile-type3 > ul > li .info strong {
    display: block;
    margin-bottom: 0.9375rem;
    font-size: 1.625rem;
    font-weight: 400;
}

.profile-type3 > ul > li .info li {
    font-size: 1.5rem;
    line-height: 2.5rem;
    color: #888;
}

.profile-type3 + .profile-type4 {
    margin-top: 40px;
}

.profile-type4 > ul > li {
    position: relative;
    min-height: 16.5625rem;
    padding: 5.625rem 2.5rem 1.875rem 2.5rem;
    margin-top: 2.5rem;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.profile-type4 > ul > li:first-child {
    margin-top: 0;
}

.profile-type4 > ul > li .position {
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 0 2.5rem;
    background: #a0775b;
    font-size: 1.375rem;
    font-weight: 700;
    color: #fff;
    line-height: 3.75rem;
    text-align: center;
}

.profile-type4 > ul > li .tit-wrap .name {
    display: inline-block;
    font-size: 2.125rem;
    margin-right: 0.9375rem;
}

.profile-type4 > ul > li .tit-wrap .name span {
    font-size: 1.5rem;
}

.profile-type4 > ul > li .tit-wrap .team {
    font-size: 1.125rem;
}

.profile-type4 > ul > li .info {
    margin: 2.1875rem 0 0.625rem;
}

.profile-type4 > ul > li .info > div {
    margin-top: 1.875rem;
}

.profile-type4 > ul > li .info strong {
    display: block;
    margin-bottom: 0.9375rem;
    font-size: 1.625rem;
    font-weight: 400;
}

.profile-type4 > ul > li .info li {
    font-size: 1.5rem;
    line-height: 2.5rem;
    color: #888;
}

.profile-type5 > ul > li {
    padding: 2.5rem;
    margin-top: 2.5rem;
    border: 0.0625rem solid #e5e5e5;
    box-sizing: border-box;
}

.profile-type5 > ul > li:first-child {
    margin-top: 0;
}

.profile-type5 > ul > li .tit {
    display: block;
    margin-bottom: 1.875rem;
    font-size: 2.125rem;
    line-height: 1;
}

.profile-type5 > ul > li .tit span {
    font-size: 1.5rem;
}

.profile-type5 > ul > li .bul li {
    margin-top: 0.625rem;
    font-size: 1.5rem;
    line-height: 2.125rem;
    color: #888;
}

.profile-type5 > ul > li .bul li:first-child {
    margin-top: 0;
}

.profile-type6 > ul > li {
    margin-top: 2.5rem;
}

.profile-type6 > ul > li:first-child {
    margin-top: 0;
}

.profile-type6 > ul > li .info {
    padding: 1.875rem 2.5rem;
    border: 0.0625rem solid #e5e5e5;
    border-top: 0;
}

.profile-type6 > ul > li .info .position {
    font-size: 1.5rem;
}

.profile-type6 > ul > li .info .name {
    display: block;
    margin-top: 0.3125rem;
    font-size: 2.125rem;
}

.profile-type6 > ul > li .info .name span {
    font-size: 1.5rem;
}

.profile-type6 > ul > li .part {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2.1875rem;
}

.profile-type6 > ul > li .part li {
    padding: 0 1.25rem;
    margin: 0 0.75rem 0.75rem 0;
    background: #91b5db;
    font-size: 1.375rem;
    line-height: 2.5rem;
    color: #fff;
}

.profile-type6 > ul > li .career {
    margin-top: 1.25rem;
}

.profile-type6 > ul > li .career li {
    margin-top: 0.625rem;
    font-size: 1.5rem;
    line-height: 1.875rem;
    color: #888;
}

.profile-type6 > ul > li .career li:first-child {
    margin-top: 0;
}

.team-list .item {
    display: none;
}

.team-list .item.on {
    display: block;
}

/*-------------------------------------------------------------------
  @ Utilities
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
  @ Contents
-------------------------------------------------------------------*/
/* main */
.main .cont {
    width: 100%;
    margin: 9.375rem 0;
}

.main section:last-child {
    margin-bottom: 0;
}

.main .visual {
    height: 80rem;
    background: url(../images/main/bg_visual.jpg) center / cover no-repeat;
}

.main .visual .txt {
    position: absolute;
    top: 13.75rem;
    left: 5rem;
    z-index: 10;
    color: #fff;
}

.main .visual .txt .tit {
    display: block;
    margin-left: -0.3125rem;
    margin-bottom: 3.75rem;
    font-size: 5rem;
    font-weight: 800;
    line-height: 5rem;
}

.main .visual .txt p {
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 2.125rem;
}

.main .visual .txt p span {
    font-weight: 600;
    font-size: 1.625rem;
}

.main .visual .txt p + p {
    margin-top: 1.875rem;
}

.main .visual .txt .tit {
    opacity: 0;
    transform: translateY(10.625rem);
    transition: all .9s 0.3s ease;
}

.main .visual .txt p:nth-child(2) {
    opacity: 0;
    transform: translateY(10.625rem);
    transition: all .9s 0.5s ease;
}

.main .visual .txt p:nth-child(3) {
    opacity: 0;
    transform: translateY(10.625rem);
    transition: all .9s 0.7s ease;
}

.main .visual.on .txt .tit {
    opacity: 1;
    transform: translateY(0);
}

.main .visual.on .txt p:nth-child(2) {
    opacity: 1;
    transform: translateY(0);
}

.main .visual.on .txt p:nth-child(3) {
    opacity: 1;
    transform: translateY(0);
}

.main .summary {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -3.875rem;
}

.main .summary > li {
    width: 12.5rem;
    height: 11.875rem;
    padding-top: 1.875rem;
    text-align: center;
    background: #fff;
    box-shadow: 0 0.625rem 2.5rem rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}

.main .summary > li .tit {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3.625rem;
    font-size: 1.5rem;
    font-weight: 700;
}

.main .summary > li .tit span {
    font-size: 1.375rem;
}

.main .summary > li .val {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5.25rem;
    font-size: 1.5rem;
    color: #1d336a;
}

.main .summary > li .val strong {
    font-size: 2.125rem;
}

.main .tit-wrap {
    text-align: center;
}

.main .tit-wrap h2 {
    font-size: 3.75rem;
    font-weight: 700;
    color: #111;
    line-height: 1;
}

.main .tit-wrap h2 + p {
    margin-top: 1.5625rem;
    font-size: 1.75rem;
    color: #666;
    line-height: 2.375rem;
}

.main .investment .slider {
    position: relative;
    margin-top: 5.9375rem;
}

.main .investment .slider .swiper-slide {
    width: 77.777%;
    margin: 0 1.388%;
}

.main .investment .slider .swiper-slide a {
    display: block;
}

.main .investment .swiper .swiper-slide .img {
    background: #000;
}

.main .investment .swiper .swiper-slide .img > div {
    opacity: .6;
    transition: opacity 0.7s;
}

.main .investment .swiper .img {
    position: relative;
}

.main .investment .swiper .img .mark {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    width: 11.25rem;
    height: 6.25rem;
    background: #a0775b;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.main .investment .swiper .txt h3 {
    display: block;
    margin-top: 1.875rem;
    font-size: 2.5rem;
    font-weight: 700;
    color: #111;
}

.main .investment .swiper .txt h3 + p {
    margin-top: 0.9375rem;
    font-size: 1.625rem;
    color: #888;
    line-height: 2.25rem;
}

.main .investment .swiper .txt .info1 {
    display: flex;
    margin: 0.9375rem 0 1.5625rem;
}

.main .investment .swiper .txt .info1 li {
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 1.25rem;
    margin-right: 1.25rem;
    font-size: 1.6875rem;
    font-weight: 700;
    color: #182d65;
    line-height: 1;
}

.main .investment .swiper .txt .info1 li::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 0.125rem;
    height: 1.125rem;
    background: #e5e5e5;
    content: "";
    transform: translateY(-50%);
}

.main .investment .swiper .txt .info1 li:last-child::after {
    display: none;
}

.main .investment .swiper .txt .info2 li {
    font-size: 1.5rem;
    line-height: 2rem;
}

.main .investment .swiper .swiper-pagination {
    position: relative;
    bottom: auto;
    margin-top: 5rem;
    font-size: 0;
}

.main .investment .swiper .swiper-pagination-bullet {
    width: 8.333%;
    height: 0.25rem;
    margin: 0 1.388%;
    border-radius: 0;
    background: #d5d5d5;
    opacity: 1;
}

.main .investment .swiper .swiper-pagination-bullet-active {
    background: #1d336a;
    opacity: 1;
}

.main .investment .swiper .swiper-slide-active .img > div {
    opacity: 1;
}

.main .investment .swiper .swiper-slide-prev .txt > div > *, .main .investment .swiper .swiper-slide-duplicate-prev .txt > div > *, .main .investment .swiper .swiper-slide-next .txt > div > *, .main .investment .swiper .swiper-slide-duplicate-next .txt > div > * {
    opacity: 0;
    transform: translateX(4.375rem);
    transition: all .3s ease;
}

.main .investment .swiper.on .swiper-slide-active .txt h3 {
    transition: all .7s .3s ease;
}

.main .investment .swiper.on .swiper-slide-active .txt p {
    transition: all .7s .3s ease;
}

.main .investment .swiper.on .swiper-slide-active .txt .info1 {
    transition: all .7s .4s ease;
}

.main .investment .swiper.on .swiper-slide-active .txt .info2 {
    transition: all .7s .5s ease;
}

.main .esg {
    height: 73.5rem;
    background: url(/m/assets/images/main/bg_esg_1.jpg) center / cover no-repeat;
    text-align: center;
}

.main .esg .tit-wrap {
    padding-top: 23.375rem;
}

.main .esg h2 {
    color: #fff;
}

.main .esg h2 + p {
    margin-top: 0.9375rem;
    font-size: 2rem;
    font-weight: 300;
    color: #fff;
}

.main .esg .items {
    display: inline-block;
    margin: 5.625rem 0;
}

.main .esg .items ul li {
    position: relative;
    padding: 3.4375rem 0;
    color: #fff;
}

.main .esg .items ul li::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 5rem;
    height: 0.0625rem;
    background: rgba(255, 255, 255, .4);
    content: "";
    transform: translateX(-50%);
}

.main .esg .items ul li:last-child::after {
    display: none;
}

.main .esg .items ul li strong {
    display: block;
    font-size: 1.75rem;
    line-height: 1;
}

.main .esg .items ul li p {
    margin-top: 1.5625rem;
    font-size: 1.5rem;
    line-height: 2rem;
}

.main .esg .items ul li > div {
    opacity: 0;
    transform: translateY(7.5rem);
}

.main .esg .items ul li:nth-child(1) > div {
    transition: all .7s ease;
}

.main .esg .items ul li:nth-child(2) > div {
    transition: all .7s .2s ease;
}

.main .esg .items ul li:nth-child(3) > div {
    transition: all .7s .4s ease;
}

.main .esg .items.active ul li > div {
    opacity: 1;
    transform: translateY(0);
}

.main .esg .items.active ul li > div {
    opacity: 1;
    transform: translateY(0);
}

.main .esg .btn-more {
    display: inline-block;
    width: 15.625rem;
    border: 1px solid #fff;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    line-height: 4.875rem;
    box-sizing: border-box;
}

.main .esg .btn-more i {
    display: inline-block;
    width: 0.6875rem;
    height: 1rem;
    margin-left: 1.25rem;
    background: url(../images/common/ico_arw01_right_white.png) center / 100% auto no-repeat;
    vertical-align: middle;
}

.main .newsroom {
    margin-top: 5rem;
}

/* funds */
.aum-state {
    position: relative;
    z-index: 10;
    padding: 4.6875rem 0;
    margin-bottom: 5.625rem;
    background: #1e336a;
    text-align: center;
}

.aum-state ul {
    color: #fff;
}

.aum-state ul li {
    position: relative;
    padding-top: 5rem;
    margin-top: 5rem;
}

.aum-state ul li::after {
    position: absolute;
    top: 0;
    left: 50%;
    width: 5rem;
    height: 0.125rem;
    background: rgba(255, 255, 255, 0.4);
    content: "";
    transform: translateX(-50%);
}

.aum-state ul li:first-child::after {
    display: none;
}

.aum-state ul li:first-child {
    padding-top: 0;
    margin-top: 0;
}

.aum-state ul li:nth-child(1) p {
    padding-right: 2.5rem;
}

.aum-state h5 {
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 1;
    ;}

.aum-state p {
    margin-top: 1.5625rem;
    font-size: 2.125rem;
}

.aum-state p strong {
    font-size: 5rem;
    font-weight: 700;
    line-height: 1;
}

.aum-state span {
    display: inline-block;
    margin-top: 1.5625rem;
}

.aum-state #stateCount1 {
    display: inline-block;
    width: 6.25rem;
    text-align: right;
}

.aum-state #stateCount2 {
    display: inline-block;
    width: 14rem;
    text-align: center;
}

.aum-mng-chart {
    position: relative;
    width: 100%;
    height: 31.3125rem;
    margin: 7.5rem auto 8.125rem;
    background: url(../images/funds/bg_chart_mng.png?v=1) center top / 40rem auto no-repeat;
}

.aum-mng-chart .box {
    display: flex;
    position: absolute;
    bottom: 0.5625rem;
    left: 50%;
    justify-content: center;
    width: 100%;
    height: 30.5rem;
    transform: translate(-50%);
}

.aum-mng-chart .box li {
    position: relative;
    width: 2.5rem;
    height: 100%;
    margin: 0 0.9375rem;
}

.aum-mng-chart .item {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.aum-mng-chart .item .figure {
    position: relative;
    left: 50%;
    margin-bottom: 0.75rem;
    width: 10rem;
    line-height: 1.875rem;
    opacity: 0;
    transform: translateX(-50%);
    transition: opacity 0.6s 0.5s ease;
}

.aum-mng-chart .item .figure span {
    display: block;
}

.aum-mng-chart .item .figure span.val1 {
    display: block;
    font-size: 1.25rem;
    font-weight: 600;
    color: #182d65;
}

.aum-mng-chart .item .figure span.val2 {
    display: block;
    font-size: 1.25rem;
    font-weight: 600;
    color: #a17a60;
}

.aum-mng-chart .item .bar {
    height: 0;
    background: #003b7f;
    box-shadow: 0.625rem 0.625rem 0.875rem rgba(0, 0, 0, .15);
    transition: height .6s ease;
}

.aum-mng-chart .item .point {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 10;
    opacity: 0;
}

.aum-mng-chart .item .point::after {
    position: absolute;
    top: 0;
    left: 50%;
    width: 0.625rem;
    height: 0.625rem;
    border: 0.25rem solid #a0775b;
    border-radius: 100%;
    background: #fff;
    transform: translate(-50%, -50%);
    content: "";
}

.aum-mng-chart .item .point span {
    position: absolute;
    top: -0.125rem;
    left: 0;
    width: 0;
    height: 0.25rem;
    background: #a0775b;
    transform: rotate(0);
    transform-origin: left;
}

.aum-mng-chart .item .tit {
    position: absolute;
    bottom: -2.3125rem;
    left: 50%;
    width: 150%;
    font-size: 1.25rem;
    line-height: 1;
    transform: translateX(-50%);
}

.aum-mng-chart.on .item .figure {
    opacity: 1;
}

.aum-mng-chart.on .item .point {
    opacity: 1;
    transition: opacity 1s .5s;
}

.aum-mng-chart .box li:nth-child(1) .bar {
    background: #adbfd3;
}

.aum-mng-chart .box li:nth-child(2) .bar {
    background: #95acc8;
}

.aum-mng-chart .box li:nth-child(3) .bar {
    background: #7c99bb;
}

.aum-mng-chart .box li:nth-child(4) .bar {
    background: #3b689c;
}

.aum-mng-chart .box li:nth-child(5) .bar {
    background: #4a73a3;
}

.aum-mng-chart .box li:nth-child(6) .bar {
    background: #326197;
}

.aum-mng-chart .box li:nth-child(7) .bar {
    background: #184e8b;
}

.aum-mng-chart .box li:nth-child(8) .bar {
    background: #003b7f;
}

.aum-mng-chart .legend {
    position: absolute;
    bottom: -8.4375rem;
    left: 50%;
    width: 100%;
    text-align: center;
    transform: translateX(-50%);
}

.aum-mng-chart .legend ul {
    display: inline-block;
}

.aum-mng-chart .legend li {
    float: left;
    margin: 0 1.25rem;
    font-size: 1.125rem;
    font-weight: 700;
    color: #111;
    line-height: 1.875rem;
}

.aum-mng-chart .legend li:nth-child(1) {
    padding-left: 3.125rem;
    background: url(../images/funds/ico_mng_chart01.png) left / 1.875rem auto no-repeat;
}

.aum-mng-chart .legend li:nth-child(2) {
    padding-left: 3.4375rem;
    background: url(../images/funds/ico_mng_chart02.png) left / 2.875rem auto no-repeat;
}

.aum-state-chart {
    position: relative;
    width: 100%;
    height: 26.3125rem;
    margin: 0 auto 2.8125rem;
    background: url(../images/funds/bg_chart_state.png) center top / 40rem auto no-repeat;
}

.aum-state-chart .box {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    justify-content: center;
    width: 100%;
    height: 45rem;
}

.aum-state-chart .box li {
    position: relative;
    width: 7.5rem;
    height: 100%;
    margin: 0 3.125rem;
}

.aum-state-chart .item {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.aum-state-chart .item .figure {
    position: relative;
    left: 50%;
    margin-bottom: 1.5625rem;
    width: 11.25rem;
    line-height: 1.875rem;
    opacity: 0;
    transform: translateX(-50%);
    transition: opacity 0.6s 0.5s ease;
}

.aum-state-chart .item .figure strong {
    display: block;
    font-size: 3.125rem;
    color: #182d65;
    line-height: 2.5rem;
}

.aum-state-chart .item .figure strong span {
    font-size: 1.5rem;
}

.aum-state-chart .item .figure .per {
    display: block;
    margin-top: -5px;
    font-size: 1.5rem;
}

.aum-state-chart .item .bar {
    height: 0;
    background: #003b7f;
    box-shadow: 0.625rem 0.625rem 0.875rem rgba(0, 0, 0, .15);
    transition: height .6s ease;
}

.aum-state-chart .item .tit {
    position: absolute;
    bottom: -3.125rem;
    left: 0;
    width: 100%;
    font-size: 1.5rem;
    line-height: 1;
}

.aum-state-chart .box li:nth-child(1) .bar {
    background: #003b7f;
}

.aum-state-chart .box li:nth-child(2) .bar {
    background: #1757a0;
}

.aum-state-chart .box li:nth-child(3) .bar {
    background: #006399;
}

.aum-state-chart.on .item .figure {
    opacity: 1;
}

.aum-risk-chart {
    padding-bottom: 3.4375rem;
}

.aum-risk-chart > ul > li {
    position: relative;
    padding: 0 13.75rem;
    margin-top: 8.125rem;
}

.aum-risk-chart > ul > li:first-child {
    margin-top: 0;
}

.aum-risk-chart > ul > li:nth-child(2) canvas {
    transform: rotate(-122deg);
}

.aum-risk-chart canvas {
    width: 100% !important;
}

.aum-risk-chart .per {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    justify-content: center;
    align-items: center;
    width: 12.5rem;
    height: 12.5rem;
    border-radius: 100%;
    background: #fff;
    transform: translate(-50%, -50%);
    font-size: 3.125rem;
    font-weight: 700;
    color: #182d65;
}

.aum-risk-chart .per span {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    vertical-align: baseline;
}

.aum-risk-chart figcaption {
    position: absolute;
    bottom: -3.75rem;
    left: 0;
    width: 100%;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
}

.aum-sectors-chart {
    position: relative;
    width: 40rem;
    height: 61.25rem;
    margin: 0 auto;
}

.aum-sectors-chart .item {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    opacity: 0;
    transform: scale(0);
}

.aum-sectors-chart .item p {
    position: relative;
    padding-top: 0.3125rem;
    z-index: 10;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 1;
}

.aum-sectors-chart .item p span {
    display: block;
}

.aum-sectors-chart.on .item {
    opacity: 1;
    transform: scale(1);
}

.aum-sectors-chart .item1{position: absolute; top:0rem; left:0.625rem; width:21.875rem; height:21.875rem;  background: #003b7f;}
.aum-sectors-chart .item2{position: absolute; top:20.375rem; left:16.1875rem; width:12rem; height:12rem;  background: #1757a0;}
.aum-sectors-chart .item3{position: absolute; top:29.375rem; left:1.1875rem; width:19.875rem; height:19.875rem; background: #006399;}
.aum-sectors-chart .item4{position: absolute; top:22.875rem; left:4rem; width:5.625rem; height:5.625rem; background: #4985ca;}
.aum-sectors-chart .item5{position: absolute; top:41.125rem; left:22.1875rem; width:7.375rem; height:7.375rem; background: #7ac7f3;}
.aum-sectors-chart .item6{position: absolute; top:11.5625rem; left:23.125rem; width:8.75rem; height:8.75rem; background: #7282e4;}
.aum-sectors-chart .item7{position: absolute; top:21rem; left:30.0625rem; width:7.5rem; height:7.5rem; background: #8979c4;}
.aum-sectors-chart .item8{position: absolute; top:43.8rem; left:33.4375rem; width:5.625rem; height:5.625rem; background: #c19bdb;}
.aum-sectors-chart .item9{position: absolute; top:30rem; left:26.625rem; width:9.125rem; height:9.125rem; background: #a7bae7;}
.aum-sectors-chart .item10{position: absolute; top:40.9375rem; left:31.8125rem; width:7rem; height:7rem; background: #888;}
.aum-sectors-chart .item11{position: absolute; top:0.0625rem; left:25.8125rem; width:10rem; height:10rem; background: #728238;}
.aum-sectors-chart .item12{position: absolute; top:58.9375rem; left:17.8125rem; width:6rem; height:6rem; background: #5e0099;}

.aum-sectors-chart .fs-type1 p {
    font-size: 1.5rem;
}

.aum-sectors-chart .fs-type1 p span {
    margin-bottom: 0.625rem;
    line-height: 1.875rem;
}

.aum-sectors-chart .fs-type1 p strong {
    font-size: 3.125rem;
}

.aum-sectors-chart .fs-type2 p {
    font-size: 1.5rem;
}

.aum-sectors-chart .fs-type2 p span {
    margin-bottom: 0.1875rem;
}

.aum-sectors-chart .fs-type2 p strong {
    font-size: 2.125rem;
}

.aum-sectors-chart .fs-type3::after {
    position: absolute;
    top: -0.9375rem;
    left: 50%;
    width: 0.0625rem;
    height: 1.25rem;
    background: #c19bdb;
    content: "";
}

.aum-sectors-chart .fs-type3 p {
    font-size: 1.5rem;
}

.aum-sectors-chart .fs-type3 p span {
    position: absolute;
    top: -4.625rem;
    left: 50%;
    width: 11.25rem;
    color: #c19bdb;
    transform: translateX(-50%);
}

.aum-sectors-chart .fs-type3 p strong {
    font-size: 2.125rem;
}

.aum-sectors-chart .fs-type4::after {
    position: absolute;
    bottom: -2.1875rem;
    left: 2.8125rem;
    width: 0.0625rem;
    height: 2.5rem;
    background: #a7bae7;
    content: "";
    transform: rotate(-24deg);
}

.aum-sectors-chart .fs-type4 p {
    position: absolute;
    left: -3.4375rem;
    top: 5.3125rem;
    width: 12.5rem;
    font-size: 1.5rem;
    color: #a7bae7;
}

.aum-sectors-chart .fs-type4 p span {
    line-height: 1.875rem;
}

.aum-sectors-chart .fs-type4 p strong {
    font-size: 2.125rem;
}

.aum-sectors-chart .fs-type5::after {
    position: absolute;
    bottom: -1.1875rem;
    left: 2.9375rem;
    width: 0.0625rem;
    height: 1.5rem;
    background: #888;
    content: "";
    transform: rotate(24deg);
}

.aum-sectors-chart .fs-type5 p {
    font-size: 1.5rem;
}

.aum-sectors-chart .fs-type5 p span {
    position: absolute;
    top: 6.5625rem;
    left: 1.5625rem;
    width: 11.25rem;
    color: #888;
    transform: translateX(-50%);
}

.aum-sectors-chart .fs-type5 p strong {
    font-size: 2.125rem;
}

.aum-sectors-chart.on .item1 {
    transition: 1s 0.1s ease;
}

.aum-sectors-chart.on .item2 {
    transition: 1s 0.15s ease;
}

.aum-sectors-chart.on .item3 {
    transition: 1s 0.2s ease;
}

.aum-sectors-chart.on .item4 {
    transition: 1s 0.25s ease;
}

.aum-sectors-chart.on .item5 {
    transition: 1s 0.3s ease;
}

.aum-sectors-chart.on .item6 {
    transition: 1s 0.35s ease;
}

.aum-sectors-chart.on .item7 {
    transition: 1s 0.4s ease;
}

.aum-sectors-chart.on .item8 {
    transition: 1s 0.45s ease;
}

.aum-sectors-chart.on .item9 {
    transition: 1s 0.55s ease;
}

.aum-sectors-chart.on .item10 {
    transition: 1s 0.5s ease;
}

.aum-sectors-chart.on .item11 {
    transition: 1s 0.6s ease;
}

.aum-sectors-chart.on .item12 {
    transition: 1s 0.65s ease;
}

.aum-region-chart {
    padding: 0 10.625rem;
    margin-top: 4.375rem;
    text-align: center;
}

.aum-region-chart .legend {
    position: relative;
    left: 50%;
    width: 28.125rem;
    transform: translateX(-50%);
}

.aum-region-chart .legend ul {
    display: flex;
}

.aum-region-chart .legend ul li {
    width: 10.625rem;
    margin: 5rem 1.875rem 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #111;
    line-height: 1.875rem;
}

.aum-region-chart .legend ul li::before {
    display: inline-block;
    width: 1.875rem;
    height: 1.875rem;
    margin-right: 1.25rem;
    background: #003b7f;
    content: "";
    vertical-align: top;
}

.aum-region-chart .legend ul li:nth-child(1):before {
    background: #003b7f;
}

.aum-region-chart .legend ul li:nth-child(2):before {
    background: #7ac7f3;
}

.decision-proc1 {
    background-image: url(../images/funds/bg_decision.jpg);
}

.decision-proc2 {
    text-align: center;
}

.decision-proc2 > ul {
    display: inline-block;
}

.decision-proc2 > ul > li {
    position: relative;
    width: 17rem;
    margin-bottom: 2.875rem;
}

.decision-proc2 > ul > li:last-child {
    margin-bottom: 0;
}

.decision-proc2 > ul > li .type1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15rem;
    height: 6.25rem;
    margin: 0 auto;
    border-radius: 3.125rem;
    background: #e5e5e5;
    font-size: 1.375rem;
    font-weight: 700;
    color: #003d7e;
    line-height: 1.625rem;
}

.decision-proc2 > ul > li::after {
    position: absolute;
    bottom: -2rem;
    left: 50%;
    width: 2rem;
    height: 1.0625rem;
    background: url(../images/common/ico_arw03_bottom_gray.png) center / 100% auto no-repeat;
    content: "";
    transform: translateX(-50%);
}

.decision-proc2 > ul > li:last-child::after {
    display: none;
}

.decision-proc2 > ul > li .type2 {
    position: relative;
    width: 17rem;
    height: 8.3125rem;
    padding: 1.0313rem 1rem;
    background: url(../images/funds/tool_dot01.png) center / 100% auto no-repeat;
    box-sizing: border-box;
}

.decision-proc2 > ul > li .type2 > span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15rem;
    height: 6.25rem;
    background: #1d336a;
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
    line-height: 2rem;
    box-shadow: 0.625rem 0.625rem 0.875rem rgba(0,0,0,0.15);
}

.decision-proc2 > ul > li .type3 .tit {
    width: 8.75rem;
    height: 7.5rem;
    background: #1757a0;
    box-shadow: 0.625rem 0.625rem 0.875rem rgba(0,0,0,0.15);
}

.decision-proc2 > ul > li .type3 .tit strong {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 1.625rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.875rem;
}

.decision-proc2 > ul > li .type3 .tit span {
    display: block;
    margin-top: 0.625rem;
    font-size: 1.125rem;
    line-height: 1.25rem;
    color: #1757a0;
}

.decision-proc2 > ul > li .type3 ul {
    margin-top: 1.5625rem;
}

.decision-proc2 > ul > li .type3 ul li {
    margin-top: 0.625rem;
    font-size: 1.1875rem;
    line-height: 1.75rem;
    text-align: left;
}

.decision-proc2 > ul > li .type3 ul li:first-child {
    margin-top: 0;
}

.decision-proc2 > ul > li .type3 .line {
    position: absolute;
    top: -1.25rem;
    width: 2.9375rem;
    height: 5.1875rem;
    background: url(../images/funds/ico_arw_both.png) left bottom / 2.9375rem auto no-repeat;
    font-size: 1.25rem;
    font-weight: 700;
    color: #888;
    line-height: 1.625rem;
}

.decision-proc2 > ul > li .type3.add1 {
    position: absolute;
    top: 4.375rem;
    left: -11.5rem;
}

.decision-proc2 > ul > li .type3.add1 .line {
    right: -3.125rem;
    width: 6.25rem;
    text-align: right;
}

.decision-proc2 > ul > li .type3.add1 .line::after {
    position: absolute;
    left: 1.4375rem;
    top: 0.125rem;
    width: 0.125rem;
    height: 4.1875rem;
    background: #d5d5d5;
    content: "";
}

.decision-proc2 > ul > li .type3.add1 .line span {
    position: absolute;
    left: -3.4375rem;
    top: -3.4375rem;
}

.decision-proc2 > ul > li .type3.add2 {
    position: absolute;
    top: 4.375rem;
    right: -11.5rem;
}

.decision-proc2 > ul > li .type3.add2 .line {
    left: -3.4375rem;
}

.decision-proc2 > ul > li .type3.add2 .line::after {
    position: absolute;
    left: 1.4375rem;
    top: 0.125rem;
    width: 0.125rem;
    height: 4.1875rem;
    background: #d5d5d5;
    content: "";
}

.decision-proc2 > ul > li .type3.add2 .line span {
    position: absolute;
    left: 0.3125rem;
    top: -3.4375rem;
    width: 6.25rem;
    text-align: left;
}

.decision-proc2 > ul > li .type3.add2 ul {
    margin-top: 5.9375rem;
}

.decision-proc2 > ul > li .type3.add3 {
    position: absolute;
    top: 1.25rem;
    right: -11.5rem;
}

.decision-proc2 > ul > li .type3.add3 .line {
    left: -3.4375rem;
}

.decision-proc2 > ul > li .type3.add3 .line::after {
    position: absolute;
    left: 1.4375rem;
    top: 4.5rem;
    width: 0.125rem;
    height: 21.875rem;
    background: #d5d5d5;
    content: "";
}

.decision-proc2 > ul > li .type3.add3 .line span {
    position: absolute;
    left: 50%;
    top: 26.875rem;
    width: 9.375rem;
    transform: translateX(-50%);
}

.decision-proc2 > ul > li .type3.add3 ul {
    margin-top: 5.9375rem;
}

.risk-proc {
    margin-top: 4.375rem;
    background-image: url(../images/funds/bg_risk_proc.jpg);
    background-size: 100% auto;
}

.management-proc1 {
    display: flex;
    position: relative;
    justify-content: flex-end;
    width: 100%;
    height: 89.25rem;
    margin: 5rem auto 0;
    background: url(../images/funds/bg_management_proc.png) center bottom / 100% auto no-repeat;
}

.management-proc1 .list {
    width: 18.4375rem;
    margin-right: 2.5rem;
}

.management-proc1 .list > li > ul > li {
    position: relative;
    margin-bottom: 3.625rem;
}

.management-proc1 .list > li > ul > li:nth-child(1)::after {
    position: absolute;
    bottom: -2.375rem;
    left: 50%;
    width: 2rem;
    height: 1.0625rem;
    background: url(../images/common/ico_arw03_bottom_blue.png) center / 100% auto no-repeat;
    transform: translateX(-50%);
    content: "";
}

.management-proc1 .list > li > ul > li:nth-child(2)::after {
    position: absolute;
    bottom: -2.375rem;
    left: 50%;
    width: 2rem;
    height: 1.0625rem;
    background: url(../images/common/ico_arw03_bottom_gray.png) center / 100% auto no-repeat;
    transform: translateX(-50%);
    content: "";
}

.management-proc1 .list > li > ul > li:nth-child(3)::after {
    position: absolute;
    top: -2.375rem;
    left: 50%;
    width: 2rem;
    height: 1.0625rem;
    background: url(../images/common/ico_arw03_top_blue.png) center / 100% auto no-repeat;
    ; transform: translateX(-50%);
    content: "";
}

.management-proc1 .list > li:nth-child(2) > ul > li:nth-child(2)::after {
    display: none;
}

.management-proc1 .list > li:nth-child(2) > ul > li:nth-child(2) .txt {
    height: 12.5rem;
}

.management-proc1 .list > li > ul > li .type1 .tit {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 7.5rem;
    margin: 0 auto;
    background: #1757a0;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2rem;
    color: #fff;
    text-align: center;
    box-shadow: 0.625rem 0.625rem 0.875rem rgba(0,0,0,0.15);
}

.management-proc1 .list > li > ul > li .type1 .tit span {
    display: block;
    font-size: 1.125rem;
    font-weight: 400;
    color: #d5d5d5;
    line-height: 1.375rem;
}

.management-proc1 .list > li > ul > li .type1 .txt {
    width: 100%;
    padding: 0.9375rem 0 0.9375rem 1.875rem;
    box-sizing: border-box;
}

.management-proc1 .list > li > ul > li .type1 .txt li {
    font-size: 1.1875rem;
    line-height: 1.75rem;
}

.management-proc1 .list > li > ul > li .type2 .tit {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 6.25rem;
    margin: 0 auto;
    background: #1d336a;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    box-shadow: 0.625rem 0.625rem 0.875rem rgba(0,0,0,0.15);
}

.management-proc1 .list > li > ul > li .type2 .txt {
    width: 100%;
    height: auto;
    padding: 0.9375rem 0 0.9375rem 1.25rem;
    border: 1px solid #1d336a;
    border-top: 0;
    box-sizing: border-box;
}

.management-proc1 .list > li > ul > li .type2 .txt li {
    font-size: 1.1875rem;
    line-height: 1.75rem;
}

.management-proc1 .list > li > ul > li .type3 {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 15.875rem;
    height: 18.75rem;
    border: 1px solid #e5e5e5;
    background: #f8f8f8;
    box-sizing: border-box;
}

.management-proc1 .list > li > ul > li .type3 ul {
    width: 15rem;
    margin: 0 auto;
}

.management-proc1 .list > li > ul > li .type3 ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 4rem;
    margin-bottom: 1.25rem;
    background: #e5e5e5;
    border-radius: 1.875rem;
    font-size: 1.375rem;
    font-weight: 700;
    color: #1d336a;
    text-align: center;
    line-height: 1.5rem;
}

.management-proc1 .list > li > ul > li .type3 ul li:last-child {
    margin-bottom: 0;
}

.management-proc1 .list > li > ul > li .type3.add1 {
    left: -19.125rem;
}

.management-proc1 .list > li > ul > li .type3.add1::after {
    position: absolute;
    top: 50%;
    right: -2.1875rem;
    width: 1.0625rem;
    height: 2rem;
    background: url(../images/common/ico_arw03_right_gray.png) center / 100% auto no-repeat;
    transform: translateY(-50%);
    content: "";
}

.management-proc1 .list > li > ul > li .type3.add2 {
    left: -19.125rem;
    border-color: #1d336a;
}

.management-proc1 .list > li > ul > li .type3.add2 li {
    background: #1d336a;
    color: #fff;
}

.management-proc2 {
    margin-top: 4.6875rem;
    background: url(../images/funds/bg_management_proc02.png) center 20.9375rem / 1.625rem auto no-repeat;
}

.management-proc2 > div {
    display: flex;
    justify-content: space-between;
}

.management-proc2 .item {
    width: 18.375rem;
    box-sizing: border-box;
}

.management-proc2 .item1 {
    padding-right: 1.875rem;
}

.management-proc2 .item1 h5 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15.9375rem;
    height: 15.9375rem;
    margin: 0 auto;
    border-radius: 100%;
    background: rgba(23, 87, 160, .8);
    font-size: 2.125rem;
    font-weight: 700;
    color: #fff;
}

.management-proc2 .item1 ul {
    margin-top: 5rem;
}

.management-proc2 .item1 ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 8.75rem;
    margin-top: 1.875rem;
    font-size: 1.75rem;
    font-weight: 700;
    color: #1d336a;
    text-align: center;
    line-height: 2rem;
}

.management-proc2 .item1 ul li:first-child {
    margin-top: 0;
}

.management-proc2 .item1 ul li:nth-child(2) {
    height: 30rem;
}

.management-proc2 .item1 ul li span {
    display: inline-block;
    padding: 0 0.1875rem;
    margin-top: 10px;
    background: #1d336a;
    color: #fff;
    line-height: 2.1875rem;
}

.management-proc2 .item2 h5 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15.9375rem;
    height: 15.9375rem;
    margin: 0 auto;
    border-radius: 100%;
    background: #1d336a;
    font-size: 2.125rem;
    font-weight: 700;
    color: #fff;
}

.management-proc2 .item2 ul {
    margin-top: 5rem;
}

.management-proc2 .item2 ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 8.75rem;
    margin-top: 1.875rem;
    border-radius: 4.375rem;
    background: #e5e5e5;
    font-size: 1.75rem;
    font-weight: 700;
    text-align: center;
}

.management-proc2 .item2 ul li:first-child {
    margin-top: 0;
}

.compliance-process1 {
    margin-top: 4.6875rem;
}

.compliance-process2 {
    width: 100%;
    margin: 4.375rem auto 0;
}

.compliance-process2 .list > li {
    position: relative;
    margin-bottom: 8.125rem;
}

.compliance-process2 .list > li::after {
    position: absolute;
    bottom: -5.3125rem;
    left: 50%;
    width: 3.5rem;
    height: 1.875rem;
    background: url(../images/common/ico_arw04_bottom_blue.png) center / 100% auto no-repeat;
    transform: translateX(-50%);
    content: "";
}

.compliance-process2 .list > li:last-child {
    margin-bottom: 0;
}

.compliance-process2 .list > li:last-child::after {
    display: none;
}

.compliance-process2 .list > li > .type1 {
    width: 40.0625rem;
    height: 14rem;
    padding: 1.375rem;
    margin: 0 auto;
    background: url(../images/funds/tool_dot03.png) center / 100% auto no-repeat;
    box-sizing: border-box;
}

.compliance-process2 .list > li > .type1 > div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border: 1px solid #1d336a;
    border-radius: 6.25rem;
    font-size: 2.125rem;
    font-weight: 700;
    color: #1d336a;
    text-align: center;
    box-shadow: 0.625rem 0.625rem 0.625rem rgba(0, 0, 0, 0.1);
}

.compliance-process2 .list > li > ul {
    padding: 3.125rem 0 3.125rem 3.125rem;
    border: 1px solid #e5e5e5;
}

.compliance-process2 .list > li > ul > li {
    position: relative;
    margin-top: 7.5rem;
}

.compliance-process2 .list > li > ul > li::after {
    position: absolute;
    bottom: -4.375rem;
    left: 50%;
    width: 3.5rem;
    height: 1.875rem;
    background: url(../images/common/ico_arw04_bottom_blue.png) center / 100% auto no-repeat;
    transform: translateX(-50%);
    content: "";
}

.compliance-process2 .list > li > ul > li:last-child::after {
    display: none;
}

.compliance-process2 .list > li > ul > li:first-child {
    margin-top: 0;
}

.compliance-process2 .list > li > ul > li .type2 {
    position: relative;
    height: 100%;
}

.compliance-process2 .list > li > ul > li .type2 .tit {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33.75rem;
    height: 7.5rem;
    background: #1d336a;
    font-size: 2.125rem;
    font-weight: 700;
    color: #fff;
    line-height: 2.5rem;
    text-align: center;
}

.compliance-process2 .list > li > ul > li .type2 .txt {
    position: relative;
    height: calc(100% - 7.5rem);
    padding-top: 2.8125rem;
    box-sizing: border-box;
}

.compliance-process2 .list > li > ul > li .type2 .txt ul {
    position: relative;
}

.compliance-process2 .list > li > ul > li:last-child .type2::after {
    display: none;
}

.blind-desc-proc {
    padding: 4.0625rem 2.5rem;
    margin-top: 4.6875rem;
    border: 1px solid #e5e5e5;
}

.blind-desc-proc .item h5 {
    display: block;
    margin-bottom: 3.4375rem;
    font-size: 2.125rem;
    font-weight: 700;
    text-align: center;
}

.blind-desc-proc .item ol {
    display: flex;
}

.blind-desc-proc .item ol li {
    margin-right: 2rem;
}

.blind-desc-proc .item ol li > div {
    position: relative;
    width: 10.3125rem;
    height: 10.3125rem;
    border-radius: 100%;
    text-align: center;
}

.blind-desc-proc .item ol li > div::after {
    position: absolute;
    top: 50%;
    right: -1.375rem;
    width: 0.75rem;
    height: 1.375rem;
    background: url(../images/common/ico_arw03_right_gray02.png) center / 100% auto no-repeat;
    transform: translateY(-50%);
    content: "";
}

.blind-desc-proc .item ol li span {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    margin-top: 1.25rem;
    border-radius: 100%;
    background: #888;
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 2.5rem;
}

.blind-desc-proc .item ol li strong {
    display: block;
    margin-top: 1.25rem;
    font-size: 1.375rem;
    text-align: center;
}

.blind-desc-proc .item ol li:last-child {
    margin-right: 0;
}

.blind-desc-proc .item ol li:last-child > div::after {
    display: none;
}

.blind-desc-proc .item ol li:nth-child(1) > div {
    background: url(../images/funds/ico_blind_desc_item1_1.png) center 4.75rem / 4rem auto no-repeat #f8f8f8;
}

.blind-desc-proc .item ol li:nth-child(2) > div {
    background: url(../images/funds/ico_blind_desc_item1_2.png) center 4.75rem / 3.875rem auto no-repeat #f8f8f8;
}

.blind-desc-proc .item ol li:nth-child(3) > div {
    background: url(../images/funds/ico_blind_desc_item1_3.png) center 4.75rem / 4rem auto no-repeat #f8f8f8;
}

.blind-desc-proc .item2 {
    padding-top: 3.75rem;
    margin-top: 4.6875rem;
    background: url(../images/common/line_dot.png) repeat-x;
}

.blind-desc-proc .item2 h5 {
    color: #1d336a;
}

.blind-desc-proc .item2 ol li span {
    background: #fff;
    color: #1d336a;
}

.blind-desc-proc .item2 ol li strong {
    color: #1d336a;
}

.blind-desc-proc .item2 ol li::after {
    background-image: url(../images/common/ico_arw03_right_blue.png);
}

.blind-desc-proc .item2 ol li:nth-child(1) > div {
    background: url(../images/funds/ico_blind_desc_item2_1.png) center 4.75rem / 3.9375rem auto no-repeat #1d336a;
}

.blind-desc-proc .item2 ol li:nth-child(2) > div {
    background: url(../images/funds/ico_blind_desc_item2_2.png) center 4.75rem / 4rem auto no-repeat #1d336a;
}

.blind-desc-proc .item2 ol li:nth-child(3) > div {
    background: url(../images/funds/ico_blind_desc_item2_3.png) center 4.75rem / 4.0625rem auto no-repeat #1d336a;
}

.blind-desc-adv {
    margin: 5rem auto 0;
    border-top: 0.25rem solid #111;
    border-bottom: 0.25rem solid #111;
}

.blind-desc-adv li {
    padding: 3.125rem 0 3.125rem;
    border-top: 1px solid #eee;
}

.blind-desc-adv li:first-child {
    border-top: 0;
}

.blind-desc-adv dl {
    display: flex;
    flex-wrap: wrap;
}

.blind-desc-adv dt {
    width: 13.125rem;
    margin-top: 0.625rem;
    padding-right: 2.5rem;
    font-size: 2.125rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    box-sizing: border-box;
}

.blind-desc-adv dd {
    width: calc(100% - 13.125rem);
    line-height: 2.5rem;
}

.blind-desc-dia {
    position: relative;
    height: 52.5rem;
    margin: 16.25rem auto 0;
    background: url(../images/funds/bg_blind_desc_dia.png) center top / 100% auto no-repeat;
}

.blind-desc-dia h5 {
    display: block;
    position: absolute;
    top: 12.75rem;
    left: 50%;
    width: 16.9375rem;
    padding: 1rem;
    background: url(../images/funds/tool_dot02.png) center / 100% auto no-repeat;
    box-sizing: border-box;
    transform: translateX(-50%);
}

.blind-desc-dia h5 span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15rem;
    height: 15rem;
    margin: 0 auto;
    border-radius: 100%;
    background: #1d336a;
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 2.5rem;
    box-shadow: 0.625rem 0.625rem 0.875rem rgba(0,0,0,0.15);
}

.blind-desc-dia ul.list > li h6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15rem;
    height: 6.25rem;
    background: #1757a0;
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
    line-height: 2rem;
    text-align: center;
}

.blind-desc-dia ul.list > li ul {
    padding: 0.9375rem 0 0 1.5625rem;
}

.blind-desc-dia ul.list > li ul li {
    font-size: 1.375rem;
    line-height: 2.375rem;
}

.blind-desc-dia ul.list > li:nth-child(1) {
    position: absolute;
    top: 0;
    left: 0;
}

.blind-desc-dia ul.list > li:nth-child(2) {
    position: absolute;
    top: 0;
    right: 0;
}

.blind-desc-dia ul.list > li:nth-child(3) {
    position: absolute;
    top: 36.25rem;
    left: 0;
}

.blind-desc-dia ul.list > li:nth-child(4) {
    position: absolute;
    top: 36.25rem;
    right: 0;
}

/* esg */
.esg-vision {
    background: url(../images/esg/bg_vision.jpg) center top / 100% auto no-repeat;
}

.esg-vision.goals {
    background-image: url(../images/esg/bg_vision2.jpg)
}

.esg-vision .tit-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20.9375rem;
}

.esg-vision .tit-wrap h4 {
    color: #fff;
    opacity: 0;
    transform: translateY(120px);
    transition: all .7s ease;
}

.esg-vision .txt {
    padding-top: 3.4375rem;
    ; margin: 0 auto;
    background: #fff;
    text-align: center;
}

.esg-vision .txt p:nth-child(1) {
    opacity: 0;
    transform: translateY(120px);
    transition: all .7s .2s ease;
}

.esg-vision .txt p:nth-child(2) {
    opacity: 0;
    transform: translateY(120px);
    transition: all .7s .4s ease;
}

.esg-vision.active .tit-wrap h4 {
    opacity: 1;
    transform: translateY(0);
}

.esg-vision .txt.active p {
    opacity: 1;
    transform: translateY(0);
}

.esg-committee {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 74.1875rem;
    background: url(../images/esg/bg_committee.jpg) center bottom / cover no-repeat;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
}

.esg-committee h4 {
    margin-bottom: 4.375rem;
    color: #fff;
    opacity: 0;
    transform: translateY(120px);
    transition: all .7s ease;
}

.esg-committee p:nth-child(1) {
    opacity: 0;
    transform: translateY(120px);
    transition: all .7s .2s ease;
}

.esg-committee p:nth-child(2) {
    opacity: 0;
    transform: translateY(120px);
    transition: all .7s .4s ease;
}

.esg-committee.active h4 {
    line-height: 2.5rem;
    opacity: 1;
    transform: translateY(0);
}

.esg-committee.active p {
    opacity: 1;
    transform: translateY(0);
}

.esg-issue {
    margin-top: 4.375rem;
    text-align: center;
}

.esg-issue .list > li {
    position: relative;
    margin-top: 8.75rem;
}

.esg-issue .list > li:first-child {
    margin-top: 0;
}

.esg-issue .list > li::after {
    position: absolute;
    bottom: -5.625rem;
    left: 50%;
    width: 2.5rem;
    height: 2.5rem;
    background: url(../images/common/ico_plus02.png) center / 2.5rem auto no-repeat;
    transform: translateX(-50%);
    content: "";
}

.esg-issue .list > li:last-child::after {
    display: none;
}

.esg-issue .list > li .tit {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 7.5rem;
    background: #1d336a;
    font-size: 2.125rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
}

.esg-issue .list > li .txt {
    position: relative;
    height: calc(100% - 7.5rem);
    padding: 2.5rem 0 2.5rem 2.8125rem;
    border: 1px solid #e5e5e5;
    background: #fff;
    box-sizing: border-box;
}

.esg-issue .list > li .txt h5 {
    margin-bottom: 1.25rem;
    font-size: 1.125rem;
    font-weight: 700;
    color: #1d336a;
}

.esg-issue .list > li .txt ul {
    position: relative;
}
.esg-proc {
    width: 100%;
    margin: 5rem auto 0;
    background: url(../images/esg/bg_proc.png?v=3) center top / 100% auto no-repeat;
}

.esg-proc .esg-organ {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.esg-proc .esg-organ .esg-line1 {
    width: 17.25rem;
    height: 6.25rem;
    background-color: #1757a0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.esg-proc .esg-organ .esg-line1 span {
    font-size: 1.75rem;
    line-height: 1;
    color: #fff;
    font-weight: bold;
}

.esg-proc .esg-organ .esg-line2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10.25rem;
    margin: 2.15rem 0px 2.625rem;
}

.esg-proc .esg-organ .esg-line2 span {
    min-width: 13.125rem;
    font-size: 1.44rem;
    line-height: 2.16rem;
    font-weight: 500;
    color: #111;
    text-align: center;
}

.esg-proc .esg-organ .esg-line-box {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 2.4rem);
}

.esg-proc .esg-organ .esg-line3 {
    display: flex;
    gap: 6.75rem;
    flex-direction: row;
}

.esg-proc .esg-organ .esg-line3>div {
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
    align-items: center;
    width: 100%;
    justify-content: flex-start;
}

.esg-proc .esg-organ .esg-line3>div span:nth-child(1) {
    width: 13.777rem;
    height: calc(6.25rem - 2px);
    border: 1px solid #1757a0;
    font-size: 1.75rem;
    line-height: 1;
    color: #fff;
    font-weight: bold;
    color: #1d336a;
    display: flex;
    align-items: center;
    justify-content: center;
}

.esg-proc .esg-organ .esg-line3>div span:nth-child(2) {
    font-size: 1.44rem;
    line-height: 2.16rem;
    text-align: center;
    color: #111;
    text-align: center;
}

.esg-proc .esg-organ .esg-line4 {
    padding-top: 4.6rem;
    text-align: center;
    flex: 1;
}

.esg-proc .esg-organ .esg-line4 span {
    font-size: 1.2rem;
    line-height: 1.68rem;
}

.esg-proc .esg-organ .esg-line5 {
    display: flex;
    gap: 6.75rem;
    flex-direction: row;
}

.esg-proc .esg-organ .esg-line5>div {
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.esg-proc .esg-organ .esg-line5>div span:nth-child(1) {
    width: 19rem;
    height: calc(6.25rem - 2px);
    border: 1px solid #1757a0;
    font-size: 1.75rem;
    line-height: 1;
    color: #fff;
    font-weight: bold;
    color: #1d336a;
    display: flex;
    align-items: center;
    justify-content: center;
}

.esg-goals table {
    width: 100%;
}

.esg-goals table thead th {
    height: 6.875rem;
    border-left: 1px solid #e5e5e5;
    background: #1d336a;
    font-size: 1.625rem;
    line-height: 2.5rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.esg-goals table thead th:first-child {
    border-left: 0;
}

.esg-goals table tbody th {
    height: 5rem;
    background: #1757a0;
    font-size: 1.875rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.esg-goals table tbody td {
    padding: 1.25rem 1.5625rem;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    background: #fff;
    font-size: 1.625rem;
    line-height: 2.5rem;
}

.esg-goals table tbody td:first-child {
    border-left: 1px solid #e5e5e5;
    text-align: center;
}

.esg-goals table tbody td .mark {
    display: inline-flex;
}

.esg-goals table tbody td .mark li {
    margin-left: 0.9375rem;
}

.esg-goals table tbody td .mark li:first-child {
    margin-left: 0;
}

.esg-goals table tbody td .mark li img {
    width: 2.5rem;
}

.esg-goals-dia {
    position: relative;
    padding: 4.375rem 1.875rem;
    margin: 4.0625rem auto 0;
    border: 1px solid #e5e5e5;
}

.esg-goals-dia h5 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33.1875rem;
    height: 33.4375rem;
    margin: 0 auto 4.6875rem;
    background: url(../images/esg/goals_dia.jpg) center / 100% auto no-repeat;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3.125rem;
    text-align: center;
}

.esg-goals-dia dl + dl {
    margin-top: 4.375rem;
}

.esg-goals-dia dl dt {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 7.25rem;
    background: #1d336a;
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
}

.esg-goals-dia dl dd {
    margin-top: 1.25rem;
    font-size: 1.625rem;
    line-height: 2.5rem;
}

.esg-goals-dia dl.item1 dt {
    background: #1d336a;
}

.esg-goals-dia dl.item2 dt {
    background: #1757a0;
}

.esg-goals-dia dl.item3 dt {
    background: #4985ca;
}
.report-box {
    margin: 5rem 2.5rem 0 !important;
    gap: 3.75rem;
    display: flex;
    flex-direction: column;
}

.report-box .report-left {
    width: 100%;
}

.report-box .report-left img {
    display: block;
    width: 100%;
}

.report-box .report-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 3.75rem;
}

.report-box .report-right .report-info {
    font-size: 1.625rem;
    font-weight: 400;
    color: #111;
    line-height: 2.625rem;
}

.report-box .report-right .btn-wrap {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
    width: 100%;
}

.report-box .report-right .btn-wrap a {
    display: block;
    width: calc(50% - 0.625rem);
    height: 5rem;
    box-sizing: border-box;
    border: 1px solid #111;
    padding: 0px 4.875rem;
    text-align: left;
    line-height: 5rem;
    background: url(../images/esg/report_down.png) 13.5rem/0.875rem no-repeat;
    font-size: 1.625rem;
}

.report-box .report-right .btn-list {
    display: flex;
    border-top: 2px solid #111;
    border-bottom: 1px solid #dddddd;
    box-sizing: border-box;
    padding: 1.875rem 0px 2.5rem 1.875rem;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
}

.report-box .report-right .btn-list a {
    display: block;
    padding-left: 2rem;
    background: url('../images/esg/report_clip.png') left/1.5rem no-repeat;
    font-size: 1.5rem;
    line-height: 3rem;
    font-weight: 500;
    color: #444;
}

.report-late {
    max-width: 100%;
    margin: 7.5rem 2.5rem 10.625rem;
}

.report-late ul {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5rem;
    flex-wrap: wrap;
}

.report-late ul li .report-late-box {
    max-width: 100%;
}

.report-late ul li .report-late-box .report-late-title {
    display: block;
    margin-bottom: 5rem;
    font-size: 2.375rem;
    text-align: center;
    font-weight: bold;
}

.report-late ul li .report-late-box .report-late-img {
    width: 100%;
    display: block;
}

.report-late ul li .report-late-box .report-late-img img {
    display: block;
    width: 100%;
}

.report-late ul li .report-late-box .report-late-btn {
    width: 100%;
    height: 5rem;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-top: 1px solid #eee;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
}

.report-late ul li .report-late-box .report-late-btn::after {
    content: " ";
    width: 1px;
    height: 1.625rem;
    background-color: #ccc;
    position: absolute;
    top: calc(50% - 0.8125rem);
    left: calc(50% - 0.5px);
}

.report-late ul li .report-late-box .report-late-btn a {
    display: block;
    width: 50%;
    height: 100%;
    box-sizing: border-box;
    padding: 0px 5.5rem;
    font-size: 1.5rem;
    color: #111;
    font-weight: 500;
    background: url(../images/esg/report_down.png) 13.5rem/0.875rem no-repeat;
    line-height: 5rem;
}

/* newsroom */
.brand-film {
    position: relative;
}

.brand-film button {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url(../images/common/ico_play.png) center / 5rem auto no-repeat;
    text-indent: -9999em;
}

.brand-film iframe {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.brand-film iframe.on {
    display: block;
}

/* doc */
.doc {
    margin-top: -0.625rem;
    line-height: 3.125rem;
}

.doc h4 {
    display: block;
    margin: 6.25rem 0 3.125rem;
    font-size: 1.875rem;
    font-weight: 700;
}

.doc h4:first-child {
    margin-top: 0;
}

.doc h5 {
    display: block;
    font-size: 1.625rem;
    font-weight: 400;
}

.doc p, .doc li {
    line-height: 3.125rem;
}

.doc p + ul {
    margin-top: 3.125rem;
}

.doc p + h5 {
    margin-top: 3.125rem;
}

.doc ul + p {
    margin-top: 3.125rem;
}

.doc ul + h5 {
    margin-top: 3.125rem;
}

.doc ul + ul {
    margin-top: 3.125rem;
}

/* company */
main .cont.greeting-cont {
    margin-bottom: 0;
    background: url('../images/company/ceo_mo.png') bottom right / 100% no-repeat;
}

.greeting {
    width: 100%;
}

.greeting .greeting-top {
    text-align: center;
    font-size: 1.875rem;
    line-height: 2.75rem;
    font-weight: bold;
    color: #111;
}

.greeting .greeting-flex {
    margin: 5rem auto;
}

.greeting .greeting-flex ul {
    display: flex;
    gap: 1.25rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.greeting .greeting-flex ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 8.375rem;
    background-color: #f8f8f8;
}

.greeting .greeting-flex ul li p {
    color: #111;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: bold;
    text-align: center;
}

.greeting .greeting-flex ul li p span {
    color: #1757a0;
}

.greeting .greeting-text p {
    font-size: 1.625rem;
    line-height: 2.5rem;
    color: #111;
    font-weight: 400;
}

.greeting .greeting-text p.bold {
    font-size: 1.625rem;
    line-height: 2.5rem;
    color: #111111;
    font-weight: bold;
}

.greeting .greeting-text p.bold+p {
    margin: 4rem 0px 0;
    font-size: 1.625rem;
    line-height: 2.5rem;
    color: #111;
    font-weight: 400;
}

.greeting .greeting-text .strength {
    position: relative;
    display: inline-block;
    font-size: 2.5rem;
    line-height: 1;
    font-weight: bold;
    color: #1757a0;
    padding: 0px 0.5rem;
    margin: 5rem 0px 2.5rem;
}

.greeting .greeting-text .strength::before {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 1.25rem;
    bottom: 1px;
    background-color: #e7eef5;
    left: 0;
    z-index: -1;
}

.greeting .sign {
    margin-top: 3.75rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 2rem;
    column-gap: 2.5rem;
    flex-wrap: wrap;
    width: 20rem;
    padding-bottom: 11.625rem;
}

.greeting .sign span {
    font-size: 1.625rem;
    line-height: 1.75rem;
    font-weight: 400;
}

.greeting .sign span.name {
    font-size: 1.75rem;
    line-height: 1.75rem;
    font-weight: bold;
}
.greeting .sign span:nth-child(1){
    flex-basis: 100%;
    text-align: left;
}

.greeting .sign img{
    width: auto;
    max-width: 65px;
}

.history-top {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 31.25rem;
    background: url(../images/company/bg_history.jpg) center / cover no-repeat;
    text-align: center;
}

.history-top h4 {
    font-size: 2.125rem;
    color: #fff;
    line-height: 2.5rem;
    opacity: 0;
    transform: translateY(7.5rem);
    transition: all .7s ease;
}

.history-top strong {
    display: block;
    font-size: 1.75rem;
    color: #fff;
    line-height: 2.5rem;
    opacity: 0;
    transform: translateY(7.5rem);
    transition: all .7s .2s ease;
}

.history-top .active h4 {
    opacity: 1;
    transform: translateY(0);
}

.history-top .active strong {
    opacity: 1;
    transform: translateY(0);
}

.history-list {
    padding-left: 2.5rem;
    /*margin-top: 4.375rem;*/
}

.history-list > ul::after {
    display: block;
    content: "";
    clear: both;
}

.history-list > ul > li {
    position: relative;
    padding-left: 5rem;
    padding-bottom: 4.0625rem;
    clear: both;
    opacity: 0;
    transform: translateY(7.5rem);
    transition: all .7s ease;
}

.history-list > ul > li:last-child {
    padding-bottom: 0;
}

.history-list > ul > li::before {
    position: absolute;
    top: 0;
    left: -0.0625rem;
    width: 0.125rem;
    height: calc(100% + 1.25rem);
    background: #e5e5e5;
    content: "";
}

.history-list > ul > li .ico {
    position: absolute;
    top: -0.3125rem;
    left: -1.25rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
    background: rgba(0, 31, 96, .2);
}

.history-list > ul > li .ico span {
    position: absolute;
    top: 0.625rem;
    left: 0.625rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 100%;
    background: #001f60;
}

.history-list > ul > li .year {
    position: relative;
}

.history-list > ul > li:first-child::before {
    top: 0.625rem;
}

.history-list > ul > li:last-child::before {
    display: none;
}

.history-list > ul > li .year {
    display: block;
    margin-bottom: 0.9375rem;
    font-size: 1.875rem;
    font-weight: 700;
    color: #001f60;
}

.history-list > ul > li .txt p {
    margin-bottom: 0.9375rem;
    font-size: 1.625rem;
    line-height: 2.5rem;
}

.history-list > ul > li .txt li {
    font-size: 1.5rem;
    line-height: 2.5rem;
}

.history-list > ul > li.active {
    opacity: 1;
    transform: translateY(0);
}

.history-work ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20.5rem;
    margin-top: 2.5rem;
    text-align: center;
    color: #fff;
}

.history-work ul li:first-child {
    margin-top: 0;
}

.history-work ul li h4 {
    margin-bottom: 1.5625rem;
    font-size: 1.875rem;
    font-weight: 700;
}

.history-work ul li p {
    font-size: 1.5rem;
    line-height: 2.5rem;
}

.history-work ul li.item1 {
    background: url(../images/company/bg_work1.jpg) center no-repeat;
}

.history-work ul li.item2 {
    background: url(../images/company/bg_work2.jpg) center no-repeat;
}

.history-work ul li.item3 {
    background: url(../images/company/bg_work3.jpg) center no-repeat;
}

.history-work ul li.item4 {
    background: url(../images/company/bg_work4.jpg) center no-repeat;
}

.leadership .item {
    display: none;
}

.leadership .item.on {
    display: block;
}

.organization {
    background: url(../images/company/bg_organization.png?v=8) center top / 100% auto no-repeat;
    text-align: center;
}

.organization > ul {
    display: inline-block;
}

.organization > ul > li {
    position: relative;
    width: 40rem;
    margin-bottom: 3.75rem;
}

.organization > ul > li:nth-child(2) ul > li > .type4 {
    width: 17.5rem;
}

.organization > ul > li:nth-child(2) ul > li > .type6 {
    width: 11.25rem;
}

.organization > ul > li:nth-child(2) ul > li:nth-child(1) {
    position: absolute;
    left: 0;
    top: 12.5rem;
}

.organization > ul > li:nth-child(2) ul > li:nth-child(2) {
    position: absolute;
    right: 0;
    top: 12.5rem;
}

.organization > ul > li:nth-child(2) ul > li:nth-child(3) {
    position: absolute;
    left: 0;
    top: 20rem;
}

.organization > ul > li:nth-child(2) ul > li:nth-child(4) {
    position: absolute;
    right: 0;
    top: 20rem;
}

.organization > ul > li:nth-child(2) {
    margin-bottom: 33.75rem;
}

.organization > ul > li:nth-child(4) > div {
    display: inline-block;
    width: 40rem;
    margin-top: 3.75rem;
}

.organization > ul > li.ceo .list {
    display: inline-block;
    width: 40rem;
    margin-top: 4.0625rem;
}

.organization > ul > li.ceo .list > div {
    display: flex;
    justify-content: space-between;
}

.organization > ul > li.ceo .list li {
    position: relative;
    margin-top: 1.25rem;
}

.organization > ul > li.ceo .list li:first-child {
    margin-top: 0;
}

.organization > ul > li .type1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 17.5rem;
    height: 6.25rem;
    margin: 0 auto;
    background: #1d336a;
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    box-shadow: 0.625rem 0.625rem 0.875rem rgba(0,0,0,0.15);
}

.organization > ul > li .type1 span {
    font-size: 1.125rem;
}

.organization > ul > li .type2 {
    display: inline-block;
    width: 16.9375rem;
    height: 16.9375rem;
    padding: 0.9375rem;
    background: url(../images/funds/tool_dot02.png) center / 100% auto no-repeat;
    box-sizing: border-box;
}

.organization > ul > li .type2 span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15rem;
    height: 15rem;
    margin: 0 auto;
    border-radius: 100%;
    background: #1d336a;
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
    box-shadow: 0.625rem 0.625rem 0.875rem rgba(0,0,0,0.15);
}

.organization > ul > li .type3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 17.5rem;
    height: 6.25rem;
    margin: 0 auto;
    background: #1d336a;
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.875rem;
}

.organization > ul > li .type3 span {
    font-size: 1.125rem;
}

.organization > ul > li .type4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 17.5rem;
    height: 6.25rem;
    margin: 0 auto;
    background: #e5e5e5;
    font-size: 1.75rem;
    font-weight: 700;
    color: #111;
    line-height: 1.875rem;
}

.organization > ul > li .type5 {
    width: 17.5rem;
    height: 100%;
}

.organization > ul > li .type5 .tit {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 6.25rem;
    margin: 0 auto;
    background: #1757a0;
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.875rem;
    box-shadow: 0.625rem 0.625rem 0.875rem rgba(0,0,0,0.15);
}

.organization > ul > li .type5 .txt {
    height: calc(100% - 6.25rem);
    padding: 2.1875rem 0 1.5625rem;
    border: 0.0625rem solid #1d336a;
    border-top: 0;
    background: #fff;
    line-height: 2.5rem;
    box-sizing: border-box;
}

.organization > ul > li .type5 .txt li {
    margin-top: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.875rem;
}

.organization > ul > li .type5 .txt li:first-child {
    margin-top: 0;
}

.organization > ul > li .type6 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 17.5rem;
    height: 5rem;
    margin: 1.25rem auto 0;
    border: 0.125rem solid #ccc;
    font-size: 1.75rem;
    font-weight: 700;
    color: #808080;
    line-height: 1;
    box-sizing: border-box;
}

.organization > ul > li .type6:after {
    position: absolute;
    left: 50%;
    top: -1.375rem;
    width: 0.0625rem;
    height: 1.25rem;
    background: #d5d5d5;
    content: "";
}

.organization > ul > li .type7 {
    position: relative;
    width: 17.8125rem;
    font-size: 1.5rem;
    line-height: 1.875rem;
    text-align: left;
    color: #1d336a;
}

.organization > ul > li .s-dep {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.organization > ul > li .s-dep > li {
    margin-top: 1.875rem;
}

.organization > ul > li .s-dep > li:first-child {
    width: 100%;
    margin-top: 0;
}

.organization>ul>li .s-dep>li:first-child .type5 {
    width: 100%;
}

.organization>ul>li .s-dep>li:first-child .type5 .txt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.organization>ul>li .s-dep>li:first-child .type5 .txt ul {
    position: relative;
    width: 50%;
    border-left: 1px solid #d5d5d5;
    box-sizing: border-box;
}

.organization>ul>li .s-dep>li:first-child .type5 .txt ul:first-child {
    border-left: 0;
}

.organization>ul>li .s-dep>li:first-child .type5 .txt ul:nth-of-type(1),
.organization>ul>li .s-dep>li:first-child .type5 .txt ul:nth-of-type(2) {}

.organization>ul>li .s-dep>li:first-child .type5 .txt ul:nth-of-type(3),
.organization>ul>li .s-dep>li:first-child .type5 .txt ul:nth-of-type(4) {
    padding-top: 2.5rem;
}

.organization>ul>li .s-dep>li:first-child .type5 .txt ul:nth-of-type(3)::after,
.organization>ul>li .s-dep>li:first-child .type5 .txt ul:nth-of-type(4)::after {
    position: absolute;
    left: 50%;
    top: 1.25rem;
    transform: translateX(-50%);
    width: calc(100% - 5.625rem);
    height: 1px;
    background: #d5d5d5;
    content: "";
}

.organization > ul > li .add2 li:nth-of-type(1) {
    position: absolute;
    left: 0;
    top: -11.25rem;
}

.organization > ul > li .add2 li:nth-of-type(2) {
    margin-top: 0;
}

.organization > ul > li .add7 {
    position: absolute;
    left: 0;
    top: 6.875rem;
}

.contact .map {
    height: 45rem;
    margin-top: 4.375rem;
}

.contact .map:nth-of-type(1) {
    margin-top: 0;
}

.contact .info {
    margin-top: 3rem;
}

.contact .info li {
    margin-bottom: 0.625rem;
    line-height: 2.5rem;
}

.contact .info li:first-child {
    margin-bottom: 1.25rem;
}

.contact .info li:last-child {
    margin-bottom: 0;
}

.contact .info li.addr strong {
    display: block;
}

.contact .info li p {
    letter-spacing: -0.0938rem;
}

.contact .info li .btn {
    margin-top: 0.9375rem;
}

.contact .info li u a {
    color: #1d336a;
}

/* brochure */
.brochure {
    padding-top: 7.5rem;
}

.brochure .head {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 7.5rem;
    background: #fff;
}

.brochure .head .btn-close {
    position: absolute;
    top: 0;
    right: 0.625rem;
    width: 7.5rem;
    height: 7.5rem;
    background: url(../images/brochure/ico_close.png) center / 2.5rem auto no-repeat;
    text-indent: -9999em;
}

.brochure .list li {
    margin-top: 1.25rem;
}

.brochure .list li:first-child {
    margin-top: 0;
}

/* 220420 추가 */
header .menu .list > li > ul > li > a[target] {
    display: block;
    background: url(../images/common/ico_menu_link.png) right 0.9375rem center / 1.875rem auto no-repeat;
}