@charset "UTF-8"; /*-------------------------------------------- common reset --------------------------------------------*/ :root { --headerHeight: var(--jsHeaderHeight, 76px); --zindex-header: 10; } @media (min-width: 1024px) { :root { --headerTopHeight: var(--jsHeaderTopHeight, 125px); --headerHeight: var(--jsHeaderHeight, 82px); } } @media (min-width: 1024px) { html { overflow-y: scroll; } } body { font-optical-sizing: auto; color: #000; background-color: #f0f0f0; font-family: "Noto Sans JP", sans-serif; font-style: normal; font-weight: 400; font-optical-sizing: auto; } a { color: #000; -webkit-touch-callout: none; text-decoration: underline; } a, a:visited, a:hover { color: inherit; } a :hover img { -ms-filter: none; filter: none; opacity: 1; } p { margin-top: 0; } /* categoryIcon 250218修正 */ .l-contents .categoryIcon > .ci01 { background-image: url(/fundinfo/list/img/icon-modal01.png); }/*「公」アイコン画像*/ .l-contents .categoryIcon > .ci02 { background-image: url(/fundinfo/list/img/icon-modal02.png); }/*「確」→「内」アイコンに変更*/ .l-contents .categoryIcon > .ci03 { background-image: url(/fundinfo/list/img/icon-modal03.png); }/*「内」→「株」アイコンに変更*/ .l-contents .categoryIcon > .ci04 { background-image: url(/fundinfo/list/img/icon-modal04.png); }/*「M」→「確」アイコンに変更*/ .l-contents .categoryIcon > .ci05 { background-image: url(/fundinfo/list/img/icon-modal05.png); }/*「外」→「M」アイコンに変更*/ .l-contents .categoryIcon > .ci06 { background-image: url(/fundinfo/list/img/icon-modal06.png); }/*「株」→「外」アイコンに変更*/ .l-contents .categoryIcon > .ci07 { background-image: url(/fundinfo/list/img/icon-modal07.png); }/*「債」アイコン画像*/ .l-contents .categoryIcon > .ci08 { background-image: url(/fundinfo/list/img/icon-modal08.png); }/*「不」アイコン画像*/ .l-contents .categoryIcon > .ci09 { background-image: url(/fundinfo/list/img/icon-modal09.png); }/*「他」アイコン画像*/ .l-contents .categoryIcon > .ci10 { background-image: url(/fundinfo/list/img/icon-modal10.png); }/*「複」アイコン画像*/ #assets > section { background-image: url(/assets/img/com_ic01.png); } #return > section { background-image: url(/assets/img/com_ic03.png); } #views > section { background-image: url(/assets/img/com_ic05.png); } #trust > section { background-image: url(/assets/img/com_ic49.png); } #setAmount > section { background-image: url(/assets/img/com_ic50.png); } #terminate > section { background-image: url(/assets/img/com_ic51.png); } #charge > section { background-image: url(/assets/img/com_ic52.png); } #inflow > section { background-image: url(/assets/img/com_ic53.png); } .l-linkSkip:focus, .l-loading { z-index: calc(var(--zindex-header) + 1); } .l-header { z-index: var(--zindex-header); } .l-header._top, .l-footer { z-index: calc(var(--zindex-header) - 1); } .c-accordionSP input { display: none; } /*-------------------------------------------- ボタン --------------------------------------------*/ .c-buttonWrap { display: flex; } .c-buttonWrap._left { justify-content: flex-start; } .c-buttonWrap._center { justify-content: center; } .c-buttonWrap._right { justify-content: flex-end; } a.c-button { display: inline-flex; align-items: center; justify-content: center; min-height: 53px; padding-inline: 20px; font-size: 16px; color: #fff; text-decoration: none; cursor: pointer; background: #e60012; border: 2px solid #e60012; border-radius: 14px; } a.c-button:not(._download)::after { display: block; flex-shrink: 0; width: 9px; height: 15px; margin-left: 10px; content: ""; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } a.c-button._download { padding-inline: 32px; } a.c-button._download::after { display: block; flex-shrink: 0; width: 12px; height: 16px; margin-left: 10px; content: ""; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } a.c-button._full { width: 100%; } button.c-button { display: inline-flex; align-items: center; justify-content: center; min-height: 53px; padding-inline: 20px; font-size: 16px; color: #e60012; text-decoration: none; cursor: pointer; background: #fff; border: 2px solid #e60012; border-radius: 14px; } button.c-button::after { display: inline-block; flex-shrink: 0; width: 13px; height: 8px; margin-left: 6px; content: ""; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } button.c-button._close::after { transform: rotate(-180deg); } .c-buttonIcon { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding-inline: 6px 8px; font-size: 1.2rem; line-height: 150%; color: #000; text-decoration: none; background: #fff; border: 2px solid #e60012; border-radius: 14px; } .c-buttonIcon::before { flex-shrink: 0; width: 32px; height: 32px; margin-right: 6px; content: ""; background: #e60012; border-radius: 7px; } .c-buttonIcon span { font-weight: 500; } .c-buttonIcon._star::before { background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } .c-buttonIcon._tag::before { background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } .c-buttonIcon._graph::before { background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } .c-buttonIcon._link::before { background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } .c-buttonIcon._movie::before { background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } .c-buttonIcon__list { display: flex; flex-wrap: wrap; gap: 20px 15px; } .c-button__favorite { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding-inline: 8px 6px; font-size: 1.6rem; color: #e60012; text-decoration: none; background: #fff; border: 2px solid #e60012; border-radius: 14px; font-weight: 500; } .c-button__favorite:visited { color: #e60012; } .c-button__favorite::after { flex-shrink: 0; width: 20px; height: 20px; margin-left: 7px; content: ""; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } .c-button__border { display: inline-flex; align-items: center; justify-content: center; min-height: 53px; padding-inline: 20px; font-size: 16px; color: #e60012; text-decoration: none; cursor: pointer; background: #fff; border: 2px solid #e60012; border-radius: 14px; } .c-button__border:visited { color: #e60012; } .c-button__border._arrow::after { display: inline-block; flex-shrink: 0; width: 8px; height: 14px; margin-left: 6px; content: ""; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } .c-button__border._more::after { display: inline-block; flex-shrink: 0; width: 13px; height: 8px; margin-left: 6px; content: ""; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } .c-button__border._blank::after { display: inline-block; flex-shrink: 0; width: 16px; height: 14px; margin-left: 6px; content: ""; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } .c-button__border._download { padding-inline: 32px; } .c-button__border._download::after { display: block; flex-shrink: 0; width: 12px; height: 16px; margin-left: 10px; content: ""; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } /*-------------------------------------------- ハンバーガーメニュー --------------------------------------------*/ ._spMenuOpen .c-hamburger .c-hamburger__line { visibility: hidden; } .c-hamburger .c-hamburger__line::before, .c-hamburger .c-hamburger__line::after { position: absolute; left: 0; display: block; width: 36px; height: 2px; content: ""; background-color: #000; transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-hamburger { position: absolute; top: 20px; right: 20px; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: #fff; border: none; border-radius: 7px; } ._spMenuOpen .c-hamburger { background: rgba(235, 228, 229, 0.4); } .c-hamburger .c-hamburger__line { position: relative; display: block; width: 36px; height: 2px; background-color: #000; } ._spMenuOpen .c-hamburger .c-hamburger__line::before, ._spMenuOpen .c-hamburger .c-hamburger__line::after { visibility: visible; } .c-hamburger .c-hamburger__line::before { top: -10px; } ._spMenuOpen .c-hamburger .c-hamburger__line::before { top: 0; transform: rotate(-45deg); } .c-hamburger .c-hamburger__line::after { bottom: -10px; } ._spMenuOpen .c-hamburger .c-hamburger__line::after { bottom: 0; transform: rotate(45deg); } /*-------------------------------------------- 共通タイトル --------------------------------------------*/ [class*=c-heading]._center { text-align: center; } [class*=c-heading]._right { text-align: right; } [class*=c-heading]._left { text-align: left; } .c-heading01 { margin-bottom: 20px; } .c-heading01::before { display: inline-flex; align-items: center; min-height: 15px; padding-inline: 4px; font-size: 1rem; line-height: 1.1; color: #0f81eb; vertical-align: top; content: attr(data-langEn); border: 1px solid #0f81eb; border-radius: 999px; font-family: Jost, sans-serif; font-style: normal; font-weight: 400; font-optical-sizing: auto; } .c-heading01 span { display: block; font-size: 2rem; font-weight: 500; } /*-------------------------------------------- ラベル --------------------------------------------*/ .c-label { text-decoration: none; } .c-label span { display: flex; align-items: center; justify-content: center; min-height: 29px; padding-inline: 13px 12px; font-size: 1.2rem; line-height: 133%; border-style: solid; border-width: 2px; border-radius: 9px; font-weight: 500; } .c-label span::after { display: inline-block; flex-shrink: 0; width: 6px; height: 12px; margin-left: 4px; content: ""; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } .c-label._label01 span { color: #f0880e; border-color: #f0880e; } .c-label._label01 span::after { background-image: url('data:image/svg+xml;utf8,'); } .c-label._label02 span { color: #0f81eb; border-color: #0f81eb; } .c-label._label02 span::after { background-image: url('data:image/svg+xml;utf8,'); } .c-label._label03 span { color: #18963b; border-color: #18963b; } .c-label._label03 span::after { background-image: url('data:image/svg+xml;utf8,'); } .c-label._label04 span { /*250418追加*/ color:#A36000; border-color: #A36000; } .c-label._label04 span::after { /*250418追加*/ background-image: url('data:image/svg+xml;utf8,'); } .c-label__list { display: flex; flex-wrap: wrap; } .c-label__list .c-label__item { margin-right: 9px; margin-bottom: 10px; } /*-------------------------------------------- リンク ダウンロード --------------------------------------------*/ .c-linkDownload { display: inline-block; font-size: 1.2rem; } .c-linkDownload::after { position: relative; top: 2px; display: inline-block; width: 14px; height: 14px; content: ""; background: url("/assets/img/com_ic01.png") no-repeat 0 0; background-size: contain; } .c-linkDownload span { margin-right: 8px; } /*-------------------------------------------- タブ --------------------------------------------*/ .c-linkTab { display: flex; flex-wrap: wrap; gap: 10px 10px; justify-content: center; } .c-linkTab .c-linkTab__item a { box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 29px; padding-inline: 10px; font-size: 1.4rem; color: #666; text-decoration: none; white-space: nowrap; border-bottom: 2px solid #d9d9d9; font-weight: 500; } .c-linkTab .c-linkTab__item._current a { color: #000; border-bottom-color: #e60012; } /*-------------------------------------------- リスト --------------------------------------------*/ .c-list .c-list__item { border-bottom: 1px solid #d5d5d5; } .c-list .c-list__item:first-child { border-top: 1px solid #d5d5d5; } .c-list .c-list__item a { text-decoration: underline; } .c-list .c-list__item .item__inner { display: grid; padding-block: 10px; color: #000; text-decoration: none; } .c-list .c-list__item .item__inner._date { grid-template-areas: "thumbnail body"; grid-template-columns: 16vw 1fr; gap: 0 20px; } .c-list .c-list__item .item__inner._date::before { display: block; grid-area: thumbnail; width: 100%; content: ""; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .c-list .c-list__item .item__inner._date::before::before{ float: left; padding-top: 100%; content: ''; } .c-list .c-list__item .item__inner._date::before::after{ display: block; content: ''; clear: both; } .c-list .c-list__item .item__inner._date .item__body { grid-area: body; } .c-list .c-list__item .item__inner._download .item__body { order: initial; } .c-list .c-list__item .item__inner._download .item__download { align-self: end; text-align: right; } .c-list .c-list__item .item__heading { display: grid; } .c-list .c-list__item .item__headingTitle { order: 2; margin-top: 3px; font-size: 1.4rem; line-height: 150%; } .c-list .c-list__item .item__headingMeta { order: 1; } .c-list .c-list__item .item__headingMeta > .category { display: inline-flex; align-items: center; justify-content: center; min-height: 17px; padding: 0 6px; font-size: 1.2rem; color: #666; background: #f3f3f3; border-radius: 999px; } .c-list .c-list__item .item__headingMeta > .date { flex-shrink: 0; align-items: center; margin-right: 13px; font-size: 1.4rem; color: #757575; white-space: nowrap; } .c-list .c-list__item .item__download { order: 3; text-align: right; } /*-------------------------------------------- アーカイブリスト --------------------------------------------*/ .c-listArchive .c-listArchive__item .item .item__inner { display: grid; color: #000; text-decoration: none; } .c-listArchive .c-listArchive__item .item .item__inner .item__body { order: 2; } .c-listArchive .c-listArchive__item .item .item__inner .item__heading { margin-bottom: 11px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-weight: 700; } .c-listArchive .c-listArchive__item .item .item__inner .item__desc { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .c-listArchive .c-listArchive__item .item .item__inner .item__thumbnail { order: 1; } .c-listArchive .c-listArchive__item .item .item__inner .item__thumbnail figure { display: block; overflow: hidden; border-radius: 14px; } .c-listArchive .c-listArchive__item .item .item__inner .item__thumbnail img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } /*-------------------------------------------- 配下メインビジュアル --------------------------------------------*/ .c-mainVisual { display: grid; padding-bottom: 36px; background: #f0f0f0; } .c-mainVisual .c-mainVisual__body { position: relative; z-index: 2; display: grid; order: 2; padding: 20px 20px 14px; margin: -144px 5.3333333333vw 0; background: rgba(255, 255, 255, 0.85); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); } .c-mainVisual .c-mainVisual__heading { order: 2; } .c-mainVisual .c-mainVisual__heading h1 { font-size: clamp(1.7rem, 3.5vw, 2.2rem);/*250523修正*/ line-height: 150%; font-weight: 500; } .c-mainVisual .c-mainVisual__heading p { margin-top: 8px; font-size: 1.4rem; line-height: 151%; font-weight: 500; } .c-mainVisual .c-label__list { order: 1; } .c-mainVisual .c-inlineList { order: 3; } .c-mainVisual .c-mainVisual__image { position: relative; z-index: 1; order: 1; height: 76.8vw; } .c-mainVisual .c-mainVisual__image img { /*250212追加*/ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; /* object-position: 30% 50%;*/ } .c-mainVisual .c-commentList { /*250217追加*/ order: 3; margin: 15px 0; position: relative; padding-top: 10px; padding-bottom: 10px; color: #1E1E1E; } .c-mainVisual .c-commentList::before, .c-mainVisual .c-commentList::after { /*250217追加*/ content: '● ● ●'; position: absolute; left: 50%; transform: translateX(-50%); font-size: 4px; line-height: 0; color: #1E1E1E; } .c-mainVisual .c-commentList::before { /*250217追加*/ top: 0; } .c-mainVisual .c-commentList::after { /*250217追加*/ bottom: 0; } .c-mainVisual .c-commentList .comment { /*250604追加*/ font-size: 86%; } /*-------------------------------------------- モーダル --------------------------------------------*/ .c-modalWrap { position: fixed; top: 0; left: 0; z-index: 2000; box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); } .c-modalWrap:not(.is-open) { display: none; } .c-modalWrap[aria-hidden=false] { -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .c-modalWrap[aria-hidden=true] { -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .c-modal.modal { position: relative; box-sizing: border-box; width: 100%; padding: 0; background: none; background: #fff; box-shadow: none; } .c-modal.modal a.close-modal { display: none; } .c-modal .c-modal__inner { padding: 20px 20px 40px; } .c-modal .c-modal__movie iframe { vertical-align: top; } .c-modal .c-modal__movieButton { display: flex; justify-content: center; margin-top: 40px; } .c-modal .c-modal__closeWrap { position: absolute; top: -50px; right: 0; z-index: 999; display: flex; justify-content: flex-end; width: 100%; } .c-modal .c-modal__body { max-width: 976px; } .c-modal .c-modal__close { position: relative; right: -7px; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; touch-action: manipulation; cursor: pointer; background: none; border: none; transform: rotate(45deg); } .c-modal .c-modal__close::before { position: absolute; display: block; width: 100%; height: 2px; content: ""; background: #fff; } .c-modal .c-modal__close::after { position: absolute; display: block; width: 2px; height: 100%; content: ""; background: #fff; } .c-modal .c-modal__buttonTitle span { display: flex; align-items: center; margin-bottom: 20px; font-size: 1.8rem; font-weight: 500; } .c-modal .c-modal__buttonTitle span::before { display: block; flex-shrink: 0; width: 32px; height: 32px; margin-right: 6px; content: ""; background-color: #e60012; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; border-radius: 7px; } .c-modal .c-modal__buttonList { display: flex; flex-wrap: wrap; } .c-modal .c-modal__buttonList li { width: 48%; } .c-modal .p-search { /*250218追加*/ padding-inline: 0; } .c-modal .p-search .c-section__inner { /*250218追加*/ padding-block: 0; } .c-modal .p-search .c-section__inner .c-heading01::before { /*250218追加*/ display: none; } @-webkit-keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; } } /*-------------------------------------------- 共通セクション --------------------------------------------*/ .c-section { position: relative; padding: 0; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); } .c-section:not(:first-child) { margin-top: 10.6666666667vw; } .c-section:nth-child(odd)::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; width: 100%; margin-block: -21px; content: ""; background: #dde1e4; transform: skewY(8deg); transform-origin: 50% 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .c-section:nth-child(odd)._narrow::before { width: calc(100% + 5.3333333333vw); } .c-section:nth-child(odd)._right::before, .c-section:nth-child(odd)._left::before { width: calc(100% + 2.6666666667vw); } .c-section:nth-child(odd)._narrow::before { left: -2.6666666667vw; } .c-section:nth-child(odd)._left::before { right: 0; left: initial; } .c-section .c-section__inner { padding-block: 8vw; } .c-section._narrow { padding-inline: 5.3333333333vw; margin-inline: 2.6666666667vw; } .c-section._right { padding-inline: 5.3333333333vw; margin-right: 2.6666666667vw; } .c-section._left { padding-inline: 5.3333333333vw; margin-left: 2.6666666667vw; } /*-------------------------------------------- splide reset --------------------------------------------*/ div:not(.p-topMainVisual) .splide__arrows { display: flex; gap: 0 20px; justify-content: center; margin-top: 30px; } div:not(.p-topMainVisual) .splide__arrow { position: static; width: 46px; height: 46px; background: #fff; border: 2px solid #e60012; transform: none; } div:not(.p-topMainVisual) .splide__arrow svg { fill: #e60012; height: 24px; width: 24px; } div:not(.p-topMainVisual) .splide__arrow[disabled] { pointer-events: none; } /*-------------------------------------------- テーブル --------------------------------------------*/ .c-table._data { width: 100%; border: 2px solid #f0f0f0; } .c-table._data thead th { position: relative; padding: 7px 5px; color: #fff; text-align: center; background: #666; font-weight: 500; } .c-table._data thead th + th::after { position: absolute; top: calc(50% - 4px); left: 0; width: 1px; height: 8px; content: ""; background: #d9d9d9; } .c-table._data tbody tr:nth-child(2n) th, .c-table._data tbody tr:nth-child(2n) td { background: #f0f0f0; } .c-table._data tbody th, .c-table._data tbody td { padding: 11px 4px; text-align: center; line-height: 1; } .c-table._data tbody th { position: relative; } .c-table._data tbody th::after { position: absolute; top: calc(50% - 5px); right: 0; width: 1px; height: 11px; content: ""; background: #d9d9d9; } .l-main .table02 { border: 2px solid #f0f0f0; } .l-main .table02 th { position: relative; padding: 8px; color: #fff; text-align: center; background: #666; border: none; font-weight: 500; } .l-main .table02 th + th::after { position: absolute; top: calc(50% - 5px); left: 0; width: 1px; height: 11px; content: ""; background: #d9d9d9; } .l-main .table02 tbody tr:nth-child(2n+1) td { background: #f0f0f0; } .l-main .table02 tbody td { padding: 11px 5px; text-align: center; border: none; } .l-main .table02 tbody td:not(:first-child) { position: relative; } .l-main .table02 tbody td:not(:first-child)::after { position: absolute; top: calc(50% - 5px); left: 0; width: 1px; height: 11px; content: ""; background: #d9d9d9; } /*-------------------------------------------- フッター --------------------------------------------*/ .l-footer { padding-bottom: 0; margin-top: 40px; background: #fff; } .l-footer .l-footer__globalNav { background: #151515; } .l-footer .l-footer__globalNav .c-menu { padding: 10px 9.3333333333vw 8px; } .l-footer .l-footer__globalNav .c-menu .c-menuList__item { text-align: left; } .l-footer .l-footer__globalNav .c-menu .c-menuList__item > a { display: inline-flex; align-items: center; color: #fff; text-decoration: none; } .l-footer .l-footer__globalNav .c-menu .c-menuList__item > a::after { display: inline-block; flex-shrink: 0; width: 9px; height: 15px; margin-left: 10px; content: ""; background: url("/assets/img/arrow_red.svg") no-repeat 50% 50%; background-size: 9px auto; } .l-footer .l-footer__globalNav .c-menu .c-menuList__item > a span, .l-footer .l-footer__globalNav .c-menu .c-menuList__item > span { display: block; } .l-footer .l-footer__globalNav .c-menu .c-accordionSP .c-accordionSP__button a, .l-footer .l-footer__globalNav .c-menu .c-accordionSP .c-accordionSP__button { /*250212修正*/ font-size: 1.4rem; color: #fff; text-decoration: none; font-weight: 500; } .l-footer .l-footer__globalNav .c-menu .c-subMenuList[data-type=related] .c-subMenuList__item { position: relative; padding-left: 10px; } .l-footer .l-footer__globalNav .c-menu .c-subMenuList[data-type=related] .c-subMenuList__item::before { position: absolute; top: 0.9em; left: 0; width: 6px; height: 1px; content: ""; background: rgba(255, 255, 255, 0.6); } .l-footer .l-footer__globalNav .c-menu .c-subMenuList__item a { display: flex; align-items: center; font-size: 1.2rem; color: rgba(255, 255, 255, 0.6); text-decoration: none; } .l-footer .l-footer__globalNav .c-menu .c-subMenuList__item a { font-size: 1.4rem; line-height: 150%; } .l-footer .l-footer__globalNav .c-menu .c-subMenuList__item a::after { display: inline-block; flex-shrink: 0; width: 6px; height: 10px; margin-left: 10px; content: ""; background: url("/assets/img/arrow_white.svg") no-repeat 50% 50%; background-size: contain; opacity: 0.6; } .l-footer .l-footer__globalNav .c-menu .c-subMenuList__title { margin-bottom: 10px; font-size: 1.2rem; color: #fff; font-weight: 500; } .l-footer .l-footerInfo__risk { display: grid; grid-template-columns: 11.2vw 1fr; gap: 0 10px; align-items: center; margin-bottom: 20px; } .l-footer .l-footerInfo__risk::before { display: block; width: 11.2vw; height: 11.2vw; content: ""; background: url(/assets/img/icon_triangle_exclamation.svg) no-repeat 50% 50%; background-size: contain; } .l-footer .l-footerInfo__risk .riskBlock { font-size: 1.2rem; } .l-footer .l-footerInfo__risk .riskBlock p:first-child { margin-bottom: 4px; } .l-footer .l-footerInfo__logo { /*250221修正*/ margin-bottom: 0; } .l-footer .l-footerInfo__logo img { height: auto; } .l-footer .l-footerInfo__desc { font-size: 1.2rem; } .l-footer .l-footerInfo__desc dd::before { content: "："; } .l-footer .l-footerInfo__desc .desc__copy { display: block; margin-top: 15px; font-size: 1rem; } /*-------------------------------------------- グローバルナビゲーション --------------------------------------------*/ .l-globalNav { display: grid; grid-template-rows: 0fr; width: 100%; /* stylelint-disable-next-line */ transition: grid-template-rows 0.3s linear; transition: grid-template-rows 0.3s linear, -ms-grid-rows 0.3s linear; will-change: grid-template-rows; } .l-headerNav__button._navOpen + .l-globalNav { grid-template-rows: 1fr; /* stylelint-disable-next-line */ transition: grid-template-rows 0.3s; transition: grid-template-rows 0.3s, -ms-grid-rows 0.3s; } .l-globalNav .l-globalNav__inner { overflow: hidden; } .l-globalNav .l-globalNav__heading { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr; grid-auto-columns: 1fr; margin-bottom: 40px; } .l-globalNav .l-globalNav__heading .l-globalNav__headingTitle { position: relative; z-index: 2; grid-area: 1/1/2/2; order: 2; } .l-globalNav .l-globalNav__heading .l-globalNav__headingTitle a { display: inline-block; } .l-globalNav .l-globalNav__heading .l-globalNav__headingTitle a span { display: inline-flex; align-items: center; justify-content: space-between; width: 20.4166666667vw; min-width: 294px; min-height: 55px; padding-inline: 20px; color: #000; font-size: 2rem; background: rgba(255, 255, 255, 0.95); font-weight: 500; } .l-globalNav .l-globalNav__heading .l-globalNav__headingTitle a span::after { display: block; width: 9px; height: 15px; margin-left: 10px; content: ""; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } .l-globalNav .l-globalNav__heading .l-globalNav__headingBg { position: relative; z-index: 1; display: block; grid-area: 1/1/2/2; order: 1; height: 105px; } .l-globalNav .l-globalNav__heading .l-globalNav__headingBg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .l-globalNav .l-globalNav__item { font-feature-settings: "palt"; letter-spacing: 0.05em; } @supports selector(:has(._notSupports)) { @at-rootl li:not([data-menu="sustainability"]) .l-globalNav .l-globalNav__list:has(> :nth-child(n + 6):last-child) { @media (min-width: 1024px) { .l-globalNav .l-globalNav__item .l-globalNav__item { box-sizing: border-box; display: inline-block; width: 100%; } } } } @supports selector(:has(._notSupports)) { /*250218追加*/ @at-rootl li:not([data-menu="sustainability"]) .l-globalNav .l-globalNav__list2:has(> :nth-child(n + 6):last-child) { @media (min-width: 1024px) { .l-globalNav .l-globalNav__item .l-globalNav__item { box-sizing: border-box; display: inline-block; width: 100%; } } } } .l-globalNav .l-globalNav__item._subItem > span { font-weight: 500; border-top: 1px solid #cececa; } .l-globalNav .l-globalNav__item > a { line-height: 150%; border-top: 1px solid #cececa; } .l-globalNav .l-globalNav__item a { display: flex; align-items: center; justify-content: space-between; margin-bottom: -1px; color: #000; font-size: 1.4rem; text-decoration: none; } .l-globalNav .l-globalNav__item a::after { display: block; flex-shrink: 0; width: 5px; height: 10px; margin-left: 10px; content: ""; background: url("/assets/img/arrow_red.svg") no-repeat 0 0; background-size: contain; } .l-globalNav .l-globalNav__item._current a { color: #e60012; } .l-globalNav .l-globalNav__item p { /*250212修正*/ /*margin: 0;*/ margin-left:8px; } .l-globalNav .l-globalNav__item p a { position: relative; font-size: 1.2rem; } .l-globalNav .l-globalNav__item p a::before { position: absolute; top: 1.9em; left: 10px; width: 6px; height: 1px; content: ""; background: #000; } .l-globalNav .l-globalNav__close { position: relative; box-sizing: border-box; max-width: 1300px; padding-inline: 50px; margin-inline: auto; pointer-events: none; } .l-globalNav .l-globalNav__close .l-globalNav__closeBtn { position: absolute; top: 40px; right: 50px; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; background: none; border: none; pointer-events: auto; } .l-globalNav .l-globalNav__close .l-globalNav__closeBtn .l-globalNav__closeLine { position: relative; display: block; width: 36px; height: 2px; background-color: transparent; } .l-globalNav .l-globalNav__close .l-globalNav__closeBtn .l-globalNav__closeLine::before, .l-globalNav .l-globalNav__close .l-globalNav__closeBtn .l-globalNav__closeLine::after { position: absolute; left: 0; display: block; width: 32px; height: 2px; content: ""; background-color: #000; transition: background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .l-globalNav .l-globalNav__close .l-globalNav__closeBtn .l-globalNav__closeLine::before { top: 0; transform: rotate(-45deg); } .l-globalNav .l-globalNav__close .l-globalNav__closeBtn .l-globalNav__closeLine::after { bottom: 0; transform: rotate(45deg); } /*-------------------------------------------- ヘッダー --------------------------------------------*/ .l-header { position: fixed; top: 0; display: grid; width: 100%; } .l-header._menuNarrow:not(._menuHide) { transform: translateY(0); } .l-header._menuHide:not(._top) { transform: translateY(-100%); } ._spMenuOpen .l-header { background: #fff; } .l-header .l-headerInformation .l-headerInformation__list > li:first-child {/*250417追加*/ letter-spacing: 0.1em; } .l-header .l-headerInformation .l-headerInformation__list > li a { padding: 4px; font-size: 1.4rem; line-height: 1; text-decoration: none; } .l-header .l-headerInformation .l-headerInformation__list > li a._linkEnglish, .l-header .l-headerInformation .l-headerInformation__list > li a._linkSearch { /*250218修正*/ display: flex; cursor: pointer; } .l-header .l-headerInformation .l-headerInformation__list > li a._linkEnglish { font-size: 1.6rem; } .l-header .l-headerInformation .l-headerInformation__list > li a._linkEnglish::before { display: block; width: 18px; height: 18px; margin-right: 4px; content: ""; background: url("/assets/img/icon_globe.svg") no-repeat 0 0; background-size: 18px auto; } .l-header .l-headerInformation .l-headerInformation__list > li a._linkSearch::before { display: block; width: 16px; height: 16px; margin-right: 2px; content: ""; background: url("/assets/img/icon_search_red.svg") no-repeat 0 0; background-size: contain; } .l-header .l-headerNav .l-headerNav__item > a { text-decoration: none; } .l-header .l-headerNav .l-headerNav__link { font-size: 1.6rem; line-height: 1.1; background: none; border: none; font-weight: 500; } .l-header .l-headerNav .l-headerNav__button { font-size: 1.6rem; line-height: 1.5; background: none; border: none; font-weight: 500; } .l-header .l-headerSPitem .p-search .searchForm > ul, .l-header .l-headerSPitem .p-search .searchBox form, .c-modal .p-search .searchBox form { /*250218修正*/ display: grid; grid-template-columns: 1fr 52px; overflow: hidden; background: #f0f0f0; border-radius: 14px; } .l-header .l-headerSPitem .p-search .searchForm .searchBox form, .c-modal .p-search .searchBox form { /*250218追加*/ margin-top: 10px; } .l-header .l-headerSPitem .p-search .searchForm .searchFormInput, .l-header .l-headerSPitem .p-search .searchBox .searchInput, .c-modal .p-search .searchBox .searchInput { /*250218修正*/ box-sizing: border-box; width: 100%; height: 52px; padding: 20px; font-size: 16px; background: #f0f0f0; border: none; } .l-header .l-headerSPitem .p-search .searchForm .searchFormSubmit, .l-header .l-headerSPitem .p-search .searchBox .searchSubmit, .c-modal .p-search .searchBox .searchSubmit { /*250218修正*/ width: 52px; height: 52px; vertical-align: top; cursor: pointer; background-color: #e60012; background-image: url('data:image/svg+xml;utf8, '); background-repeat: no-repeat; background-position: 50% 50%; background-size: 26px auto; border: 2px solid #e60012; border-radius: 14px; text-indent: -999em; } .l-header .l-headerSPitem .p-search .searchForm .searchFormSubmit span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(1px 1px 1px 1px); border: 0; } /*-------------------------------------------- メインカラム --------------------------------------------*/ .l-main { font-size: 16px; font-size: 1.6rem; } .l-main::before { content: ""; opacity: 0; visibility: hidden; transition: opacity 0.3s ease-out, visibility 0.3s ease-out; } .l-main._navOpen { position: relative; } .l-main._navOpen::before { position: fixed; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.2); transition: opacity 0.3s ease-out, visibility 0.3s ease-out; } @-webkit-keyframes overlaly { from { opacity: 0; } to { opacity: 0.35; } } @keyframes overlaly { from { opacity: 0; } to { opacity: 0.35; } } .l-main ._up { color: #da0505; } .l-main ._down { color: #3556cb; } .l-main ._keep { color: #848484; } .u-width_auto { width: auto !important; max-width: none !important; } /*-------------------------------------------- 検索 --------------------------------------------*/ .p-search { padding-inline: 5.3333333333vw; } .p-search .c-section__inner .searchForm > ul { display: grid; grid-template-columns: 1fr 52px; overflow: hidden; background: #f0f0f0; border-radius: 14px; } .p-search .c-section__inner .searchForm .searchFormInput { box-sizing: border-box; width: 100%; height: 52px; padding: 20px; font-size: 16px; background: #f0f0f0; border: none; } .p-search .c-section__inner .searchForm .searchFormSubmit { width: 52px; height: 52px; vertical-align: top; cursor: pointer; background-color: #e60012; background-image: url('data:image/svg+xml;utf8, '); background-repeat: no-repeat; background-position: 50% 50%; background-size: 26px auto; border: 2px solid #e60012; border-radius: 14px; } .p-search .c-section__inner .searchForm .searchFormSubmit span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(1px 1px 1px 1px); border: 0; } .p-search .c-section__inner .p-search__link { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 10px; } .p-search .c-section__inner .p-search__link a { display: flex; align-items: center; justify-content: flex-start; padding: 6px; font-size: 12px; text-decoration: none; border-radius: 14px; } .p-search .c-section__inner .p-search__link a::before { width: 32px; height: 32px; } .p-search .c-section__inner .p-search__link a span { display: inline-flex; align-items: center; } .p-search .c-section__inner .p-search__link a span::after { display: block; flex-shrink: 0; width: 7px; height: 14px; margin-left: 8px; content: ""; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } /*-------------------------------------------- 重要なお知らせ --------------------------------------------*/ .p-topNotice { display: flex; align-items: center; flex-direction: column; background: #f0f0f0; } .p-topNotice p { padding: 3px 9px; margin-top: 0; font-size: 14px; color: #e60012; word-break: break-word; border: 1px solid #e60012; } .p-topNotice p + p { margin-top: 10px; } .p-topNotice p span { /*250221修正*/ display:inline-block; margin-bottom: 10px; } .p-topNotice p span:last-child { /*250221追加*/ margin-bottom: 0; } /*250527追加*/ .p-bottomNotice { display: flex; align-items: center; flex-direction: column; margin-top: 4em; padding-inline: 3.90625vw; margin-inline: 2.6041666667vw; } .p-bottomNotice div { padding: 3px 9px; margin-top: 0; } .p-bottomNotice div + div { margin-top: 10px; } .callBox { position: relative; border-radius: 14px; border: 3px solid #333; box-shadow: 5px 5px 0 #333; color: #333; padding: 1rem; text-align: center; } .callBox-ttl { background-color: #333; color: #fff; border-radius: 100vh; padding: 10px 1.5em; margin: -28px auto 0 auto; position: absolute; left: 50%; transform: translateX(-50%); font-weight: bold; white-space: nowrap; } .callBox-ttl::after { content: ''; position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); border: 15px solid transparent; border-top-color: #333; } .callBox .inner { display: flex; flex-direction: column; align-items: center; margin: 3rem 1rem 2rem; } .callBox .inner > p { font-size: 1.4rem; margin-bottom: 20px; text-align: left; } .callBox .telCol { display: flex; flex-direction: column; align-items: flex-start; } .callBox .telLead { position: relative; padding-left: 60px; font-size: 1.2rem; } .callBox .telLead span { padding: 3px 6px; color: #fff; background-color: #333; } .callBox .telLead::before { content: ""; position: absolute; left: 10%; top: 150%; transform: translate(-50%, -50%); width: 62px; height: 56px; background-image: url("/assets/img/callicon.png"); background-size: contain; background-repeat: no-repeat; } .callBox .tel { font-size: 2.5rem; font-weight: bold; padding-left: 60px; text-align: left; } .callBox .tel a { text-decoration: none; } .callBox .textCol { font-size: 1rem; border-top: 1px dotted #ccc; margin-top: 10px; padding-top: 10px; text-align: center; } @media (min-width: 640px) and (max-width: 750px) { .callBox .tel { font-size: calc(2.4rem + (2.2rem * ((100vw - 640px) / 110))); } } @media (min-width: 750px) { .p-bottomNotice { max-width: 1300px; margin-top: 5em !important; margin: auto; } .callBox .textCol { font-size: 1rem; margin-top: 0; padding-top: 0; text-align: left; border-top: none; } .callBox .tel { font-size: 4.6rem; } } @media (max-width: 320px) { .c-buttonIcon::before { width: 25px; height: 25px; margin-right: 4px; } /*-------------------------------------------- ヘッダー --------------------------------------------*/ .l-header .l-header__logo img { width: 225px; height: auto; } .l-header .l-header__ndirect a img { width: 70px; } } @media not all and (min-width: 640px) { /* SP 非表示 */ .u-hideSP { display: none !important; } /*-------------------------------------------- SP用アコーディオン --------------------------------------------*/ .c-accordionSP input:checked + .c-accordionSP__button::after { content: ""; background: url("/assets/img/icon_close_white.svg") no-repeat 0 0; background-size: contain; } .c-accordionSP input:checked + .c-accordionSP__buttonClose::before { content: attr(data-closeText); } .c-accordionSP input:checked + .c-accordionSP__buttonClose::after { transform: rotate(-90deg); } .c-accordionSP input:checked + .c-accordionSP__buttonClose span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(1px 1px 1px 1px); border: 0; } .c-accordionSP input:checked ~ .c-accordionSP__listInner { grid-template-rows: 1fr; height: auto; transition: grid-template-rows 0.3s ease-in-out, -ms-grid-rows 0.3s ease-in-out; } .c-accordionSP .c-accordionSP__listInner { display: grid; grid-template-rows: 0fr; width: 100%; transition: grid-template-rows 0.3s ease-in-out, -ms-grid-rows 0.3s ease-in-out; } .c-accordionSP .c-accordionSP__listInner .c-accordionSP__listWrap { overflow: hidden; } .c-accordionSP .c-accordionSP__button { display: flex; align-items: center; justify-content: space-between; transition: color 0.3s ease-in-out; } .c-accordionSP .c-accordionSP__button::after { display: inline-block; width: 22px; height: 22px; content: ""; background: url("/assets/img/icon_open_white.svg") no-repeat 0 0; background-size: contain; } .c-accordionSP .c-accordionSP__buttonClose { display: inline-flex; align-items: center; justify-content: center; min-height: 53px; padding-inline: 20px; text-decoration: none; cursor: pointer; color: #e60012; font-size: 16px; border-radius: 14px; background: #fff; border: 2px solid #e60012; } @media (min-width: 640px) { .c-accordionSP .c-accordionSP__buttonClose { padding-inline: 40px; } } .c-accordionSP .c-accordionSP__buttonClose::after { display: block; width: 9px; height: 15px; margin-left: 10px; content: ""; background: url("/assets/img/arrow_red.svg") no-repeat 0 0; background-size: 9px auto; transform: rotate(90deg); } /*-------------------------------------------- ボタン --------------------------------------------*/ a.c-button._download { padding-inline: 35px; } button.c-button::after { width: 16px; height: 10px; } .c-button__border._download { padding-inline: 35px; } /*-------------------------------------------- ハンバーガーメニュー --------------------------------------------*/ .c-hamburger { top: 15px; right: 15px; width: 46px; height: 46px; } .c-hamburger .c-hamburger__line { width: 32px; } .c-hamburger .c-hamburger__line::before, .c-hamburger .c-hamburger__line::after { width: 32px; } /*-------------------------------------------- 共通タイトル --------------------------------------------*/ .c-heading01 { margin-bottom: 14px; line-height: 1.3; } /*-------------------------------------------- リンク ダウンロード --------------------------------------------*/ .c-linkDownload__list { margin-top: 25px; } .c-linkDownload__list .c-linkDownload__item + .c-linkDownload__item { margin-top: 20px; } /*-------------------------------------------- リスト --------------------------------------------*/ .p-fundinfoMarket .c-list .c-list__item .item__inner { padding-block: 8px 11px; } .c-list .c-list__item .item__inner._download .item__download { margin-top: 4px; } .p-fundinfoMarket .c-list .c-list__item .item__inner._download .item__download { margin-top: 2px; } .p-fundinfoMarket .c-list .c-list__item .item__headingTitle { margin-top: 5px; } .c-inlineList .c-inlineList__item:not(:first-child) { margin-top: 8px; } /*-------------------------------------------- アーカイブリスト --------------------------------------------*/ .c-listArchive .c-listArchive__item .item .item__inner .item__heading { font-size: 1.4rem; } .c-listArchive .c-listArchive__item .item .item__inner .item__desc { line-height: 150%; font-size: 1.4rem; } .c-listArchive .c-listArchive__item .item .item__inner .item__thumbnail { margin-bottom: 16px; } /*-------------------------------------------- 配下メインビジュアル --------------------------------------------*/ .p-fundinfo._detail .c-mainVisual .c-mainVisual__body { padding: 20px 20px 17px; } .p-fundinfo._detail .c-mainVisual .c-mainVisual__heading h1 { font-size: 2rem; } .p-fundinfo._detail .c-mainVisual .c-mainVisual__heading p { margin-top: 12px; } .c-mainVisual .c-label__list { margin-bottom: 3px; } .c-mainVisual .c-inlineList { margin-top: 16px; font-size: 1.4rem; line-height: 150%; } .c-mainVisual .c-commentList { /*250217追加*/ font-size: 1.4rem; line-height: 150%; border-bottom: none; } /*-------------------------------------------- splide reset --------------------------------------------*/ div:not(.p-topMainVisual) .splide__arrows { margin-top: 26px; } /*-------------------------------------------- テーブル --------------------------------------------*/ .c-table._data { font-size: 1.4rem; line-height: 150%; } .l-main .table02 { margin-top: 10px; font-size: 1.4rem; line-height: 150%; } .l-main .table02 tbody td { line-height: 1; } /*-------------------------------------------- フッター --------------------------------------------*/ .l-footer .l-footer__inner { width: 100%; padding: 30px 5.3333333333vw; } .l-footer .l-footer__globalNav .c-menu .c-menuList__item:not(.c-accordionSP) { /*250212修正*/ display: none; } .l-footer .l-footer__globalNav .c-menu .c-menuList__item > a { display: flex; } .l-footer .l-footer__globalNav .c-menu .c-menuList__item > a::after { width: 7px; height: 12px; margin-left: 5px; background-size: contain; } .l-footer .l-footer__globalNav .c-menu .c-accordionSP { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .l-footer .l-footer__globalNav .c-menu .c-accordionSP .c-accordionSP__button { padding-block: 20px; line-height: 150%; } .l-footer .l-footer__globalNav .c-menu .c-subMenu { margin-bottom: 19px; } .l-footer .l-footer__globalNav .c-menu .c-subMenuList[data-type=related] { padding-inline: 0; } .l-footer .l-footer__globalNav .c-menu .c-subMenuList[data-type=related] + .c-subMenuList__title { margin-top: 26px; } .l-footer .l-footer__globalNav .c-menu .c-subMenuList[data-type=related] .c-subMenuList__item { border: none; } .l-footer .l-footer__globalNav .c-menu .c-subMenuList[data-type=related] .c-subMenuList__item::before { top: 2em; } .l-footer .l-footer__globalNav .c-menu div.c-subMenuList__item { margin-bottom: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .l-footer .l-footer__globalNav .c-menu .c-subMenuList__item { border-top: 1px solid rgba(255, 255, 255, 0.1); } .l-footer .l-footer__globalNav .c-menu .c-subMenuList__item a { justify-content: space-between; padding-block: 19px 16px; line-height: 125%; } /*250220フッターリンク仕様変更*/ .l-footer .l-footerUtility .l-footerUtility__list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 0; } .l-footer .l-footerUtility .l-footerUtility__list > li:nth-child(2n) { border-left: 1px solid #d9d9d9; } .l-footer .l-footerUtility .l-footerUtility__list > li:nth-child(n+3) { border-top: 1px solid #d9d9d9; } .l-footer .l-footerUtility .l-footerUtility__list > li a { display: flex; height: 100%; align-items: center; justify-content: center; padding: 15px; text-decoration: none; text-align: center; font-size: 1.2rem; } .l-footer .l-footerInfo__risk { margin-top: 30px; margin-bottom: 10px; } .l-footer .l-footerInfo__logo { /*250221修正*/ margin-bottom: 0; } .l-footer .l-footerInfo__logo img { width: 100%; } .l-footer .l-footerInfo__desc dt { display: inline; } .l-footer .l-footerInfo__desc dd { display: inline; } /*-------------------------------------------- グローバルナビゲーション --------------------------------------------*/ .l-globalNav .l-globalNav__item._subItem > span { display: block; padding: 16px 0; font-size: 1.2rem; } .l-globalNav .l-globalNav__item a { padding: 18px 0; font-size: 1.2rem; line-height: 125%; } .l-globalNav .l-globalNav__item p a::before { /*250212修正*/ top: 2em; left: 5px; } /*-------------------------------------------- ヘッダー --------------------------------------------*/ .l-header {/*250212修正*/ background: linear-gradient(180deg, #f0f0f0 100%, rgba(240, 240, 240, 0) 100%, rgba(240, 240, 240, 0) 100%); } .l-header .l-header__inner { height: 76px; padding: 15px; } .l-header .l-header__logo img { width: 244px; height: auto; } .l-header .l-headerInformation { padding: 20px 9.3333333333vw; } .l-header .l-headerInformation .l-headerInformation__list > li:nth-child(2n) { border-left: 1px solid #d9d9d9; } .l-header .l-headerInformation .l-headerInformation__list > li:nth-child(n+3) { border-top: 1px solid #d9d9d9; } .l-header .l-headerInformation .l-headerInformation__list > li a { display: flex; align-items: center; justify-content: center; padding: 27px 10px; } .l-header .l-headerNav .l-headerNav__list { padding: 20px 9.3333333333vw 0; } .l-header .l-headerNav .l-headerNav__button { padding: 20px 0; } .l-header .l-header__ndirect { padding-bottom: 60px; margin: 20px 9.3333333333vw 0; } .l-header .l-header__ndirect a img { width: 25.0666666667vw; height: auto; margin-left: 15px; } .l-header .l-headerSPitem .p-search { padding-inline: 9.3333333333vw; } .l-header .l-headerSPitem .p-search .searchForm .searchFormInput::-moz-placeholder { font-size: 1.2rem; } .l-header .l-headerSPitem .p-search .searchForm .searchFormInput:-ms-input-placeholder { font-size: 1.2rem; } .l-header .l-headerSPitem .p-search .searchForm .searchFormInput::placeholder { font-size: 1.2rem; } /*-------------------------------------------- メインカラム --------------------------------------------*/ .l-main { /*250212修正*/ /*padding-top: 76px;*/ } /*-------------------------------------------- 重要なお知らせ --------------------------------------------*/ /*.p-topNotice { 250310削除 position: relative; z-index: 2; padding: 6.4% 5.3333333333% 8%; }*/ .l-main.home > .p-topNotice { /*250310追加*/ position: relative; z-index: 2; padding:0; padding: 0 5.3333333333vw 20px; } .l-main.home > .p-topNotice.first { /*250310追加*/ padding-top: 20px; } .l-main.home > .p-topNotice.last { /*250310追加*/ padding-bottom: 38px; } .p-topNotice._product { position: relative; z-index: 2; padding: 0 5.3333333333vw 6vw !important; } } @media (min-width: 640px) { /*-------------------------------------------- ボタン --------------------------------------------*/ a.c-button._download { min-height: 55px; } a.c-button._download::after { width: 18px; height: 18px; } button.c-button { padding-inline: 36px; } button.c-button::after { width: 17px; height: 12px; margin-left: 8px; } .c-buttonIcon { min-height: 62px; padding-inline: 14px; font-size: 1.6rem; } .c-button__favorite { min-height: 52px; padding-inline: 10px; } .c-button__favorite::after { margin-left: 10px; } .c-button__border._download { min-height: 55px; } .c-button__border._download::after { width: 18px; height: 18px; } /*-------------------------------------------- 共通タイトル --------------------------------------------*/ .c-heading01::before { min-height: 18px; font-size: 1.2rem; } .c-heading01 span { font-size: 2.8rem; line-height: 1.2; } /*-------------------------------------------- ラベル --------------------------------------------*/ .c-label { min-height: 30px; } .c-label span { padding-inline: 13px 12px; } .c-label span::after { width: 7px; height: 14px; margin-left: 6px; } .c-label__list .c-label__item { margin-right: 15px; } /*-------------------------------------------- リンク ダウンロード --------------------------------------------*/ .c-linkDownload { font-size: 1.4rem; } .c-linkDownload::after { width: 16px; height: 16px; } .c-linkDownload span { margin-right: 7px; } .c-linkDownload__list { display: grid; grid-template-columns: 35.15625vw 1fr; gap: 24px 3.2552083333vw; } /*-------------------------------------------- タブ --------------------------------------------*/ .c-linkTab { gap: 15px 15px; } .c-linkTab .c-linkTab__item { gap: 15px 15px; } .c-linkTab .c-linkTab__item a { min-height: 50px; padding-inline: 40px; } /*-------------------------------------------- リスト --------------------------------------------*/ .c-list .c-list__item .item__inner { padding-block: 19px 15px; } .c-list .c-list__item .item__inner._date { grid-template-columns: 7.8125vw 1fr; gap: 0 18px; } .c-list .c-list__item .item__inner._download { grid-template-columns: 1fr -webkit-max-content; grid-template-columns: 1fr max-content; gap: 0 30px; } .c-list .c-list__item .item__inner._download .item__download { padding-bottom: 22px; } .c-list .c-list__item .item__headingTitle { margin-top: 4px; font-size: 1.6rem; } .c-list .c-list__item .item__headingMeta > .category { min-height: 22px; padding: 0 8px; font-size: 1.4rem; } .c-list .c-list__item .item__headingMeta > .date { margin-right: 10px; font-size: 1.6rem; } .c-inlineList { display: flex; flex-wrap: wrap; align-items: center; } .c-inlineList .c-inlineList__item { margin-right: 28px; margin-bottom: 13px; } /*-------------------------------------------- アーカイブリスト --------------------------------------------*/ .c-listArchive .c-listArchive__item .item .item__inner .item__heading { margin-bottom: 8px; } .c-listArchive .c-listArchive__item .item .item__inner .item__desc { line-height: 150%; } .c-listArchive .c-listArchive__item .item .item__inner .item__thumbnail { margin-bottom: 14px; } /*-------------------------------------------- 配下メインビジュアル --------------------------------------------*/ .c-mainVisual { padding-bottom: 57px; } .c-mainVisual .c-mainVisual__body { padding: 28px 30px 11px; margin: -140px 50px 0; } .c-mainVisual .c-mainVisual__heading h1 { font-size: 2.8rem; } .c-mainVisual .c-mainVisual__heading p { margin-top: 12px; margin-bottom: 13px; font-size: 1.6rem; line-height: 262%; } .c-mainVisual .c-inlineList { margin-top: 0; } .c-mainVisual .c-mainVisual__image { height: 310px; } .c-mainVisual .c-commentList { /*250217追加*/ margin-top: 10px; margin-bottom: 24px; } /*-------------------------------------------- モーダル --------------------------------------------*/ .c-modal .c-modal__buttonTitle span { margin-bottom: 40px; font-size: 2.4rem; } .c-modal .c-modal__buttonTitle span::before { width: 40px; height: 40px; margin-right: 15px; } .c-modal .c-modal__buttonList li .c-button__border { padding-inline: 20px; } /*-------------------------------------------- 共通セクション --------------------------------------------*/ .c-section:not(:first-child) { margin-top: 60px; } /*-------------------------------------------- 共通タイトル --------------------------------------------*/ .c-heading01::before { min-height: 18px; font-size: 1.2rem; } .c-heading01 span { font-size: 2.8rem; line-height: 1.2; } /*-------------------------------------------- ラベル --------------------------------------------*/ .c-label { min-height: 30px; } .c-label span { padding-inline: 13px 12px; } .c-label span::after { width: 7px; height: 14px; margin-left: 6px; } .c-label__list .c-label__item { margin-right: 15px; } /*-------------------------------------------- リンク ダウンロード --------------------------------------------*/ .c-linkDownload { font-size: 1.4rem; } .c-linkDownload::after { width: 16px; height: 16px; } .c-linkDownload span { margin-right: 7px; } .c-linkDownload__list { display: grid; grid-template-columns: 35.15625vw 1fr; gap: 24px 3.2552083333vw; } /*-------------------------------------------- タブ --------------------------------------------*/ .c-linkTab { gap: 15px 15px; } .c-linkTab .c-linkTab__item { gap: 15px 15px; } .c-linkTab .c-linkTab__item a { min-height: 50px; padding-inline: 40px; } /*-------------------------------------------- リスト --------------------------------------------*/ .c-list .c-list__item .item__inner { padding-block: 19px 15px; } .c-list .c-list__item .item__inner._date { grid-template-columns: 7.8125vw 1fr; gap: 0 18px; } .c-list .c-list__item .item__inner._download { grid-template-columns: 1fr -webkit-max-content; grid-template-columns: 1fr max-content; gap: 0 30px; } .c-list .c-list__item .item__inner._download .item__download { padding-bottom: 22px; } .c-list .c-list__item .item__headingTitle { margin-top: 4px; font-size: 1.6rem; } .c-list .c-list__item .item__headingMeta > .category { min-height: 22px; padding: 0 8px; font-size: 1.4rem; } .c-list .c-list__item .item__headingMeta > .date { margin-right: 10px; font-size: 1.6rem; } .c-inlineList { display: flex; flex-wrap: wrap; align-items: center; } .c-inlineList .c-inlineList__item { margin-right: 28px; margin-bottom: 13px; } /*-------------------------------------------- アーカイブリスト --------------------------------------------*/ .c-listArchive .c-listArchive__item .item .item__inner .item__heading { margin-bottom: 8px; } .c-listArchive .c-listArchive__item .item .item__inner .item__desc { line-height: 150%; } .c-listArchive .c-listArchive__item .item .item__inner .item__thumbnail { margin-bottom: 14px; } /*-------------------------------------------- 配下メインビジュアル --------------------------------------------*/ .c-mainVisual { padding-bottom: 57px; } .c-mainVisual .c-mainVisual__body { padding: 28px 30px 11px; margin: -140px 50px 0; } .c-mainVisual .c-mainVisual__heading h1 { font-size: 2.8rem; } .c-mainVisual .c-mainVisual__heading p { margin-top: 12px; margin-bottom: 13px; font-size: 1.6rem; line-height: 262%; } .c-mainVisual .c-inlineList { margin-top: 0; } .c-mainVisual .c-mainVisual__image { height: 310px; } /*-------------------------------------------- モーダル --------------------------------------------*/ .c-modal .c-modal__buttonTitle span { margin-bottom: 40px; font-size: 2.4rem; } .c-modal .c-modal__buttonTitle span::before { width: 40px; height: 40px; margin-right: 15px; } .c-modal .c-modal__buttonList li .c-button__border { padding-inline: 20px; } /*-------------------------------------------- 共通セクション --------------------------------------------*/ .c-section:not(:first-child) { margin-top: 60px; } .c-section:nth-child(odd)::before { margin-block: -17px; transform: skewY(9deg); } .c-section:nth-child(odd)._narrow::before { width: calc(100% + 5.2083333333vw); } .c-section:nth-child(odd)._right::before, .c-section:nth-child(odd)._left::before { width: calc(100% + 2.6041666667vw); } .c-section:nth-child(odd)._narrow::before { left: -2.6041666667vw; } .c-section .c-section__inner { padding-block: 45px; } .c-section._narrow { padding-inline: 3.90625vw; margin-inline: 2.6041666667vw; } .c-section._right { padding-inline: 6.5104166667vw 3.90625vw; margin-right: 2.6041666667vw; } .c-section._left { padding-inline: 3.90625vw 6.5104166667vw; margin-left: 2.6041666667vw; } /*-------------------------------------------- splide reset --------------------------------------------*/ div:not(.p-topMainVisual) .splide__arrows { margin-top: 26px; margin-left: -22px; } div:not(.p-topMainVisual) .splide__arrow svg { width: 20px; height: 20px; } /*-------------------------------------------- テーブル --------------------------------------------*/ .c-table._data thead th { padding: 8px; } .p-fundinfoRate .c-table._data thead th { padding: 6px; } .c-table._data tbody th, .c-table._data tbody td { padding: 7px; line-height: 150%; } .l-main .table02 th { padding: 6px; } .l-main .table02 tbody td { padding: 6px; } /*-------------------------------------------- フッター --------------------------------------------*/ .l-footer { margin-top: 60px; } .l-footer .l-footer__inner { display: grid; grid-template-columns: 27.8645833333vw 1fr; gap: 0 35px; padding: 45px 6.5104166667vw; } .l-footer .l-footer__globalNav .c-menu { position: relative; display: grid; grid-template-rows: min-content min-content min-content min-content min-content min-content 1fr; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; gap: 0 0; width: auto; padding: 60px 6.5104166667vw 63px; } .l-footer .l-footer__globalNav .c-menu::before, .l-footer .l-footer__globalNav .c-menu::after { position: absolute; top: 60px; left: 6.5104166667vw; width: calc(100% - 13.0208333333vw); height: calc(100% - 120px); pointer-events: none; content: ""; } .l-footer .l-footer__globalNav .c-menu::before { border-left: 1px solid rgba(255, 255, 255, 0.1); } .l-footer .l-footer__globalNav .c-menu::after { background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 1px, transparent 0, transparent 28.90625vw); } .l-footer .l-footer__globalNav .c-menu .c-menuList { display: contents; } .l-footer .l-footer__globalNav .c-menu .c-menuList__item[data-menu=fundinfo] { grid-area: 1/1/5/2; } .l-footer .l-footer__globalNav .c-menu .c-menuList__item[data-menu=market] { grid-area: 5/1/8/2; margin-top: 8px; } .l-footer .l-footer__globalNav .c-menu .c-menuList__item[data-menu=portal] { grid-area: 1/2/3/3; } .l-footer .l-footer__globalNav .c-menu .c-menuList__item[data-menu=sustainability] { grid-area: 3/2/8/3; margin-top: 10px; } .l-footer .l-footer__globalNav .c-menu .c-menuList__item[data-menu=nam] { grid-area: 1/3/2/4; } .l-footer .l-footer__globalNav .c-menu .c-menuList__item[data-menu=news] { grid-area: 2/3/4/4; margin-top: 8px; } .l-footer .l-footer__globalNav .c-menu .c-menuList__item[data-menu=corporation] { grid-area: 4/3/8/4; } .l-footer .l-footer__globalNav .c-menu .c-menuList__item { padding-top: 3px; padding-inline: 15px 5px; font-size: 1.6rem; } .l-footer .l-footer__globalNav .c-menu .c-accordionSP .c-accordionSP__button a, .l-footer .l-footer__globalNav .c-menu .c-accordionSP .c-accordionSP__button { /*250212修正*/ display: inline-flex; align-items: center; font-size: 1.6rem; line-height: 150%; } .l-footer .l-footer__globalNav .c-menu .c-accordionSP .c-accordionSP__button a::after { display: inline-block; flex-shrink: 0; width: 9px; height: 15px; margin-left: 10px; content: ""; background: url("/assets/img/arrow_red.svg") no-repeat 50% 50%; background-size: 9px auto; } .l-footer .l-footer__globalNav .c-menu .c-accordionSP .c-accordionSP__button { display: block; } .l-footer .l-footer__globalNav .c-menu .c-menu__spacer { margin-top: 9px !important; } .l-footer .l-footer__globalNav .c-menu .c-subMenuList[data-type=related] { margin-top: 8px !important; } .l-footer .l-footer__globalNav .c-menu .c-subMenuList[data-type=related] .c-subMenuList__item { margin-top: 2px; } .l-footer .l-footer__globalNav .c-menu .c-subMenuList[data-type=related] .c-subMenuList__item + .c-subMenuList__item { margin-top: 9px; } .l-footer .l-footer__globalNav .c-menu .c-subMenuList__item._sp { display: none; } .l-footer .l-footer__globalNav .c-menu .c-subMenuList__item + .c-subMenuList__item { margin-top: 3px; } .l-footer .l-footer__globalNav .c-menu .c-subMenuList__item a { display: inline-flex; } .l-footer .l-footer__globalNav .c-menu .c-subMenuList__title:not(:first-child) { margin-top: 5px; } .l-footer .l-footerUtility .l-footerUtility__list > li + li { margin-top: 15px; } .l-footer .l-footerUtility .l-footerUtility__list > li a { font-size: 1.4rem; } .l-footer .l-footerInfo__risk { grid-template-columns: 42px 1fr; } .l-footer .l-footerInfo__risk::before { width: 42px; height: 42px; } .l-footer .l-footerInfo__risk .riskBlock a { font-size: 1.4rem; } .l-footer .l-footerInfo__logo img { /*250221修正*/ width: 40vw; } .l-footer .l-footerInfo__desc dl > div { display: grid; grid-template-columns: max-content 1fr; gap: 0 0; } .l-footer .l-footerInfo__desc dt { -moz-text-align-last: justify; text-align-last: justify; } .l-footer .l-footerInfo__desc dd { text-indent: -1em; margin-left: 1em; } .l-footer .l-footerInfo__desc .desc__copy { margin-top: 20px; } /*-------------------------------------------- グローバルナビゲーション --------------------------------------------*/ .l-globalNav .l-globalNav__item a { padding: 20px; } .l-globalNav .l-globalNav__item a::after { width: 9px; height: 15px; } .l-globalNav .l-globalNav__item p a { padding: 15px 20px 15px 32px; } .l-globalNav .l-globalNav__item p a::before { top: 2em; left: 20px; } /*-------------------------------------------- ヘッダー --------------------------------------------*/ .l-header .l-header__logo { width: 308px; } .l-header .l-headerInformation { padding: 40px 10px; } .l-header .l-headerInformation .l-headerInformation__list > li + li { margin-left: 25px; } .l-header .l-headerInformation .l-headerInformation__list > li a { text-decoration: underline; } .l-header .l-headerNav .l-headerNav__list { padding: 60px 50px 0; } .l-header .l-headerNav .l-headerNav__button { padding-right: 20px; } .l-header .l-header__ndirect a { height: 71px; font-size: 1.6rem; } .l-header .l-headerSPitem .p-search .searchForm { padding-bottom: 20px; } /*-------------------------------------------- 重要なお知らせ --------------------------------------------*/ /*.p-topNotice { 250310削除 padding: 1.953125vw 6.5104166667vw 3.90625vw; }*/ .l-main.home > .p-topNotice { /*250310追加*/ padding:0; padding: 0 6.5104166667vw 20px; } .l-main.home > .p-topNotice.first { /*250310追加*/ padding-top: 20px; } .l-main.home > .p-topNotice.last { /*250310追加*/ padding-bottom: 38px; } .p-topNotice p { padding: 8px 10px 9px; } .p-topNotice._product { padding: 0 5.3333333333vw 6vw; } /*250527追加*/ .p-bottomNotice { /*250310追加*/ position: relative; z-index: 2; padding:0; padding: 0 6.5104166667vw 20px; } .p-bottomNotice p { padding: 8px 10px 9px; font-size: 16px; } .callBox-ttl { font-size: 18px; } .callBox .inner { flex-direction: row; justify-content: center; flex-wrap: wrap; } .callBox .telCol { flex-direction: row; justify-content: center; align-items: center; } .callBox .telLead { padding-left: 100px; } .callBox .telLead::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 90px; height: 81px; background-size: contain; background-repeat: no-repeat; } .callBox .tel { padding-left: 10px; } .callBox .textCol p { font-size: 1.4rem !important; } /*-------------------------------------------- 非表示設定 --------------------------------------------*/ .u-hidePC2 { display: none; } } @media (min-width: 640px) and (min-width: 1024px) { /*-------------------------------------------- フッター --------------------------------------------*/ .l-footer .l-footer__globalNav .c-menu .c-menuList__item[data-menu=market] { margin-top: 0; } .l-footer .l-footer__globalNav .c-menu .c-menuList__item[data-menu=news] { margin-top: 0; } } @media not all and (min-width: 1024px) { /*-------------------------------------------- アーカイブリスト --------------------------------------------*/ .c-listArchive .c-listArchive__item .item .item__inner .item__thumbnail figure { position: relative; } .c-listArchive .c-listArchive__item .item .item__inner .item__thumbnail figure::after { display: block; clear: both; content: ""; } .c-listArchive .c-listArchive__item .item .item__inner .item__thumbnail figure::before { float: left; padding-top: 75.117370892%; content: ""; } .c-listArchive .c-listArchive__item .item .item__inner .item__thumbnail figure > :first-child { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*-------------------------------------------- モーダル --------------------------------------------*/ .c-modalWrap { padding-inline: 2.6666666667vw; } .c-modal .c-modal__movie { position: relative; } .c-modal .c-modal__movie::after { display: block; clear: both; content: ""; } .c-modal .c-modal__movie::before { float: left; padding-top: 56.25%; content: ""; } .c-modal .c-modal__movie > :first-child { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .c-modal .c-modal__movie iframe { width: 100%; height: auto; } .c-modal .c-modal__buttonList { justify-content: space-between; } .c-modal .c-modal__buttonList li { margin-bottom: 20px; } /*-------------------------------------------- グローバルナビゲーション --------------------------------------------*/ .l-globalNav .l-globalNav__body, .l-globalNav .l-globalNav__dest { display: contents; } .l-globalNav .l-globalNav__heading { display: none; } .l-globalNav .l-globalNav__list { margin-bottom: 20px; } .l-globalNav .l-globalNav__item._subItem > span { display: block; padding: 20px; font-size: 1.4rem; } .l-globalNav .l-globalNav__item a { padding: 15px; } .l-globalNav .l-globalNav__close { display: none; } /*-------------------------------------------- ヘッダー --------------------------------------------*/ .l-header { /*2501212修正*/ background: linear-gradient(180deg, #f0f0f0 100%, rgba(240, 240, 240, 0) 100%, rgba(240, 240, 240, 0) 100%); } .l-header._menuNarrow:not(._menuHide) { background: #f0f0f0; transition: transform 0.3s ease-out !important; } .l-header._menuHide:not(._top) { background: #f0f0f0; transition: transform 0.3s ease-out !important; } .l-header._menuHide { background: #f0f0f0; } .l-header .l-header__inner { display: flex; align-items: center; justify-content: space-between; height: 90px; padding: 20px; } .l-header .l-header__inner .l-headerInformation .l-headerInformation__list { display: none; } @media not all and (min-width: 640px) { .l-header .l-headerInformation .l-headerInformation__list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 0; } } @media (min-width: 640px) { .l-header .l-headerInformation .l-headerInformation__list { display: flex; align-items: center; justify-content: center; } } .l-header .l-headerNavWrap { display: grid; grid-template-rows: 0fr; width: 100%; background-color: #fff; transition: grid-template-rows 0.3s ease-in-out, -ms-grid-rows 0.3s ease-in-out; } .l-header .l-headerNavWrap._spMenuOpen { grid-template-rows: 1fr; height: auto; transition: grid-template-rows 0.3s ease-in-out, -ms-grid-rows 0.3s ease-in-out; overflow-y: auto; } .l-header .l-headerNavWrap__inner { max-height: calc(100svh - 90px); overflow-y: auto; scrollbar-width: none; -ms-overflow-style: none; } .l-header .l-headerNavWrap__inner::-webkit-scrollbar { display: none; } .l-header .l-headerNav .l-headerNav__item:last-child .l-headerNav__button { border-bottom: solid 1px #d9d9d9; } .l-header .l-headerNav .l-headerNav__item:last-child .l-globalNav__item:first-child a { border-top: none; } .l-header .l-headerNav .l-headerNav__link { box-sizing: border-box; display: flex; align-items: center; width: 100%; padding: 25px 15px 25px 20px; border-top: solid 1px #d9d9d9; } .l-header .l-headerNav .l-headerNav__link::after { display: block; width: 5px; height: 10px; margin-left: 10px; content: ""; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } .l-header .l-headerNav .l-headerNav__button { box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 20px 15px 20px 15px; border-top: solid 1px #d9d9d9; } .l-header .l-headerNav .l-headerNav__button::after { /*250212修正*/ width: 22px; height: 22px; margin-left: 10px; content: ""; background: url(/assets/img/icon_open.svg) no-repeat 0 0; background-size: 22px auto; } .l-header .l-headerNav .l-headerNav__button._navOpen::after { background: url(/assets/img/icon_close.svg) no-repeat 0 0; background-size: 22px auto; } .l-header .l-header__ndirect { padding-bottom: 90px; margin-top: 40px; } .l-header .l-header__ndirect a { display: flex; align-items: center; justify-content: center; max-width: 360px; height: 78px; margin-inline: auto; font-size: 1.4rem; color: #fff; text-decoration: none; background: #e60012; border-radius: 14px; } .l-header .l-header__ndirect a img { width: 100px; height: auto; margin-left: 20px; } /*-------------------------------------------- メインカラム --------------------------------------------*/ .l-main {/*250212修正*/ width: 100%; } /*-------------------------------------------- wrapper --------------------------------------------*/ .l-wrapper._spMenuOpen { position: fixed; width: 100%; height: 100vh; } .l-wrapper._spMenuOpen::before { position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100vh; content: ""; background-color: #000; opacity: 0; -webkit-animation: 0.1s linear 0.1s overlaly forwards; animation: 0.1s linear 0.1s overlaly forwards; will-change: animation; } /*-------------------------------------------- 非表示設定 --------------------------------------------*/ br.u-brPC { display: none; } .u-hideTB { display: none !important; } /*-------------------------------------------- 重要なお知らせ --------------------------------------------*/ .p-topNotice p { width: 100%; } } @media (min-width: 1024px) { /*-------------------------------------------- ボタン --------------------------------------------*/ a.c-button { padding-inline: 40px; } a.c-button._download::after { margin-left: 10px; } button.c-button { padding-inline: 40px; } button.c-button::after { width: 16px; height: 10px; margin-left: 10px; } .c-buttonIcon { min-height: 70px; padding-inline: 18px 28px; } .c-buttonIcon::before { width: 42px; height: 42px; margin-right: 15px; } .c-buttonIcon__list { gap: 20px 30px; } .c-button__favorite::after { width: 20px; height: 20px; margin-left: 10px; } .c-button__border { padding-inline: 40px; } .c-button__border._arrow::after { margin-left: 10px; } .c-button__border._more::after { margin-left: 10px; } .c-button__border._blank::after { margin-left: 10px; } .c-button__border._download::after { margin-left: 10px; } /*-------------------------------------------- ハンバーガーメニュー --------------------------------------------*/ .c-hamburger { display: none; } /*-------------------------------------------- 共通タイトル --------------------------------------------*/ .c-heading01 { margin-bottom: 36px; } .c-heading01::before { min-height: 23px; padding-inline: 5px; font-size: 1.6rem; } .c-heading01 span { font-size: 3.6rem; line-height: 1.6; } /*-------------------------------------------- ラベル --------------------------------------------*/ .c-label { min-height: 33px; font-size: 1.6rem; line-height: 112%; } .c-label span { min-height: 33px; font-size: 1.6rem; } .c-label span::after { width: 9px; height: 15px; margin-left: 9px; } /*-------------------------------------------- リンク ダウンロード --------------------------------------------*/ .c-linkDownload { font-size: 1.6rem; } .c-linkDownload::after { top: 5px; width: 18px; height: 18px; } .c-linkDownload span { position: relative; margin-right: 14px; } .c-linkDownload__list { grid-template-columns: repeat(3, 1fr); gap: 18px 16px; } /*-------------------------------------------- タブ --------------------------------------------*/ .c-linkTab { gap: 20px 30px; } .c-linkTab .c-linkTab__item { flex: 1; gap: 20px 30px; } .c-linkTab .c-linkTab__item a { min-height: 60px; padding-inline: 10px; font-size: min(18px, calc(18 / 1500) * 100vw * 1.4); } /*-------------------------------------------- リスト --------------------------------------------*/ .c-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 40px; } .c-list .c-list__item:nth-child(-n+2) { border-top: 1px solid #d5d5d5; } .c-list .c-list__item .item__inner { padding-block: 30px 23px; } .c-list .c-list__item .item__inner._date { grid-template-columns: 120px 1fr; } .c-list .c-list__item .item__inner._download { display: block; } .c-list .c-list__item .item__inner._download .item__download { padding-bottom: 0; margin-top: 4px; } .p-fundinfoMarket .c-list .c-list__item .item__inner._download .item__download { margin-top: 11px; } .c-list .c-list__item .item__headingTitle { margin-top: 14px; font-size: 1.8rem; } .c-list .c-list__item .item__headingMeta > .category { min-height: 29px; padding: 0 12px; font-size: 1.6rem; } .c-list .c-list__item .item__headingMeta > .date { line-height: 162%; } .c-inlineList .c-inlineList__item { margin-right: 30px; } /*-------------------------------------------- アーカイブリスト --------------------------------------------*/ .c-listArchive .c-listArchive__item .item .item__inner .item__body { font-size: 18px; } .c-listArchive .c-listArchive__item .item .item__inner .item__heading { margin-bottom: 24px; } .c-listArchive .c-listArchive__item .item .item__inner .item__thumbnail { margin-bottom: 32px; } .c-listArchive .c-listArchive__item .item .item__inner .item__thumbnail figure { position: relative; } .c-listArchive .c-listArchive__item .item .item__inner .item__thumbnail figure::after { display: block; clear: both; content: ""; } .c-listArchive .c-listArchive__item .item .item__inner .item__thumbnail figure::before { float: left; padding-top: 64.7668393782%; content: ""; } .c-listArchive .c-listArchive__item .item .item__inner .item__thumbnail figure > :first-child { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*-------------------------------------------- 配下メインビジュアル --------------------------------------------*/ .c-mainVisual { padding-bottom: 65px; } .p-fundinfo._detail .c-mainVisual { padding-bottom: 22px; } .c-mainVisual .c-mainVisual__body { max-width: 1300px; padding: 29px 30px 12px; margin: -180px auto 0; } .c-mainVisual .c-mainVisual__heading h1 { font-size: 3.6rem; } .c-mainVisual .c-mainVisual__heading p { margin-block: 11px 0; font-size: 2.4rem; line-height: 225%; } .c-mainVisual .c-label__list { margin-bottom: 4px; } .c-mainVisual .c-inlineList { margin-top: 24px; font-size: 1.8rem; } .c-mainVisual .c-mainVisual__image { height: 485px; } .c-mainVisual .c-commentList { /*250217追加*/ margin-top: 8px; margin-bottom: 0; } .c-mainVisual .c-commentList::before, .c-mainVisual .c-commentList::after { /*250217追加*/ content: none; } /*-------------------------------------------- モーダル --------------------------------------------*/ .c-modal.modal { max-width: 890px; } .c-modal .c-modal__inner { padding: 45px; } .c-modal .c-modal__buttonTitle span { font-size: 3.6rem; } .c-modal .c-modal__buttonList { gap: 40px 20px; } .c-modal .c-modal__buttonList li { width: 282px; } /*-------------------------------------------- 共通セクション --------------------------------------------*/ .c-section:not(:first-child) { margin-top: 80px; } .c-section:nth-child(odd)::before { margin-block: -40px; transform: skewY(8deg); } .c-section:nth-child(odd)._narrow::before { width: 100vw; left: 0; margin-inline: calc((100vw - 100%) / -2); } .c-section:nth-child(odd)._right::before, .c-section:nth-child(odd)._left::before { width: calc(100% + 3.4722222222vw); } /* .c-section:nth-child(odd)._narrow::before { left: -3.4722222222vw; }*/ .c-section .c-section__inner { padding-block: 60px 80px; } .c-section._narrow { padding-inline: 4.8611111111vw; margin-inline: 3.4722222222vw; } .c-section._right { padding-inline: 8.3333333333vw 4.8611111111vw; margin-right: 3.4722222222vw; } .c-section._left { padding-inline: 4.8611111111vw 8.3333333333vw; margin-left: 3.4722222222vw; } /*-------------------------------------------- splide reset --------------------------------------------*/ div:not(.p-topMainVisual) .splide__arrows { gap: 0 30px; margin-top: 53px; } div:not(.p-topMainVisual) .splide__arrow svg { width: 25px; height: 25px; } /*-------------------------------------------- テーブル --------------------------------------------*/ .c-table._data thead th { padding: 5px; font-size: 1.8rem; } .c-table._data tbody th, .c-table._data tbody td { padding: 6px; font-size: 1.8rem; } .l-main .table02 th { padding: 5px; font-size: 1.8rem; } .l-main .table02 tbody td { padding: 5px; font-size: 1.8rem; } /*-------------------------------------------- フッター --------------------------------------------*/ .l-footer { margin-top: 90px; } .l-footer .l-footer__inner { display: block; max-width: 1300px; padding-inline: 50px; margin-inline: auto; } .l-footer .l-footer__globalNav { flex-shrink: 0; } .l-footer .l-footer__globalNav .c-menu { display: grid; grid-template-rows: 1fr; grid-template-columns: repeat(4, 25%); gap: 0 0; width: auto; max-width: calc(1300px + 16.6666666667vw); padding: 100px 8.3333333333vw 89px; margin-inline: auto; box-sizing: border-box; } .l-footer .l-footer__globalNav .c-menu::before, .l-footer .l-footer__globalNav .c-menu::after { display: none; } .l-footer .l-footer__globalNav .c-menu .c-menuList { display: block; border-right: 1px solid rgba(255, 255, 255, 0.1); } .l-footer .l-footer__globalNav .c-menu .c-menuList:first-child { border-left: 1px solid rgba(255, 255, 255, 0.1); } .l-footer .l-footer__globalNav .c-menu .c-menuList__item { /*250212修正*/ padding-top: 1px; padding-inline: 36px 26px; font-size: 1.6rem; } .l-footer .l-footer__globalNav .c-menu li.sub { /*250212追加*/ margin-top: 10px !important; } .l-footer .l-footer__globalNav .c-menu li.sub:nth-child(2) { /*250212追加*/ margin-top: 52px !important; } .l-footer .l-footer__globalNav .c-menu .c-menuList__item[data-menu=sustainability] { margin-top: 0; } .l-footer .l-footer__globalNav .c-menu .c-menuList__item + .c-menuList__item { margin-top: 52px; } .l-footer .l-footer__globalNav .c-accordionSP .c-accordionSP__button a { font-size: 1.8rem; font-weight: 700; } .l-footer .l-footer__globalNav .c-accordionSP .c-accordionSP__button a::after { margin-left: 7px; } .l-footer .l-footer__globalNav .c-menu__spacer { margin-top: 6px !important; } .l-footer .l-footer__globalNav .c-subMenuList[data-type=related] .c-subMenuList__item { margin-top: 3px; } .l-footer .l-footer__globalNav .c-subMenuList__item + .c-subMenuList__item { margin-top: 3px; } .l-footer .l-footer__globalNav .c-subMenuList__item a { font-size: 1.4rem; line-height: 150%; } .l-footer .l-footer__globalNav .c-menu .c-subMenuList__item a::after { width: 8px; height: 12px; } .l-footer .l-footer__globalNav .c-menu .c-subMenuList__title { font-size: 1.4rem; margin-bottom: 6px; } .l-footer .l-footer__globalNav .c-menu .c-subMenuList__title:not(:first-child) { margin-top: 8px; } .l-footer .l-footerUtility .l-footerUtility__list { display: flex; align-items: center; } .l-footer .l-footerUtility .l-footerUtility__list > li + li { margin-top: 0; margin-left: min(2.0833333333vw, 30px); } .l-footer .l-footerUtility .l-footerUtility__list > li a { font-size: 1.6rem; } .l-footer .l-footerInfo { display: grid; grid-auto-columns: 1fr; grid-template-columns: -webkit-max-content 1fr; grid-template-columns: max-content 1fr; grid-template-rows: -webkit-min-content 1fr; grid-template-rows: min-content 1fr; gap: 0 30px; margin-top: 25px; } .l-footer .l-footerInfo__risk { order: 3; grid-area: 2/2/3/3; } .l-footer .l-footerInfo__risk::before { width: 47px; height: 47px; } .l-footer .l-footerInfo__risk .riskBlock { font-size: 1.4rem; } .l-footer .l-footerInfo__risk .riskBlock a { font-size: 1.6rem; } .l-footer .l-footerInfo__inner { display: contents; } .l-footer .l-footerInfo__logo { order: 1; grid-area: 1/1/2/3; } .l-footer .l-footerInfo__logo img { width: 348px; } .l-footer .l-footerInfo__desc { order: 2; grid-area: 2/1/3/2; font-size: 1.4rem; } .l-footer .l-footerInfo__desc dt { -moz-text-align-last: auto; text-align-last: auto; } .l-footer .l-footerInfo__desc .desc__copy { margin-top: 15px; } /*-------------------------------------------- グローバルナビゲーション --------------------------------------------*/ .l-globalNav { position: fixed; right: 0; left: 0; z-index: 1200; width: 100%; visibility: hidden; opacity: 0; transition: visibility 0.5s, opacity 0.5s; } .l-headerNav__button._navOpen + .l-globalNav { visibility: visible; opacity: 1; transition: visibility 0.5s, opacity 0.5s; } .l-globalNav .l-globalNav__body { box-sizing: border-box; max-width: 1300px; padding: 83px 50px 90px; margin-inline: auto; } .l-globalNav .l-globalNav__heading { margin-bottom: 39px; } .l-globalNav .l-globalNav__list { -moz-column-count: 4; column-count: 4; -moz-column-gap: 20px; column-gap: 20px; } .l-globalNav .l-globalNav__list2{ /*250218追加*/ display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 20px; } .colmn .l-globalNav__list2 { /*250218追加*/ display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 10px !important; } .l-globalNav .l-globalNav__item._sp { display: none !important; } .l-globalNav .l-globalNav__item._subItem > span { display: block; padding: 20px 8px 21px; font-size: 1.4rem; line-height: 133%; } .l-globalNav .l-globalNav__item._subItem { padding-bottom: 8px; border-bottom: 1px solid #cececa; } .l-globalNav .l-globalNav__item._subItem:last-child { box-sizing: border-box; display: inline-block; width: 100%; } .l-globalNav .l-globalNav__item:not(._subItem) > a { border-bottom: 1px solid #cececa; } .l-globalNav .l-globalNav__item > a { padding: 20px 10px; } .l-globalNav .l-globalNav__item a { padding: 20px 8px 21px; } .l-globalNav .l-globalNav__item a::after { width: 9px; height: 15px; } .l-globalNav .l-globalNav__item p a { padding: 13px 8px 15px 22px; line-height: 150%; } .l-globalNav .l-globalNav__item p a::before { top: 1.8em; left: 10px; } /*-------------------------------------------- ヘッダー --------------------------------------------*/ .l-header { display: grid; min-height: 127px; transition: height 0.2s linear, background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1), transform 0.3s linear, visibility 0.3s linear, -webkit-backdrop-filter 0.3s cubic-bezier(0.22, 1, 0.36, 1); transition: height 0.2s linear, background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1), backdrop-filter 0.3s cubic-bezier(0.22, 1, 0.36, 1), transform 0.3s linear, visibility 0.3s linear; transition: height 0.2s linear, background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1), backdrop-filter 0.3s cubic-bezier(0.22, 1, 0.36, 1), transform 0.3s linear, visibility 0.3s linear, -webkit-backdrop-filter 0.3s cubic-bezier(0.22, 1, 0.36, 1); background: rgba(255, 255, 255, 0.9); -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px); transform: translateY(-100%); visibility: hidden; will-change: height, background-color, backdrop-filter, transform, visibility; } .l-header:not(._top) { grid-template-rows: 1fr; grid-template-columns: min(21.3888888889vw, 308px) 1fr min(11.9444444444vw, 172px); min-height: 82px; height: var(--jsHeaderHeight); } ._navOpen .l-header:not(._top) { height: calc(82px + var(--jsHeaderGlobalNav)); } .l-header:not(._top) .l-header__inner { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; min-height: 82px; } .l-header:not(._top) .l-header__navigation { display: flex; grid-area: 1/2/2/3; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; min-height: 82px; align-items: end; } .l-header:not(._top) .l-headerNav .l-headerNav__button { font-size: min(14px, calc(14 / 1500) * 100vw * 1.4); } .l-header:not(._top) .l-header__ndirect { grid-area: 1/3/2/4; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; min-height: 82px; } .l-header:not(._top) .l-header__ndirect a { height: 100%; min-height: 82px; padding-inline: min(0.6944444444vw, 10px); } .l-header:not(._top) .l-header__ndirect a img { width: min(7.6388888889vw, 90px); } .l-header:not(._top) .l-headerNav__list { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; min-height: 82px; } .l-header:not(._top) #navigation #globalNavi { width: 100%; } .l-header:not(._top) .l-headerInformation { display: none; } .l-header._top { position: absolute; grid-template-rows: -webkit-max-content -webkit-max-content; grid-template-rows: max-content max-content; grid-template-columns: 1fr 180px; grid-auto-columns: 1fr; gap: 0 20px; height: var(--jsHeaderHeight); transform: translateY(0); visibility: visible; overflow: hidden; } ._navOpen .l-header._top { position: fixed; height: calc(var(--jsHeaderHeight) + var(--jsHeaderGlobalNav)); } .l-header._top .l-header__inner { grid-area: 1/1/2/2; } .l-header._top .l-headerNav { grid-area: 2/1/3/2; } .l-header._top .l-header__ndirect { grid-area: 1/2/3/3; min-height: 127px; } .l-header._menuNarrow:not(._menuHide) { visibility: visible; } .l-header._menuHide:not(._top) { visibility: hidden; } .l-header .l-header__inner { display: grid; grid-template-columns: min(21.3888888889vw, 308px) 1fr; gap: 0 0; align-items: center; } .l-header .l-header__logo { width: 100%; padding: 8px 0 12px 15px; margin-top: 2px; } .l-header .l-headerInformation { display: flex; justify-self: flex-end; padding: 0; } .l-header .l-headerInformation .l-headerInformation__list { display: inline-flex; align-items: center; } .l-header .l-headerInformation .l-headerInformation__list > li + li { margin-left: 12px; } .l-header .l-headerInformation .l-headerInformation__list > li:last-child { margin-left: 10px; } .l-header .l-headerNavWrap { display: contents; } .l-header .l-headerNavWrap__inner { display: contents; } .l-header .l-headerNav { display: flex; justify-content: center; } .l-header .l-headerNav .l-headerNav__list { display: inline-flex; align-items: center; justify-content: center; padding: 0; margin-left: min(1.3888888889vw, 20px); } .l-header .l-headerNav .l-headerNav__item + .l-headerNav__item { margin-left: min(0.5555555556vw, 10px); } .l-header .l-headerNav .l-headerNav__link { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding-inline: 20px; cursor: pointer; } .l-header .l-headerNav .l-headerNav__button { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding-inline: min(0.8333333333vw, 15px); cursor: pointer; } .l-header._top .l-headerNav .l-headerNav__button { min-height: 62px; padding-inline: 20px; } .l-header .l-headerNav .l-headerNav__button._navOpen { color: #e60012; } .l-header .l-headerNav .l-headerNav__button._navOpen::after { opacity: 1; } .l-header .l-headerNav .l-headerNav__button._current { color: #e60012; } .l-header .l-headerNav .l-headerNav__button._current::after { opacity: 1; } .l-header .l-header__ndirect { margin-top: 0; } .l-header .l-header__ndirect a { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; font-size: 1.4rem; color: #fff; text-decoration: none; background: #e60012; } .l-header .l-header__ndirect span { display: block; margin-block: -6px 6px; font-size: min(11px, calc(11 / 1500) * 100vw * 1.4); } .l-header .l-headerSPitem { display: none; } /*-------------------------------------------- wrapper --------------------------------------------*/ .l-wrapper._navOpen { position: relative; } .l-wrapper._navOpen::before { position: fixed; top: calc(var(--jsHeaderHeight) + var(--jsHeaderGlobalNav)); left: 0; z-index: 3; width: 100%; height: 100%; content: ""; background-color: #000; opacity: 0; -webkit-animation: 0.1s linear 0.1s overlaly forwards; animation: 0.1s linear 0.1s overlaly forwards; will-change: animation; } /*-------------------------------------------- 重要なお知らせ --------------------------------------------*/ /*.p-topNotice { 250310削除 padding: 30px 0 60px; }*/ .l-main.home > .p-topNotice { /*250310追加*/ padding:0; padding-bottom: 20px; } .l-main.home > .p-topNotice.first { /*250310追加*/ padding-top: 20px; } .l-main.home > .p-topNotice.last { /*250310追加*/ padding-bottom: 38px; } .p-topNotice._product { padding: 0 0 65px; } .p-topNotice p { width: 819px; padding: 11px 20px; font-size: 18px; } } @media (min-width: 1024px) and (any-hover: hover) { .l-header .l-headerNav .l-headerNav__link { transition: color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .l-header .l-headerNav .l-headerNav__link:hover { color: #e60012; } .l-header .l-headerNav .l-headerNav__button { transition: color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .l-header .l-headerNav .l-headerNav__button::after { position: absolute; bottom: 0; width: 100%; height: 2px; content: ""; opacity: 0; background-color: #e60012; transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .l-header .l-headerNav .l-headerNav__button:hover { color: #e60012; } .l-header .l-headerNav .l-headerNav__button:hover::after { opacity: 1; } } @media (min-width: 1280px) { /*-------------------------------------------- ヘッダー --------------------------------------------*/ .l-header:not(._top) { grid-template-columns: 308px 1fr 172px; } .l-header:not(._top) .l-headerNav .l-headerNav__button { font-size: 16px; font-size: 1.6rem; } .l-header .l-header__inner { grid-template-columns: 308px 1fr; } .l-header .l-headerNav .l-headerNav__item + .l-headerNav__item { margin-left: 10px; } .l-header .l-header__ndirect { font-size: 1.2rem; } } @media (min-width: 1024px) and (min-width: 1280px) { .l-header .l-headerNav .l-headerNav__button { padding-inline: 15px; } } @media (min-width: 1280px) { /*-------------------------------------------- ヘッダー --------------------------------------------*/ .l-header:not(._top) { grid-template-columns: 308px 1fr 172px; } .l-header:not(._top) .l-headerNav .l-headerNav__button { font-size: 16px; font-size: 1.6rem; } .l-header .l-header__inner { grid-template-columns: 308px 1fr; } .l-header .l-headerNav .l-headerNav__item + .l-headerNav__item { margin-left: 10px; } .l-header .l-header__ndirect { font-size: 1.2rem; } } @media (min-width: 1024px) and (min-width: 1280px) { .l-header:not(._top) .l-header__ndirect a img { width: 110px; } } @media (min-width: 1500px) { .c-section .c-section__inner { max-width: 1300px; padding-inline: 0 !important; margin-inline: auto; } .p-topNotice { padding-inline: 311px; } } @media (any-hover: hover) { /*-------------------------------------------- ボタン --------------------------------------------*/ a.c-button { transition: background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } a.c-button:hover { color: #e60012; background-color: #fff; transition: background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } a:hover.c-button:not(._download)::after { background-image: url('data:image/svg+xml;utf8,'); transition: background-image 0.3s cubic-bezier(0.22, 1, 0.36, 1); } a.c-button._download::after { transition: background-image 0.3s cubic-bezier(0.22, 1, 0.36, 1); } a.c-button._download:hover::after { background-image: url('data:image/svg+xml;utf8,'); transition: background-image 0.3s cubic-bezier(0.22, 1, 0.36, 1); } button.c-button { transition: background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } button.c-button::after { transition: background-image 0.3s cubic-bezier(0.22, 1, 0.36, 1); } button.c-button:hover { color: #fff; background-color: #e60012; transition: background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } button.c-button:hover::after { background-image: url('data:image/svg+xml;utf8,'); transition: background-image 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-buttonIcon::before { transition: background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1), background-image 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-buttonIcon { transition: background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-buttonIcon:hover { color: #fff; background-color: #e60012; transition: background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-buttonIcon:hover::before { background-color: #fff; transition: background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1), background-image 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-buttonIcon._star:hover::before { background-image: url('data:image/svg+xml;utf8,'); } .c-buttonIcon._tag:hover::before { background-image: url('data:image/svg+xml;utf8,'); } .c-buttonIcon._graph:hover::before { background-image: url('data:image/svg+xml;utf8,'); } .c-buttonIcon._link:hover::before { background-image: url('data:image/svg+xml;utf8,'); } .c-buttonIcon._movie:hover::before { background-image: url('data:image/svg+xml;utf8,'); } .c-button__favorite { transition: background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-button__favorite:hover { color: #fff; background-color: #e60012; transition: background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-button__favorite:hover::after { background-image: url('data:image/svg+xml;utf8,'); transition: background-image 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-button__border._arrow { transition: background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-button__border._arrow::after { transition: background-image 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-button__border._arrow:hover { color: #fff; background-color: #e60012; transition: background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-button__border._arrow:hover::after { background-image: url('data:image/svg+xml;utf8,'); transition: background-image 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-button__border._more { transition: background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-button__border._more::after { transition: background-image 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-button__border._more:hover { color: #fff; background-color: #e60012; transition: background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-button__border._more:hover::after { background-image: url('data:image/svg+xml;utf8,'); transition: background-image 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-button__border._blank { transition: background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-button__border._blank:hover { color: #fff; background-color: #e60012; transition: background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-button__border._download::after { transition: background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-button__border._download::after::after { transition: background-image 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-button__border._download:hover { color: #fff; background-color: #e60012; transition: background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-button__border._download:hover::after { background-image: url('data:image/svg+xml;utf8,'); transition: background-image 0.3s cubic-bezier(0.22, 1, 0.36, 1); } /*-------------------------------------------- ラベル --------------------------------------------*/ .c-label { transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-label:hover { opacity: 0.5; } /*-------------------------------------------- リンク ダウンロード --------------------------------------------*/ .c-linkDownload { transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-linkDownload:hover { opacity: 0.5; } /*-------------------------------------------- タブ --------------------------------------------*/ .c-linkTab .c-linkTab__item a:hover { color: #000; border-bottom-color: #e60012; } /*-------------------------------------------- リンクテキスト --------------------------------------------*/ .c-linkTxt:hover { transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-linkTxt:hover:hover { opacity: 0.6; } /*-------------------------------------------- リスト --------------------------------------------*/ .c-list .c-list__item a { transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-list .c-list__item a:hover { opacity: 0.5; } .c-inlineList .c-inlineList__item a { transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-inlineList .c-inlineList__item a:hover { opacity: 0.5; } /*-------------------------------------------- アーカイブリスト --------------------------------------------*/ .c-listArchive .c-listArchive__item .item .item__inner { transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .c-listArchive .c-listArchive__item .item .item__inner:hover .item__thumbnail img { opacity: 0.5; } .c-listArchive .c-listArchive__item .item .item__inner .item__thumbnail img { transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1); } /*-------------------------------------------- splide reset --------------------------------------------*/ div:not(.p-topMainVisual) .splide__arrow:not([disabled]) { transition: background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } div:not(.p-topMainVisual) .splide__arrow:not([disabled]) svg { transition: fill 0.3s cubic-bezier(0.22, 1, 0.36, 1); } div:not(.p-topMainVisual) .splide__arrow:not([disabled]):hover { background-color: #e60012; transition: background-image 0.3s cubic-bezier(0.22, 1, 0.36, 1); } div:not(.p-topMainVisual) .splide__arrow:not([disabled]):hover svg { fill: #fff; transition: fill 0.3s cubic-bezier(0.22, 1, 0.36, 1); } /*-------------------------------------------- フッター --------------------------------------------*/ .l-footer .l-footer__globalNav .c-menu .c-menuList__item > a { transition: color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .l-footer .l-footer__globalNav .c-menu .c-menuList__item > a:hover { color: #e60012; transition: color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .l-footer .l-footer__globalNav .c-menu .c-accordionSP .c-accordionSP__button a { transition: color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .l-footer .l-footer__globalNav .c-menu .c-accordionSP .c-accordionSP__button a:hover { color: #e60012; transition: color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .l-footer .l-footer__globalNav .c-menu .c-subMenuList__item a { transition: color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .l-footer .l-footer__globalNav .c-menu .c-subMenuList__item a:hover { color: #e60012; transition: color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .l-footer .l-footerUtility .l-footerUtility__list > li a { transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .l-footer .l-footerUtility .l-footerUtility__list > li a:hover { opacity: 0.5; } .l-footer .l-footerInfo__risk .riskBlock a { transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .l-footer .l-footerInfo__risk .riskBlock a:hover { opacity: 0.5; } /*-------------------------------------------- グローバルナビゲーション --------------------------------------------*/ .l-globalNav .l-globalNav__heading .l-globalNav__headingTitle a span { transition: background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1), color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .l-globalNav .l-globalNav__heading .l-globalNav__headingTitle a:hover span { color: #fff; background-color: #e60012; } .l-globalNav .l-globalNav__heading .l-globalNav__headingTitle a:hover span::after { background-image: url('data:image/svg+xml;utf8,'); transition: background-image 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .l-globalNav .l-globalNav__item a { transition: color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .l-globalNav .l-globalNav__item a:hover { color: #e60012; transition: color 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .l-globalNav .l-globalNav__close .l-globalNav__closeBtn { cursor: pointer; } .l-globalNav .l-globalNav__close .l-globalNav__closeBtn:hover .l-globalNav__closeLine::before, .l-globalNav .l-globalNav__close .l-globalNav__closeBtn:hover .l-globalNav__closeLine::after { background-color: #e60012; } /*-------------------------------------------- ヘッダー --------------------------------------------*/ .l-header:not(._top):hover { background-color: #fff; -webkit-backdrop-filter: none; backdrop-filter: none; } .l-header._top:hover { background-color: #fff; } .l-header .l-headerInformation .l-headerInformation__list > li a { transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .l-header .l-headerInformation .l-headerInformation__list > li a:hover { opacity: 0.5; } .l-header .l-header__ndirect a { transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1); } .l-header .l-header__ndirect a:hover { opacity: 0.5; } } /*-------------------------------------------- ぱんくず 250220修正 --------------------------------------------*/ .topicPathCont { margin: 0 auto; padding: var(--jsHeaderHeight) 15px 0; } .topicPathCont #topicPath { display: flex; flex-wrap: wrap; list-style: none; padding: 15px 0; margin: 0; } .topicPathCont #topicPath li { margin: 0 5px; position: relative; font-size: 1.2rem; font-weight: 500; } .topicPathCont #topicPath li::before { content: ">"; margin-right: 5px; } .topicPathCont #topicPath li:first-child::before { content: ""; } @media (max-width: 1024px) { .topicPathCont { display: none; } main.l-main { /*250401追加*/ padding-top: var(--jsHeaderHeight); } /*250221削除 .c-mainVisual { margin-top: 90px; }*/ } /*-------------------------------------------- アイコンの説明 --------------------------------------------*/ #main { background-color: #fff; } .tit-icon { font-size: 3.6rem; /*font-size: 28px;*/ font-size: 36px; font-weight: 500; line-height: 1; margin: 0 0 40px; /*margin-bottom: 30px;*/ } #iconPage .figure.figureFix {/*250227修正*/ width: 30px; } #iconPage .figure.figureFix img {/*250227修正*/ height: auto; display: block; } .figure.figureFix { /*250227追加*/ width: auto!important; img {margin-inline: auto!important;} figcaption {display: inline-block;} } #modal { padding: 0; } #modal .iconModalBgColumn { background-color: #f0f0f0; } #modal .iconModalColumn .iconModalBlock .text, #modal .iconModalBgColumn .iconModalBlock .text { font-size: 1.6rem; } #modal .iconModalColumn .iconModalBlock .text span, #modal .iconModalBgColumn .iconModalBlock .text span { font-size: 1.8rem; } #modal .iconModalColumn .iconModalBlock .text p, #modal .iconModalBgColumn .iconModalBlock .text p { margin-top: 0; } #modal .iconModalColumn .iconModalBlock .figureLeft, #modal .iconModalBgColumn .iconModalBlock .figureLeft { margin-top: 6px; margin-right: 17px; } #modal .iconModalColumn .iconModalBlock { margin-bottom: 35px; padding-right: 20px; } #cboxClose { position: absolute; top: -45px; right: 0; width: 23px; height: 23px; padding: 0; background: url(/fundinfo/list/img/icon-close.png) no-repeat center center; color: #333333; font-size: 1.4rem; text-indent: -9999px; left: auto; background-size: 100%; } /* custom colorbox */ #cboxContent { box-shadow: none; padding: 45px; /*padding: 35px;*/ } #cboxOverlay { background-color: rgba(0, 0, 0, 0.35); } #modal .iconModalColumn .iconModalBlock, #modal .iconModalBgColumn .iconModalBlock { width: calc(100% / 3); } #modal .iconModalBgColumn .iconModalBlock:last-child { padding-right: 0; } /* categoryIcon */ @media not all and (min-width: 640px) { .categoryIconGrid { display: flex; gap: 5px; padding-top: 0 !important; } .categoryIcon > span { width: 20px; height: 20px; background-size: 20px auto; } } @media all and (max-width: 767px) { #modal .iconModalColumn .iconModalBlock, #modal .iconModalBgColumn .iconModalBlock { width: 100%; } #cboxContent { padding: 20px; margin-top: 70px; } #modal .iconModalColumn .iconModalBlock { padding-right: 0; margin-bottom: 20px; } .tit-icon { font-size: 20px; margin-bottom: 20px; } #modal .iconModalColumn .iconModalBlock .text, #modal .iconModalBgColumn .iconModalBlock .text { font-size: 14px; } #modal .iconModalColumn .iconModalBlock .text span, #modal .iconModalBgColumn .iconModalBlock .text span { font-size: 14px; } #modal .iconModalBgColumn .iconModalBlock .text span { margin-top: 5px; } #modal .iconModalBgColumn { margin-top: 0; padding: 15px; } #modal .iconModalBgColumn .iconModalBlock:not(:first-child) { margin-top: 20px; } #modal .iconModalBgColumn .iconModalBlock:last-child img { width: 25px; } } /* 250310期間限定（基準価額お知らせエリア） */ #standardPriceInfo { margin: 0 5.3333333333% 38px; padding: 3px 9px; color: #e60012; border: 1px solid #e60012; text-align: center; list-style: none; font-size: 14px; } #standardPriceInfo li { text-align: left; } #standardPriceInfo a[href$=".pdf"]:after, #standardPriceInfo a[href*=".pdf#"]:after { margin: 0 4px 0 3px; vertical-align: -2px; content: url(/common/img/com_ic01.png); } @media (max-width: 640px) { #standardPriceInfo a[href$=".pdf"]:after, #standardPriceInfo a[href*=".pdf#"]:after { display: inline-block; width: 12px; height: 12px; background: url(/common/img/com_ic01.png) no-repeat center; background-size: contain; vertical-align: middle; content: ""; } } @media (min-width: 640px) { #standardPriceInfo { margin: 0 6.5104166667% 38px; } } @media (min-width: 1024px) { #standardPriceInfo { max-width: 819px; margin-left: auto; margin-right: auto; font-size: 18px; } } @media print { .l-header._top {display: none;} } /*250321追加*/ #marketContentCol02 section p {margin-bottom: 1.5em;} #marketContentCol02 section p:has(+ :is(h2,h3)){margin-bottom: 4em;}