"); } .btn-reverse { background-color: var(--color01); color: var(--color100); } .globalHeader { width: 100%; background-color: rgba(255, 255, 255, 0.45); z-index: 1000; position: sticky; top: 0px; left: 0px; transition: all 0.25s linear 0s; padding: 0px; height: 60px; backdrop-filter: blur(5px); display: flex; align-items: center; } .globalHeader.shrink { background-color: rgba(255, 255, 255, 0.45); padding: 0px; height: 74px; transition: all 0.25s linear 0s; backdrop-filter: blur(5px); } @media (min-width: 1100px) { .globalHeader { background-color: var(--color01); padding: 0px; height: auto; display: grid; grid-template-columns: 20% 1fr; align-items: stretch; } } .globalHeader .siteBrand { margin: 0px; } .globalHeader .siteBrand .siteID { display: flex; flex-direction: column; align-items: flex-start; width: 50%; padding: 0.25em 0px 0.25em 4vw; } .globalHeader .siteBrand .siteID img { height: 100%; } @media (min-width: 1100px) { .globalHeader .siteBrand { padding: 0px 0px 0px 40px; display: flex; align-items: center; justify-content: center; } .globalHeader .siteBrand .siteID { width: 100%; height: auto; padding: 0px; } } .globalFunc { display: none; } @media (min-width: 1100px) { .globalFunc { display: grid; grid-template-rows: 1fr 1fr; width: 100%; } } .globalFunc .upperFunc { background-color: var(--color100); clip-path: polygon(0px 0px, 100% 0%, 100% 100%, 60px 100%); display: flex; align-items: center; justify-content: flex-end; padding: 0px 4vw; } @media (min-width: 1100px) { .globalFunc .upperFunc { padding: 0px 0px 0px 4vw; } } .globalFunc .upperFunc .nav { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem 1vw; padding: 0.5rem 0px; list-style: none; } .globalFunc .upperFunc .nav li { list-style: none; margin: 0px; width: auto; flex: 1 1 auto; display: flex; align-items: center; justify-content: center; position: relative; } .globalFunc .upperFunc .nav li a { display: flex; align-items: center; font-size: min(4vw, 0.875rem); color: var(--color01); letter-spacing: 0.075em; white-space: nowrap; } .globalFunc .upperFunc .nav li a::before { content: ""; display: inline-block; margin-right: 0.5em; width: min(5vw, 2em); height: min(5vw, 2em); background-size: contain; background-repeat: no-repeat; } .ico-faq::before { background-image: url("data:image/svg+xml;utf-8,"); } .ico-callback::before { background-image: url("data:image/svg+xml;utf-8,"); } .ico-contact::before { background-image: url("data:image/svg+xml;utf-8,"); } .ico-init::before { background-image: url("data:image/svg+xml;utf-8,"); } .ico-next::before { background-image: url("data:image/svg+xml;utf-8,"); } .ico-results::before { background-image: url("data:image/svg+xml;utf-8,"); } .ico-news2::before { background-image: url("data:image/svg+xml;utf-8,"); } .ico-callback2::before { background-image: url("data:image/svg+xml;utf-8,"); } .ico-faq2::before { background-image: url("data:image/svg+xml;utf-8,"); } .globalFunc .upperFunc .nav li.toShinsei a { color: var(--color02); background: var(--color01); line-height: 1; padding: 0.5em 0.75em 0.5em 1em; border-radius: 2em; } .globalFunc .upperFunc .nav li.toShinsei a::before { display: none !important; } @media (min-width: 1100px) { .globalFunc .upperFunc .nav li.toShinsei a { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 0px 0px; } } .chgSize { font-size: min(4vw, 0.875rem); background-color: var(--color100); color: var(--color01); padding: 0.5em 1em 1em; display: none; } @media (min-width: 1100px) { .chgSize { display: flex; flex-direction: column; align-items: center; justify-content: center; } } .chgSize dt { padding: 0px 0px 0.25em; white-space: nowrap; } .chgSize dd { display: flex; justify-content: center; column-gap: 5px; } .chgSize dd span { color: rgb(231, 87, 156); background-color: var(--color101); width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; cursor: pointer; } .chgSize dd span.active { background-color: var(--color01); color: var(--color100); } .globalFunc .lowerFunc { display: flex; width: 100%; align-items: center; justify-content: flex-end; padding: 0px; } .globalFunc .lowerFunc .nav { width: 100%; max-width: 96%; margin: 0px; list-style: none; display: flex; align-items: center; justify-content: space-between; } .globalFunc .lowerFunc .nav li { width: auto; flex: 1 1 auto; display: flex; align-items: center; justify-content: center; position: relative; } .globalFunc .lowerFunc .nav li:not(:last-of-type)::after { content: ""; width: 1px; height: 2rem; display: block; background-color: rgb(143, 143, 143); } .globalFunc .lowerFunc .nav li { margin: 0px; } .globalFunc .lowerFunc .nav li > a, .globalFunc .lowerFunc .nav li > span { display: flex; align-items: center; justify-content: center; font-size: min(4vw, 1rem); font-weight: 600; color: var(--color102); white-space: nowrap; padding: 0.25em 0.5em; width: 100%; text-align: center; transition: all 0.25s ease 0s; cursor: pointer; } .globalFunc .lowerFunc .nav li > a.current, .globalFunc .lowerFunc .nav li > a:hover { color: var(--color100); text-decoration: underline; } .localNav ul li a[class^="ico-"]::before { content: ""; display: inline-block; margin-right: 0.5em; width: min(5vw, 1.75em); height: min(5vw, 1.75em); background-size: contain; background-repeat: no-repeat; } .localNav ul li a.ico-callback::before { background-image: url("data:image/svg+xml;utf-8,"); } .localNav ul li a.ico-faq::before { background-image: url("data:image/svg+xml;utf-8,"); } .localNav ul li a.ico-contact::before { margin-left: -5px; background-image: url("data:image/svg+xml;utf-8,"); width: min(6vw, 2.5em) !important; } .localSearch { display: flex; border-radius: 16px; border: 1px solid rgb(107, 111, 135); overflow: hidden; } .localSearch input[name="q"] { width: 90%; border-radius: 0px; padding: 0.5em 0.5em 0.5em 1em; border: none; outline: none; } @media (min-width: 1100px) { .localSearch input[name="q"] { width: 130px; } } .localSearch button[name="sa"] { width: 36px; padding: 0.5em; border-radius: 0px 16px 16px 0px; background-color: var(--color01); border: none; cursor: pointer; display: flex; justify-content: center; align-items: center; } .gsc-orderby-container { display: none !important; visibility: hidden !important; } .gcsc-more-maybe-branding-root { display: none !important; visibility: hidden !important; } #___gcse_0 { border-radius: 6px; margin-bottom: 1rem; padding: min(4vw, 2em); background-color: var(--color01); box-sizing: border-box; border: 1px solid var(--color-re-006); } .gsc-webResult.gsc-result { border-bottom: 1px solid rgb(204, 204, 204) !important; padding: 1rem 0px !important; } .gs-result .gs-title, .gs-result .gs-title * { margin-bottom: 0.25em; font-size: min(3vw, 1.375rem) !important; color: var(--color102) !important; } .gs-webResult .gs-visibleUrl { color: var(--color05) !important; } .gs-snippet { font-size: min(3vw, 1rem) !important; color: rgb(71, 71, 71) !important; margin-top: 0.5em !important; } .gs-fileFormat { display: none !important; visibility: hidden !important; } .gs-web-image-box { width: 100px !important; } .gs-web-image-box .gs-image { max-width: 100% !important; } .gs-web-image-box .gs-image::after { display: none !important; visibility: hidden !important; } .gsc-results .gsc-cursor { align-items: center; justify-content: center; gap: 1em; display: flex !important; } .gsc-results .gsc-cursor-box .gsc-cursor-page { font-size: min(3vw, 1.125rem); line-height: 1; border: 1px solid var(--color100); padding: 0.35em 0.5em; background: var(--color103); margin-right: 0px !important; color: var(--color100) !important; } .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page { background: var(--color100); pointer-events: none; color: var(--color01) !important; } .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { background: var(--color100); opacity: 0.75; color: var(--color01) !important; text-decoration: none !important; } .fv { display: block; width: 100%; position: relative; overflow: hidden; background: rgb(221, 238, 255); } @media (min-width: 960px) { .fv { } } .fvInner { display: flex; flex-direction: column; } @media (min-width: 640px) { .fvInner { display: grid; grid-template-columns: 1fr 57%; } } .slogan { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 0.5rem; padding-top: 8%; } @media (min-width: 640px) { .slogan { padding-top: 0px; } } .slogan p:nth-of-type(1) { font-size: 6vw; font-weight: 600; color: rgb(51, 51, 51); white-space: nowrap; width: 100%; text-align: center; } @media (min-width: 640px) { .slogan p:nth-of-type(1) { font-size: min(3vw, 2.125rem); text-align: left; } } .slogan p:nth-of-type(1) > span { color: var(--color-re-001); } .slogan p:nth-of-type(2) { font-size: 3.8vw; color: rgb(51, 51, 51); text-align: center; } @media (min-width: 640px) { .slogan p:nth-of-type(2) { font-size: min(2vw, 1.25rem); text-align: left; } } .fv .keyvisual { padding: 0px; width: 92%; margin: auto; } @media (min-width: 640px) { .fv .keyvisual { width: 100%; padding-top: 2vw; padding-left: 3vw; } } .fv .keyvisual img { width: 100%; margin-bottom: -8%; } @media (min-width: 640px) { .fv .keyvisual img { width: 100%; margin-bottom: 0px; } } .toggleList > * { transition: transform 0.2s ease-out 0s, opacity 0.2s linear 0s; } .toggleList .hide { opacity: 0; transform: translate3d(0px, 10px, 0px); backface-visibility: hidden; } #newsIndex { padding: min(6vh, 60px) 0px min(10vh, 100px); } #newsIndex .secHeadline { text-align: center; font-weight: 600; font-size: min(6vw, 2.5rem); color: var(--color-re-002); padding: 0px; margin-bottom: 1em; } .ico-bell::before { content: ""; display: inline-block; margin-right: 0.75rem; width: min(6vw, 2rem); height: min(6vw, 2rem); font-size: 1rem; padding: 0px; justify-self: center; vertical-align: middle; background-color: transparent; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml;utf-8,") !important; } .info_cat { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; width: 100%; padding: 0px; list-style: none; column-gap: 0.5em; margin: 2em auto; } @media (min-width: 768px) { .info_cat { width: 80%; padding: 0px; column-gap: 1.5em; } } .info_cat li { border-radius: 16px; font-size: min(3.5vw, 1rem); border: 1px solid rgb(144, 144, 144); color: rgb(144, 144, 144); font-weight: 400; line-height: 1; padding: 0.4em 1em 0.55em; display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; position: relative; white-space: nowrap; margin-left: 0px; } .info_cat li.current, .info_cat li:hover { background-color: var(--color100); color: var(--color01); border: 1px solid var(--color100); } .newsIndex::-webkit-scrollbar { width: 14px; } .newsIndex::-webkit-scrollbar-track { background-color: rgb(238, 238, 238); } .newsIndex::-webkit-scrollbar-thumb { background-image: none; background-color: rgb(221, 221, 221); box-shadow: none; } .newsIndex { max-height: 30em; overflow-y: scroll; position: relative; width: 100%; margin: 0px auto; padding: 0px; display: block; letter-spacing: -0.05em; } .newsIndex .listItem { display: inline-block; vertical-align: top; position: relative; padding: 0.5em 0px; margin: 0px; letter-spacing: 0px; width: 100%; border-bottom: 1px solid rgb(220, 220, 220); } .newsIndex .listItem.on { position: sticky; top: 0px; left: 0px; z-index: 10; background-color: var(--color07); display: flex; align-items: center; padding: 1em 0px 1em 1em; border-radius: 10px; margin-bottom: 1em; border-bottom: 0px; } .newsIndex .listItem.on::before { content: ""; display: inline-block; padding: 0.75em; position: absolute; left: -0.5em; top: -0.5em; border: 1px solid rgb(220, 220, 220); border-radius: 50%; background-color: var(--color01); width: min(4vw, 1.5em); height: min(4vw, 1.5em); background-size: 50%; background-position: center center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf-8,"); } @media (min-width: 768px) { .newsIndex .listItem.on::before { position: static; border: none; border-radius: 0px; background-color: transparent; margin-right: 0.25em; width: min(3vw, 0.75em); height: min(3vw, 0.75em); } } .newsIndex .listItem:has(a.itemHeadline):hover { cursor: pointer; background: rgb(238, 238, 238); } .newsIndex .listItem .itemHeadline { font-weight: 400; display: flex; flex-wrap: wrap; align-items: center; padding: 0.25em 0px; width: 100%; } @media (min-width: 768px) { .newsIndex .listItem .itemHeadline { flex-wrap: nowrap; } } .newsIndex .listItem .itemHeadline > * { font-size: min(3.5vw, 1rem); line-height: 1; color: var(--color02); } .newsIndex .listItem .itemHeadline > time { min-width: 5.5em; text-align: center; } .newsIndex .listItem .itemHeadline > div:nth-of-type(1) { min-width: 7.5em; } .newsIndex .listItem .itemHeadline > div:nth-of-type(1) p { border-radius: 16px; font-size: min(3vw, 0.75rem); background: rgb(255, 255, 255); border: 1px solid rgb(144, 144, 144); color: rgb(144, 144, 144); font-weight: 400; line-height: 1; padding: 0.4em 1em 0.55em; display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; position: relative; white-space: nowrap; width: calc(100% - 3em); margin: auto; } .newsIndex .listItem.on .itemHeadline > div:nth-of-type(1) p { background-color: var(--color01); } .newsIndex .listItem .itemHeadline > div:nth-of-type(2) { width: 100%; padding: 0px 1em 0px 0px; line-height: 2; display: block; column-gap: 0.5em; text-align: left; } @media (min-width: 768px) { .newsIndex .listItem .itemHeadline > div:nth-of-type(2) { width: auto; flex-grow: 1; line-height: 1.6; } } .newsIndex .listItem .itemHeadline > div:nth-of-type(2) .newBadge { display: inline-block; vertical-align: -0.5em; margin-left: 0.25rem; } .newsIndex .listItem .itemHeadline > div:nth-of-type(2) > a, .newsIndex .listItem .itemHeadline > div:nth-of-type(2) > span:not(.newBadge):not([style]) { color: var(--color02); display: inline; border-bottom: 1px solid rgb(0, 0, 0); margin: 0px 0.25em; transition: all 0.25s ease 0s; } .newsIndex .listItem .itemHeadline > div:nth-of-type(2) > a:hover, .newsIndex .listItem:has(a.itemHeadline):hover .itemHeadline > div:nth-of-type(2) > span:not(.newBadge):not([style]) { border-bottom: 1px solid transparent; } .newsIndex .listItem a.itemHeadline::after { content: "›"; color: rgb(102, 102, 102); font-size: 16px; padding: 0px; display: flex; width: min(3vw, 1em); height: min(3vw, 1em); margin-left: 0px; margin-right: 0px; justify-content: center; align-items: center; line-height: 1; position: absolute; right: 0.5em; top: calc(50% - 0.6em); background-color: transparent; background-image: none !important; } #newsDetail { padding: min(10vh, 100px) 0px; } .newsDetail { width: 100%; margin: 0px auto; padding: 0px; display: block; letter-spacing: -0.05em; } .newsDetail .listItem { display: inline-block; vertical-align: top; position: relative; padding: 0.5em 0px; letter-spacing: 0px; width: 100%; border-bottom: 1px solid rgb(220, 220, 220); } .newsDetail .listItem.on { background-color: var(--color07); display: flex; align-items: center; padding: 1em 0px 1em 1em; border-radius: 10px; margin-bottom: 1em; border-bottom: 0px; } .newsDetail .listItem.on::before { content: ""; display: inline-block; padding: 0.75em; position: absolute; left: -0.5em; top: -0.5em; border: 1px solid rgb(220, 220, 220); border-radius: 50%; background-color: var(--color01); width: min(4vw, 1.5em); height: min(4vw, 1.5em); background-size: 50%; background-position: center center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf-8,"); } @media (min-width: 768px) { .newsDetail .listItem.on::before { position: static; border: none; border-radius: 0px; background-color: transparent; margin-right: 0.25em; width: min(3vw, 0.75em); height: min(3vw, 0.75em); } } .newsDetail .listItem .itemHeadline { font-weight: 400; display: flex; flex-wrap: wrap; align-items: center; cursor: pointer; padding: 0px; width: 100%; } @media (min-width: 768px) { .newsDetail .listItem .itemHeadline { flex-wrap: nowrap; } } .newsDetail .listItem .itemHeadline > * { font-size: min(3.5vw, 1rem); line-height: 1; color: var(--color02); } .newsDetail .listItem .itemHeadline > time { min-width: 5.5em; text-align: center; } .newsDetail .listItem .itemHeadline > div:nth-of-type(1) { min-width: 7.5em; } .newsDetail .listItem .itemHeadline > div:nth-of-type(1) p { border-radius: 16px; font-size: min(3vw, 0.75rem); border: 1px solid rgb(144, 144, 144); color: rgb(144, 144, 144); font-weight: 400; line-height: 1; padding: 0.4em 1em 0.55em; display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; position: relative; white-space: nowrap; width: calc(100% - 3em); margin: auto; } .newsDetail .listItem.on .itemHeadline > div:nth-of-type(1) p { background-color: var(--color01); } .newsDetail .listItem .itemHeadline > div:nth-of-type(2) { width: 100%; padding: 0.75em 2em 0px 0px; line-height: 1.4; } @media (min-width: 768px) { .newsDetail .listItem .itemHeadline > div:nth-of-type(2) { width: auto; flex-grow: 1; padding-top: 0px; line-height: 1.6; } } .newsDetail .listItem a.itemHeadline::after { content: "›"; display: flex; width: min(3vw, 1em); height: min(3vw, 1em); justify-content: center; align-items: center; line-height: 1; position: absolute; right: 0.5em; top: calc(50% - 0.6em); } .newsDetail .listItem dt.itemHeadline::after { content: "＋"; display: flex; color: rgb(167, 167, 167); width: min(4vw, 1em); height: min(4vw, 1em); justify-content: center; align-items: center; position: absolute; right: 0.5em; top: 0.5em; } .newsDetail .listItem.toggleOpen dt.itemHeadline::after { content: "ー"; } .newsDetail .listItem dd { display: none; overflow: hidden; width: 100%; margin-top: 0.5em; } .newsDetail .listItem.toggleOpen dd { height: auto; } .newsDetail .listItem dd div { width: 100%; padding: 1rem; background-color: var(--color09); border-radius: 16px; } .newsDetail .listItem dd div p { line-height: 1.8; width: 100%; font-feature-settings: "palt"; font-size: min(3.5vw, 1rem); font-weight: 400; } .newsDetail .listItem dd div p:empty { display: none !important; } #about { background: linear-gradient(rgb(234, 101, 138), rgb(253, 238, 155)); } #about .secHeadline { color: var(--color01); font-size: min(4vw, 1.375rem); margin: 0px auto min(10vh, 60px); width: 70%; position: relative; padding: 0px; justify-content: flex-start; } #about .secHeadline img { max-width: 100%; width: 100%; margin: 0px auto 0px 0px; } #about .secHeadline span { display: inline-block; padding: 0px; position: absolute; right: 0px; top: 0.5em; font-size: min(5vw, 1.375rem); } @media (min-width: 960px) { #about .secHeadline { width: fit-content; } #about .secHeadline img { width: calc(100% - 3em); } #about .secHeadline span { top: calc(50% + 0.5em); } } #about .secLead { color: var(--color01); } .scheduleTable { background-color: rgb(255, 255, 255); } @media (min-width: 960px) { .scheduleTable > dl { display: grid; grid-template-columns: 26% 1fr; } .wd_entry_table02.scheduleTable > dl { display: grid; grid-template-columns: 34% 1fr; } } .scheduleTable > dl:nth-of-type(1) { display: none; } @media (min-width: 960px) { .scheduleTable > dl:nth-of-type(1) { display: grid; } } .scheduleTable > dl:nth-of-type(1) > dt, .scheduleTable > dl:nth-of-type(1) > dd { background-color: rgb(203, 206, 217); display: flex; align-items: center; justify-content: center; padding: 1.5em 1em; font-weight: 600; } .scheduleTable > dl > dt, .scheduleTable > dl > dd { font-size: min(3.5vw, 1rem); line-height: 1; margin-top: -1px; margin-left: -1px; border: 1px solid rgb(153, 153, 153); } .scheduleTable > dl > dt { display: flex; align-items: center; justify-content: center; padding: 1em; line-height: 2.2; background-color: var(--color-re-003); font-size: min(4vw, 1.25rem); font-weight: 600; } @media (min-width: 960px) { .scheduleTable > dl > dt { background-color: rgb(255, 255, 255); padding: 2em; font-size: min(3.5vw, 1rem); } } .scheduleTable > dl > dd { padding: 1.5em; line-height: 2.2; } .scheduleTable > dl > dd.nopad { padding: 0px; } .scheduleTable > dl > dd > table { border-collapse: collapse; margin-top: -1px; margin-left: -1px; width: calc(100% + 2px); } .scheduleTable > dl > dd > table th, .scheduleTable > dl > dd > table td { font-size: min(3.5vw, 1rem); margin-top: -1px; margin-left: -1px; border: 1px solid rgb(153, 153, 153); line-height: 1; } .scheduleTable > dl > dd > table th { background-color: rgb(229, 231, 237); text-align: center; padding: 0.75em 1em; font-weight: 600; } .scheduleTable > dl > dd > table td { text-align: center; padding: 1em; } .scheduleTable > dl > dd > table tr:last-of-type td { border-bottom: none; text-align: left; line-height: 1.8; } .scheduleTable > dl > dd > dl { padding: 1.5em; border-bottom: 1px solid rgb(153, 153, 153); } .scheduleTable > dl > dd > dl:last-child { border-bottom: none; } .scheduleTable > dl > dd > dl > dt { font-weight: 600; padding-bottom: 0.5em; line-height: 2.2; } .scheduleTable > dl > dd > dl > dt.wd_follow { margin-top: 2rem; } .scheduleTable > dl > dd > dl > dt span { color: var(--color100); display: inline-block; padding-left: 1em; } .scheduleTable > dl > dd > dl > dd { line-height: 2; } #accessibility .secLead { font-size: min(4vw, 1rem); line-height: 2.2; text-align: justify; color: var(--color02); width: 100%; max-width: var(--innerwidth); margin: 0px auto 2em; padding: 0px 4vw; } @media (min-width: 960px) { #accessibility .secLead { padding: 0px; } } .exnotes { display: flex; align-items: flex-start; flex-direction: column; } .exnotes dt { font-weight: 600; width: 10%; text-align: center; } .exnotes dd { width: 90%; } .exnotes dd > ul li { list-style: none; } @media (min-width: 960px) { .exnotes { flex-direction: row; align-items: center; } } .sysRequire { display: flex; align-items: flex-start; flex-flow: column wrap; row-gap: 1em; } @media (min-width: 960px) { .sysRequire { flex-direction: row; align-items: center; } } .sysRequire > dt { font-weight: 600; text-align: center; background-color: rgb(249, 249, 249); display: flex; align-items: center; justify-content: center; width: 100%; } .sysRequire > dd { width: 100%; } @media (min-width: 960px) { .sysRequire > dt { width: 14em; min-height: 14em; } .sysRequire > dd { width: calc(100% - 14em); padding: 0px 0px 0px 1em; text-align: justify; } } .sysRequire > dd > dl > dt { font-weight: 600; font-size: min(4vw, 20px); } .sysRequire > dd > dl > dd { padding-bottom: 1em; } .accCheckList { background-color: rgb(255, 255, 255); } .accCheckList > dl { display: grid; grid-template-columns: 10% 7% 1fr 7% 7% 20%; } .accCheckList > dl:nth-of-type(1) > dt, .accCheckList > dl:nth-of-type(1) > dd { background-color: rgb(203, 206, 217); display: flex; align-items: center; justify-content: center; line-height: 1; padding: 1em; font-weight: 600; } .accCheckList > dl > dt, .accCheckList > dl > dd { display: flex; align-items: center; justify-content: center; font-size: min(3.5vw, 1rem); line-height: 1; margin-top: -1px; margin-left: -1px; border: 1px solid rgb(153, 153, 153); } .accCheckList > dl > dt { display: flex; align-items: center; justify-content: center; padding: 1em; line-height: 1.4; background: rgb(203, 206, 217); font-weight: 600; } @media (min-width: 960px) { .accCheckList > dl > dt { background-color: rgb(255, 255, 255); } } .accCheckList > dl > dd { padding: 1em; line-height: 1.4; } .accCheckList > dl:not(:nth-of-type(1)) > dd:nth-of-type(2) { justify-content: flex-start; } .accCheckList > dl > dd.nopad { padding: 0px; } .accCheckList > dl > dd > dl { padding: 2em 1em; border-bottom: 1px solid rgb(153, 153, 153); } .accCheckList > dl > dd > dl:last-child { border-bottom: none; } .accCheckList > dl > dd > dl > dt { font-weight: 600; padding-bottom: 0.5em; line-height: 2.2; } .accCheckList > dl > dd > dl > dt span { color: var(--color100); display: inline-block; padding-left: 1em; } .accCheckList > dl > dd > dl > dd { line-height: 2.2; } .docInfo { margin-bottom: 0.75em; } .downloads { display: grid; grid-template-columns: 1fr; padding: 0px; gap: 1rem; } @media (min-width: 768px) { .downloads { grid-template-columns: repeat(auto-fill, minmax(352px, 1fr)); gap: 1.5rem; } } .downloads:has(a:only-child) { justify-content: flex-start; } .downloads .docs { text-decoration: none; } @media (min-width: 768px) { .downloads .docs { text-decoration: none; } } .docs { display: grid; grid-template-columns: 1fr min(17%, 42px); align-items: center; justify-content: space-between; background-color: var(--color01); border-radius: 7px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 0px 0px; width: 100%; padding: 1.5rem 2rem; margin: 0px; height: 100%; border: 1px solid rgba(0, 0, 0, 0.1); transition: transform 0.2s ease-in 0s, box-shadow 0.2s ease-in 0s; } a.docs:hover { transform: translateY(5px); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px; } a.docs::after { content: ""; display: block; width: 42px; height: 53px; padding: 0px; color: transparent; background-position: left center; background-repeat: no-repeat; background-size: contain; margin: 0px !important; background-color: transparent !important; } a.docs[href$=".pdf"]::after { background-image: url(""); } a.docs[href$=".docx"]::after { background-image: url(""); } a.docs[href$=".xlsx"]::after { background-image: url(""); } a.docs[href$=".pptx"]::after { background-image: url(""); } a.docs[href$=".zip"]::after { background-image: url(""); } .docs p { font-size: min(4vw, 1.125rem); color: var(--color02); font-weight: 600; } .docs p small { display: block; font-size: 61%; margin-top: 0.5em; font-weight: 400; color: var(--color05); } .docs p small:empty { display: none; } .docs p span { display: block; font-size: 60%; margin-top: 0.5em; padding-right: 0.75em; font-weight: 400; color: rgb(85, 85, 85); } .docs p .size:empty { display: none; } .downloads.--btnType03 { } .downloads.--btnType03:has(.docs:only-child) { margin-bottom: 1rem; grid-template-columns: 1fr; } @media (min-width: 768px) { .downloads.--btnType03:has(.docs:only-child) { margin-bottom: 2rem; } .downloads.--btnType03:has(.docs:only-child) .docs { width: calc(50% - 1rem); justify-self: center; } } .downloads.--btnType03 .docs p span { font-size: 65%; color: rgb(0, 0, 0); } .--btnType02.downloads .docs:is(.koubo01, .koubo02) { text-decoration: none; } @media (min-width: 768px) { .--btnType02.downloads .docs:is(.koubo01, .koubo02) { } } .--btnType02.downloads .docs:is(.koubo01, .koubo02) { border-radius: 4em; padding: 0.5em 1em; grid-template-columns: 1fr; text-align: center; } .--btnType02.downloads .docs:is(.koubo01, .koubo02)::after { display: none; } .--btnType02.downloads .docs.koubo02 { background: var(--color100); } .--btnType02.downloads .docs.koubo01 { background: var(--color103); } .--btnType02.downloads .docs.koubo02 p { color: var(--color01); font-size: min(4vw, 1.75rem); } .--btnType02.downloads .docs.koubo01 p { color: var(--color100); font-size: min(4vw, 1.75rem); } .--btnType02.downloads .docs.koubo02 p span { color: var(--color01); font-size: 50%; margin-top: 0px; } .--btnType02.downloads .docs.koubo01 p span { color: var(--color100); font-size: 50%; margin-top: 0px; } #downloads01, #downloads02, #downloads03, #downloads { padding: min(4vw, 1rem) 0px min(10vh, 100px); } .columnWrap { display: flex; align-items: flex-start; flex-direction: row; width: 100%; max-width: var(--innerwidth); margin: auto; padding: 0px 4vw; } @media (min-width: 1100px) { .columnWrap { padding: 0px; } } .columnWrap .selectRound { position: sticky; top: var(--gh-H); left: 0px; z-index: 100; } @media (min-width: 1100px) { .columnWrap .selectRound { width: 200px; top: calc(var(--gh-H) + 2rem); left: 0px; } } .columnWrap .selectRound ul { display: flex; flex-flow: column wrap; list-style: none; justify-content: flex-start; column-gap: 1rem; } .columnWrap .selectRound ul li { margin: 0px -2px -2px 0px; padding: 1em 0.5em; background: var(--color103); color: var(--color100); border: 2px solid var(--color100); text-align: center; font-size: min(4vw, 1.375rem); line-height: 1; font-weight: 600; writing-mode: vertical-rl; font-feature-settings: initial; letter-spacing: 0.1em; } @media (min-width: 1100px) { .columnWrap .selectRound ul li { padding: 1em; writing-mode: horizontal-tb; letter-spacing: 0px; } } .columnWrap .selectRound ul li:not(.active) { cursor: pointer; } .columnWrap .selectRound ul li.active { background: var(--color100); color: var(--color01); } .columnWrap .selectRound ul li:not(.active):hover { background: var(--color100); color: var(--color01); opacity: 0.75; } .columnWrap .targetRound { width: 100%; padding: min(4vh, 100px) 0px; border: 2px solid var(--color100); } @media (min-width: 1100px) { .columnWrap .targetRound { padding: min(5vh, 100px) 2vw; width: calc(100% - 200px); } } .js-toggleBtn { cursor: pointer; } .js-toggleBtn::after { position: absolute; right: 2vw; content: ""; display: inline-block; width: min(4vw, 1.25em); height: min(4vw, 1.25em); background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf-8,"); transform: rotate(90deg) translate(0px, 0px); } .js-toggleBtn.open::after { transform: rotate(90deg) translate(-2px, 0px) scale(-1, 1); } #onboading .secLead { margin: 0px auto 4rem; font-size: min(3.5vw, 1.25rem); } #onboading .secLead p { text-align: left; width: fit-content; margin: 1em auto auto; display: block; } .boards { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1rem; border-bottom: 1px solid rgb(204, 204, 204); padding-bottom: 3rem; margin-bottom: 3rem; } .boards:last-child { border-bottom: none; margin-bottom: 0px; } .boards .board { background: var(--color01); border-radius: 7px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px; width: 100%; margin: 0px; height: 100%; transition: transform 0.25s ease-in 0s, box-shadow 0.25s ease-in 0s; overflow: hidden; border-bottom: 6px solid rgb(239, 72, 153); } .boards .board:hover { transform: translate(0px, -0.5rem); } .boards .board dt { font-weight: 600; font-size: min(4vw, 1.375rem); padding: 1rem 1rem 1rem 2rem; } .boards .board dd { padding: 0px 1.25rem 1.25rem; } .boards .board dd ul { display: flex; flex-direction: column; row-gap: 0.5rem; } .boards .board dd ul li { margin-left: 0px; font-weight: 400; } .boards .board dd ul li a { display: flex; align-items: center; text-decoration: none; position: relative; background: var(--color01); font-size: min(4vw, 1.125rem); color: rgb(74, 85, 104); line-height: 1; padding: 0.75rem 1rem; border: 1px solid rgb(226, 232, 240); border-radius: 5px; font-weight: 600; transition: background 0.5s ease 0s, color 0.5s ease 0s; } .boards .board dd ul li a:hover { background: var(--color100); color: var(--color01); border-color: rgb(203, 213, 224); } .boards .board dd ul li a::before { content: ""; display: inline-block; margin-right: 0.5em; margin-bottom: -1px; width: min(4vw, 1em); height: min(4vw, 1em); background-size: cover; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf-8,"); transition: background-image 0.5s ease 0s; } .boards .board dd ul li a:hover::before { background-image: url("data:image/svg+xml;utf-8,"); } .boards .board dd ul li a::after { content: "◀ 参加申込"; line-height: 1; font-weight: 600; color: var(--color01); margin-left: 2.5em; font-size: 65%; opacity: 0; display: block; width: fit-content; } .boards .board dd ul li a:hover::after { opacity: 1; margin-left: 1.5em; transition: opacity 0.5s ease 0s, margin-left 0.5s ease 0s; } .boards .end { border-bottom: 6px solid rgb(204, 204, 204); background: rgb(221, 221, 221) !important; } .boards .end:hover { transform: none; } .board li a[href=""] { cursor: default; background: rgb(221, 221, 221) !important; color: rgb(156, 156, 156) !important; border-color: rgb(203, 213, 224) !important; pointer-events: none !important; } .boards .end a::before, .board li a[href=""]::before { background-image: url("data:image/svg+xml;utf-8,") !important; } .reqInfo { color: red; font-weight: 600; display: inline-block; font-size: min(4vw, 1.125rem); margin: 0px auto 2rem 1rem; } .step-container { max-width: 1000px; margin: 0px auto 10%; display: flex; align-items: center; position: relative; flex-direction: column; } @media (min-width: 769px) { .step-container { flex-direction: row; } } .step { position: relative; flex: 1 1 0%; height: 100px; display: flex; align-items: center; justify-content: center; color: rgb(102, 102, 102); font-weight: 600; font-size: 16px; text-align: center; margin-bottom: 1rem; width: 100%; } @media (min-width: 769px) { .step { width: calc(33.3333%); } } .step1 { background: linear-gradient(135deg, rgb(255, 243, 205), rgb(255, 234, 167)); clip-path: polygon(0px 0px, 100% 0px, 100% 70%, 50% 100%, 0px 70%); } .step2 { background: linear-gradient(135deg, rgb(255, 228, 181), rgb(255, 179, 71)); clip-path: polygon(0px 0px, 100% 0px, 100% 70%, 50% 100%, 0px 70%); } .step3 { background: linear-gradient(135deg, rgb(255, 179, 209), rgb(255, 107, 157)); clip-path: polygon(0px 0px, 100% 0px, 100% 70%, 50% 100%, 0px 70%); } @media (min-width: 769px) { .step1 { clip-path: polygon(0px 0px, calc(100% - 40px) 0px, 100% 50%, calc(100% - 40px) 100%, 0px 100%); left: 1.5%; } .step2 { clip-path: polygon(0px 0px, calc(100% - 40px) 0px, 100% 50%, calc(100% - 40px) 100%, 0px 100%, 40px 50%); } .step3 { clip-path: polygon(0px 0px, calc(100% - 40px) 0px, 100% 50%, calc(100% - 40px) 100%, 0px 100%, 40px 50%); right: 1.5%; } } .step::before { content: ""; display: flex; width: 100%; height: 100%; position: absolute; z-index: -1; background: rgb(255, 255, 255); transform: scale3d(0.97, 0.87, 1); left: 0px; right: 0px; margin: auto; } .step1::before { clip-path: polygon(0px 0px, 100% 0px, 100% 68%, 50% 100%, 0px 68%); } .step2::before { clip-path: polygon(0px 0px, 100% 0px, 100% 68%, 50% 100%, 0px 68%); } .step3::before { clip-path: polygon(0px 0px, 100% 0px, 100% 68%, 50% 100%, 0px 68%); } @media (min-width: 769px) { .step::before { transform: scale3d(0.95, 0.9, 1); left: 2px; } .step1::before { left: -2px; transform: scale3d(0.97, 0.9, 1); clip-path: polygon(0px 0px, calc(100% - 40px) 0px, 99.5% 50%, calc(100% - 40px) 100%, 0px 100%); } .step2::before { clip-path: polygon(0px 0px, calc(100% - 38px) 0px, 100% 50%, calc(100% - 38px) 100%, 0px 100%, 38px 50%); } .step3::before { clip-path: polygon(0px 0px, calc(100% - 38px) 0px, 100% 50%, calc(100% - 38px) 100%, 0px 100%, 38px 50%); } } .step:hover::before { opacity: 0.8; } .step-content { display: flex; flex-direction: column; align-items: center; padding: 1.5rem 0px 2rem; } @media (min-width: 769px) { .step-content { padding: 1rem 0px; } } .step-number { font-size: 14px; font-weight: normal; color: rgb(136, 136, 136); } .step-title { font-size: min(5vw, 1.25rem); font-weight: bold; color: rgb(51, 51, 51); } .sec4thHeadline { color: var(--color100); border-bottom: 1px solid var(--color100); padding: 0.25em 1em 1rem 1rem; font-size: min(5vw, 1.25rem); margin: 0px 0px 1rem; } .sec4thHeadline + .secLead { line-height: 1.6; padding-left: 1rem; } .sec5thHeadline { color: var(--color100); border-left: 0.5rem solid rgb(255, 217, 0); padding: 0em 1em 0em 0.5rem; font-size: min(4vw, 1rem); margin: 0px 0px 0.5rem; font-weight: 600; } .sec5thHeadline + .secLead { line-height: 1.6; padding-left: 1rem; } .stepWrap { margin-bottom: min(14vh, 20%); } .stepWrap .downloads { margin-bottom: 5%; } .dlnotes { background: var(--color103); padding: 1.25rem 2rem 1rem 1.5rem; } .dlnotes dt { margin-bottom: 0.5em; } .dlnotes dd ul li { margin-bottom: 1em; line-height: 1.8; } #contact { padding: 0px 0px min(10vh, 100px); } #contact .secInner { background-color: rgb(238, 238, 238); padding: min(7vh, 70px) 0px min(2.5vh, 40px); border-radius: 6px; position: relative; } #contact .secInner .secContent { position: relative; display: flex; flex-direction: column; background: none; } #contact .contact_f .secContent::before { content: ""; display: block; width: min(18vw, 160px); height: min(18vw, 160px); background: url("") 0% 0% / cover no-repeat; margin: 0px auto; order: 2; } #contact .contact_f .secContent > p { order: 1; } #contact .contact_f .secContent .btnWrap { order: 3; } @media (min-width: 768px) { #contact .contact_f .secContent::before { position: absolute; left: 9%; bottom: 50%; order: 1; } #contact .contact_f .secContent > p { order: 2; } } #contact .secInner .secHeadline { padding: 0px 0px min(2.5vh, 100px); line-height: 1; } #contact .secInner .secContent { box-shadow: none; } .secWrap { background-color: var(--color01); } #callback .secWrap .secHeadline { text-align: center; width: 100%; font-size: min(4vw, 1.25rem); font-weight: 600; line-height: 1; padding: 3em 0px 0px; } .faq_cat { display: grid; gap: 0.75em; margin: 0px auto min(10vw, 70px); list-style: none; } @media (min-width: 768px) { .faq_cat { grid-template-columns: repeat(auto-fit, minmax(calc(50% - 1em), 1fr)); } } .faq_cat > * { text-align: center; font-size: min(4vw, 1.125rem); color: var(--color04); border-radius: 2em; background-color: var(--color01); line-height: 1; padding: 1em; font-weight: 600; cursor: pointer; list-style: none; margin: 0px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border: 1px solid var(--color-re-006); } .faq_cat > .refine { padding: 0px; overflow: hidden; } .faq_cat > .refine form { width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; position: relative; } .faq_cat > .refine form input { width: calc(100% - 60px); height: 100%; border: none; padding: 1em; font-size: min(4vw, 1.125rem); text-align: center; } .faq_cat > .refine form input::placeholder { text-align: center; color: rgb(164, 164, 164); } .faq_cat > .refine form button.submit { background-color: rgb(167, 167, 167); border: none; width: 60px; height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; } .faq_cat > .refine form button.submit img { height: 42%; } .faq_cat > .refine form button.reset { position: absolute; right: 85px; background-color: var(--color08); color: var(--color01); border-radius: 16px; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; white-space: nowrap; aspect-ratio: 1 / 1; } .faq_cat_li.wd_active, .faq_cat > :not(.refine).current, .faq_cat > :not(.refine):hover { background-color: var(--color102); color: var(--color01); } .faqCatTitle { text-align: center; width: 100%; color: var(--color01); background-color: var(--color102); border-radius: 6px; font-size: min(4vw, 1.25rem); font-weight: 400; line-height: 1; padding: 0.75em 0px; margin-bottom: 0.75em; } .faqList { width: 100%; margin: 0px auto 2em; padding: 0px; display: flex; flex-direction: column; row-gap: 0.75em; counter-reset: q 0; } .faqList + p { font-size: min(3.5vw, 1rem); text-align: center; } .faqList dl { display: inline-block; vertical-align: top; position: relative; padding: 0px; background-color: var(--color01); letter-spacing: 0px; width: 100%; border-radius: 34px; counter-increment: q 1; box-sizing: border-box; border: 1px solid var(--color-re-006); } .faqList dl dt { font-weight: 600; display: grid; grid-template-columns: 3em 1fr min(4vw, 1em); align-items: flex-start; padding: 0.9em 2vw 1em; cursor: pointer; } @media (min-width: 768px) { .faqList dl dt { padding: 1em 2vw 0.8em; } } .faqList dl dt::after { content: "＋"; line-height: 1; display: block; color: rgb(167, 167, 167); width: min(4vw, 1em); height: min(4vw, 1em); } .listItem.wd_active dt::after, .faqList dl.toggleOpen dt::after { content: "ー"; } .faqList dl dt::before { content: "Q" counter(q); font-weight: 400; font-size: min(4vw, 1.125rem); line-height: 1.2; } .faqList dl dt p { line-height: 1.4; user-select: none; letter-spacing: 0.05em; font-feature-settings: "palt"; font-size: min(5vmin, 1rem); font-weight: 400; padding: 0px 2em 0px 0px; text-align: justify; color: rgb(0, 0, 0); display: flex; align-items: center; flex-wrap: wrap; } .faqList dl.toggleOpen dt p { font-weight: 600; } .faqList dl dd { display: none; padding: 0px 2vw; width: 100%; font-size: min(3.75vmin, 1rem); } .faqList dl.toggleOpen dd { height: auto; } .faqList dl dd > div { line-height: 1.8; width: 100%; padding: 0px 1em 1em 2em; display: grid; grid-template-columns: 2em 1fr; } .faqList dl dd > div::before { content: "A"; color: rgb(255, 98, 80); } .faqList dl dd > div p { font-feature-settings: "palt"; font-size: min(5vw, 1rem); font-weight: 400; } .faqList dl dd > div p:empty { display: none !important; } .faqList dl dd > div p a { color: var(--color100); text-decoration: underline; } .faqList dl dd > div p a:hover { text-decoration: none; } .roundChangeTabs { color: var(--color-re-002); width: 100%; max-width: var(--innerwidth); margin: 0px auto; padding: 0px; list-style: none; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 1rem; } .roundChangeTabs li { margin-left: 0px; margin-bottom: 0px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border: 1px solid rgb(227, 227, 227); border-radius: 4px; width: 100%; font-size: min(4vw, 1.125rem); font-weight: 600; line-height: 1; padding: 1em 0px calc(1em + 4px); color: var(--color-re-002); cursor: pointer; transition: all 0.5s ease 0s; } .roundChangeTabs li:hover { box-shadow: inset 0 -4px 0 0 var(--color-re-001); } .roundChangeTabs li.current { background: var(--color-re-007); box-shadow: inset 0 -4px 0 0 var(--color-re-001); } @media (min-width: 640px) { .roundChangeTabs { flex-direction: row; padding: 0px; } .roundChangeTabs li { width: calc(33.3333% - 0.5rem); } } .roundChangeBody { margin-bottom: 3rem; } .vidtoc { background: var(--color-re-003); border-top: 1px solid rgb(227, 227, 227); border-bottom: 1px solid rgb(227, 227, 227); margin-bottom: 3rem; } .vidtoc dt { line-height: 1; padding: 1em 1em 1em 1.5em; font-size: min(4vw, 1.25rem); color: var(--color-re-002); font-weight: 600; position: relative; } .vidtoc .js-toggleBtn::after { position: absolute; right: 2vw; content: "＋"; color: var(--color-re-001); font-weight: 600; display: inline-block; width: min(4vw, 1.25em); height: min(4vw, 1.25em); background-size: contain; background-repeat: no-repeat; background-image: none; transform: none; } .vidtoc .js-toggleBtn.open::after { content: "ー"; } .vidtoc dd { overflow: hidden; display: none; padding: 0.5em 1.5em 2em 2em; } .vidtoc dd li { font-size: min(4vw, 1.25rem); margin-bottom: 0.75em; } .vid > iframe { width: 100%; height: auto; display: block; aspect-ratio: 16 / 9; margin: auto; z-index: 1; } @media (min-width: 960px) { .vid > iframe { width: 100%; } } #policy .secLead { font-size: min(4vw, 1rem); line-height: 2.2; text-align: justify; color: var(--color02); width: 100%; max-width: var(--innerwidth); margin: 0px auto 2em; padding: 0px 4vw; } @media (min-width: 960px) { #policy .secLead { padding: 0px; } } .secInner > dl { margin-bottom: 1.5em; } dl > .defTitle { font-weight: 600; line-height: 1; padding: 0.5em; background-color: rgb(229, 231, 237); width: fit-content; border-top: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; border-bottom: none; } dl > .defTitle + dd { padding: 1em 0px; border-top: 1px solid rgb(204, 204, 204); } dl > .defTitle + dd p { margin-bottom: 0.5em; line-height: 2; } dl > .defTitle + dd ul, dl > .defTitle + dd ol { line-height: 2; } .listOLLv1 > li { margin-bottom: 1.5em; } .listOLLv1 > li > p:nth-of-type(1) { font-weight: 600; margin-bottom: 0.5em; } .listOLLv2 { padding-left: 0px; } .listOLLv2 > li { margin-bottom: 0.5em; } .footerInfo { background: var(--color01); } .footerInfoInner { padding: min(10vh, 100px) 2vw; } .footerInfoInner > p { text-align: center; font-size: min(3.5vw, 1rem); line-height: 1.8; margin-bottom: 2.5rem; } .footerInfoInner .relational { width: 100%; margin: auto; display: flex; justify-content: space-between; column-gap: 2vw; } .footerInfoInner .relational a::after { display: none !important; } .globalFooter { background-color: var(--color01); color: var(--color02); } .footerLinks { background-color: var(--color100); font-size: min(4vw, 0.875rem); color: var(--color02); padding: 4em 4vw; } .footerLinks ul { display: flex; justify-content: center; column-gap: 3em; list-style: none; flex-wrap: wrap; margin: auto; } @media (min-width: 768px) { .footerLinks ul { justify-content: center; } } .footerLinks ul li { list-style: none; margin: 0px; } .footerLinks ul li a { color: var(--color01); display: flex; align-items: center; line-height: 1; } .indent { display: block; padding-left: 1em; text-indent: -1em; } .indent.cha5 { padding-left: 5em; text-indent: -5em; } .annotation { font-size: min(3vw, 0.875rem); display: inline-block; padding-left: 1em; text-indent: -1em; margin-bottom: 0.25em !important; line-height: 1.4 !important; } .withShadow { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 0px 0px; } .colorLink { color: var(--color100); text-decoration: underline; } .noBullet, .noBullet li { list-style-type: none; margin-left: 0px; } .external { position: relative; } .external::after { content: ""; display: inline-block; margin-left: 0.25em; margin-bottom: 0px; vertical-align: -2px; width: min(4vw, 1.25em); height: min(4vw, 1.25em); background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf-8,"); } .external.ico2::after { background-image: url("data:image/svg+xml;utf-8,") !important; } .btn.external::after { position: absolute; right: 1em; margin-bottom: 0px; } a[href$=".pdf"]::after { content: "PDF"; color: rgb(255, 255, 255); background-color: rgb(241, 79, 74); display: inline-block; font-size: 9px; font-weight: 400; line-height: 1; border-radius: 2px; margin-left: 5px; margin-right: 3px; vertical-align: 2px; padding: 0.35em 0.5em 0.2em; text-indent: 0px; } [class*="ico-"]::after { display: inline-block; font-size: 9px; font-weight: 400; line-height: 1; border-radius: 2px; vertical-align: 2px; margin-left: 5px; margin-right: 3px; padding: 0.35em 0.5em 0.2em; } .ico-pdf::after { content: "PDF"; color: rgb(255, 255, 255); background-color: rgb(241, 79, 74); } .ico-xlsx::after { content: "Excel"; color: rgb(255, 255, 255); background-color: rgb(45, 121, 47); } .ico-docx::after { content: "Word"; color: rgb(255, 255, 255); background-color: rgb(41, 82, 148); } .ico-external::after { content: ""; display: inline-block; margin-left: 0.25em; margin-bottom: -5px; width: min(4vw, 2em); height: min(4vw, 2em); background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf-8,"); } .ico-external.ico2::after { background-image: url("data:image/svg+xml;utf-8,"); } .ico-chev1::before { content: ""; display: inline-block; margin-right: 0.25em; margin-bottom: -3px; width: min(4vw, 1.25em); height: min(4vw, 1.25em); background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf-8,"); } .ico-chev2 { color: var(--color02); } .ico-chev2::before { content: ""; display: inline-block; margin-right: 0.25em; margin-bottom: -4px; width: min(4vw, 1.25em); height: min(4vw, 1.25em); background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf-8,"); } .text-underline { text-decoration: underline; } .mb1 { margin-bottom: 1rem; } .mb2 { margin-bottom: 2rem; } .mb3 { margin-bottom: 3rem; } .mb4 { margin-bottom: 4rem; } .hide { display: none; visibility: hidden; opacity: 0; } .block { display: block; } .iblock { display: inline-block; } .b { font-weight: 600; } .c { justify-content: center; text-align: center; } .l { justify-content: flex-start; text-align: left; } .r { justify-content: flex-end; text-align: right; } ._sp { display: block !important; } ._pc { display: none !important; } @media (min-width: 768px) { ._sp { display: none !important; } ._pc { display: block !important; } } "); } .btn-reverse { background-color: var(--color01); color: var(--color100); } .globalHeader { width: 100%; background-color: rgba(255, 255, 255, 0.45); z-index: 1000; position: sticky; top: 0px; left: 0px; transition: all 0.25s linear 0s; padding: 0px; height: 60px; backdrop-filter: blur(5px); display: flex; align-items: center; } .globalHeader.shrink { background-color: rgba(255, 255, 255, 0.45); padding: 0px; height: 74px; transition: all 0.25s linear 0s; backdrop-filter: blur(5px); } @media (min-width: 1100px) { .globalHeader { background-color: var(--color01); padding: 0px; height: auto; display: grid; grid-template-columns: 20% 1fr; align-items: stretch; } } .globalHeader .siteBrand { margin: 0px; } .globalHeader .siteBrand .siteID { display: flex; flex-direction: column; align-items: flex-start; width: 50%; padding: 0.25em 0px 0.25em 4vw; } .globalHeader .siteBrand .siteID img { height: 100%; } @media (min-width: 1100px) { .globalHeader .siteBrand { padding: 0px 0px 0px 40px; display: flex; align-items: center; justify-content: center; } .globalHeader .siteBrand .siteID { width: 100%; height: auto; padding: 0px; } } .globalFunc { display: none; } @media (min-width: 1100px) { .globalFunc { display: grid; grid-template-rows: 1fr 1fr; width: 100%; } } .globalFunc .upperFunc { background-color: var(--color100); clip-path: polygon(0px 0px, 100% 0%, 100% 100%, 60px 100%); display: flex; align-items: center; justify-content: flex-end; padding: 0px 4vw; } @media (min-width: 1100px) { .globalFunc .upperFunc { padding: 0px 0px 0px 4vw; } } .globalFunc .upperFunc .nav { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem 1vw; padding: 0.5rem 0px; list-style: none; } .globalFunc .upperFunc .nav li { list-style: none; margin: 0px; width: auto; flex: 1 1 auto; display: flex; align-items: center; justify-content: center; position: relative; } .globalFunc .upperFunc .nav li a { display: flex; align-items: center; font-size: min(4vw, 0.875rem); color: var(--color01); letter-spacing: 0.075em; white-space: nowrap; } .globalFunc .upperFunc .nav li a::before { content: ""; display: inline-block; margin-right: 0.5em; width: min(5vw, 2em); height: min(5vw, 2em); background-size: contain; background-repeat: no-repeat; } .ico-faq::before { background-image: url("data:image/svg+xml;utf-8,"); } .ico-callback::before { background-image: url("data:image/svg+xml;utf-8,"); } .ico-contact::before { background-image: url("data:image/svg+xml;utf-8,"); } .ico-init::before { background-image: url("data:image/svg+xml;utf-8,"); } .ico-next::before { background-image: url("data:image/svg+xml;utf-8,"); } .ico-results::before { background-image: url("data:image/svg+xml;utf-8,"); } .ico-news2::before { background-image: url("data:image/svg+xml;utf-8,"); } .ico-callback2::before { background-image: url("data:image/svg+xml;utf-8,"); } .ico-faq2::before { background-image: url("data:image/svg+xml;utf-8,"); } .globalFunc .upperFunc .nav li.toShinsei a { color: var(--color02); background: var(--color01); line-height: 1; padding: 0.5em 0.75em 0.5em 1em; border-radius: 2em; } .globalFunc .upperFunc .nav li.toShinsei a::before { display: none !important; } @media (min-width: 1100px) { .globalFunc .upperFunc .nav li.toShinsei a { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 0px 0px; } } .chgSize { font-size: min(4vw, 0.875rem); background-color: var(--color100); color: var(--color01); padding: 0.5em 1em 1em; display: none; } @media (min-width: 1100px) { .chgSize { display: flex; flex-direction: column; align-items: center; justify-content: center; } } .chgSize dt { padding: 0px 0px 0.25em; white-space: nowrap; } .chgSize dd { display: flex; justify-content: center; column-gap: 5px; } .chgSize dd span { color: rgb(231, 87, 156); background-color: var(--color101); width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; cursor: pointer; } .chgSize dd span.active { background-color: var(--color01); color: var(--color100); } .globalFunc .lowerFunc { display: flex; width: 100%; align-items: center; justify-content: flex-end; padding: 0px; } .globalFunc .lowerFunc .nav { width: 100%; max-width: 96%; margin: 0px; list-style: none; display: flex; align-items: center; justify-content: space-between; } .globalFunc .lowerFunc .nav li { width: auto; flex: 1 1 auto; display: flex; align-items: center; justify-content: center; position: relative; } .globalFunc .lowerFunc .nav li:not(:last-of-type)::after { content: ""; width: 1px; height: 2rem; display: block; background-color: rgb(143, 143, 143); } .globalFunc .lowerFunc .nav li { margin: 0px; } .globalFunc .lowerFunc .nav li > a, .globalFunc .lowerFunc .nav li > span { display: flex; align-items: center; justify-content: center; font-size: min(4vw, 1rem); font-weight: 600; color: var(--color102); white-space: nowrap; padding: 0.25em 0.5em; width: 100%; text-align: center; transition: all 0.25s ease 0s; cursor: pointer; } .globalFunc .lowerFunc .nav li > a.current, .globalFunc .lowerFunc .nav li > a:hover { color: var(--color100); text-decoration: underline; } .localNav ul li a[class^="ico-"]::before { content: ""; display: inline-block; margin-right: 0.5em; width: min(5vw, 1.75em); height: min(5vw, 1.75em); background-size: contain; background-repeat: no-repeat; } .localNav ul li a.ico-callback::before { background-image: url("data:image/svg+xml;utf-8,"); } .localNav ul li a.ico-faq::before { background-image: url("data:image/svg+xml;utf-8,"); } .localNav ul li a.ico-contact::before { margin-left: -5px; background-image: url("data:image/svg+xml;utf-8,"); width: min(6vw, 2.5em) !important; } .localSearch { display: flex; border-radius: 16px; border: 1px solid rgb(107, 111, 135); overflow: hidden; } .localSearch input[name="q"] { width: 90%; border-radius: 0px; padding: 0.5em 0.5em 0.5em 1em; border: none; outline: none; } @media (min-width: 1100px) { .localSearch input[name="q"] { width: 130px; } } .localSearch button[name="sa"] { width: 36px; padding: 0.5em; border-radius: 0px 16px 16px 0px; background-color: var(--color01); border: none; cursor: pointer; display: flex; justify-content: center; align-items: center; } .gsc-orderby-container { display: none !important; visibility: hidden !important; } .gcsc-more-maybe-branding-root { display: none !important; visibility: hidden !important; } #___gcse_0 { border-radius: 6px; margin-bottom: 1rem; padding: min(4vw, 2em); background-color: var(--color01); box-sizing: border-box; border: 1px solid var(--color-re-006); } .gsc-webResult.gsc-result { border-bottom: 1px solid rgb(204, 204, 204) !important; padding: 1rem 0px !important; } .gs-result .gs-title, .gs-result .gs-title * { margin-bottom: 0.25em; font-size: min(3vw, 1.375rem) !important; color: var(--color102) !important; } .gs-webResult .gs-visibleUrl { color: var(--color05) !important; } .gs-snippet { font-size: min(3vw, 1rem) !important; color: rgb(71, 71, 71) !important; margin-top: 0.5em !important; } .gs-fileFormat { display: none !important; visibility: hidden !important; } .gs-web-image-box { width: 100px !important; } .gs-web-image-box .gs-image { max-width: 100% !important; } .gs-web-image-box .gs-image::after { display: none !important; visibility: hidden !important; } .gsc-results .gsc-cursor { align-items: center; justify-content: center; gap: 1em; display: flex !important; } .gsc-results .gsc-cursor-box .gsc-cursor-page { font-size: min(3vw, 1.125rem); line-height: 1; border: 1px solid var(--color100); padding: 0.35em 0.5em; background: var(--color103); margin-right: 0px !important; color: var(--color100) !important; } .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page { background: var(--color100); pointer-events: none; color: var(--color01) !important; } .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { background: var(--color100); opacity: 0.75; color: var(--color01) !important; text-decoration: none !important; } .fv { display: block; width: 100%; position: relative; overflow: hidden; background: rgb(221, 238, 255); } @media (min-width: 960px) { .fv { } } .fvInner { display: flex; flex-direction: column; } @media (min-width: 640px) { .fvInner { display: grid; grid-template-columns: 1fr 57%; } } .slogan { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 0.5rem; padding-top: 8%; } @media (min-width: 640px) { .slogan { padding-top: 0px; } } .slogan p:nth-of-type(1) { font-size: 6vw; font-weight: 600; color: rgb(51, 51, 51); white-space: nowrap; width: 100%; text-align: center; } @media (min-width: 640px) { .slogan p:nth-of-type(1) { font-size: min(3vw, 2.125rem); text-align: left; } } .slogan p:nth-of-type(1) > span { color: var(--color-re-001); } .slogan p:nth-of-type(2) { font-size: 3.8vw; color: rgb(51, 51, 51); text-align: center; } @media (min-width: 640px) { .slogan p:nth-of-type(2) { font-size: min(2vw, 1.25rem); text-align: left; } } .fv .keyvisual { padding: 0px; width: 92%; margin: auto; } @media (min-width: 640px) { .fv .keyvisual { width: 100%; padding-top: 2vw; padding-left: 3vw; } } .fv .keyvisual img { width: 100%; margin-bottom: -8%; } @media (min-width: 640px) { .fv .keyvisual img { width: 100%; margin-bottom: 0px; } } .toggleList > * { transition: transform 0.2s ease-out 0s, opacity 0.2s linear 0s; } .toggleList .hide { opacity: 0; transform: translate3d(0px, 10px, 0px); backface-visibility: hidden; } #newsIndex { padding: min(6vh, 60px) 0px min(10vh, 100px); } #newsIndex .secHeadline { text-align: center; font-weight: 600; font-size: min(6vw, 2.5rem); color: var(--color-re-002); padding: 0px; margin-bottom: 1em; } .ico-bell::before { content: ""; display: inline-block; margin-right: 0.75rem; width: min(6vw, 2rem); height: min(6vw, 2rem); font-size: 1rem; padding: 0px; justify-self: center; vertical-align: middle; background-color: transparent; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml;utf-8,") !important; } .info_cat { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; width: 100%; padding: 0px; list-style: none; column-gap: 0.5em; margin: 2em auto; } @media (min-width: 768px) { .info_cat { width: 80%; padding: 0px; column-gap: 1.5em; } } .info_cat li { border-radius: 16px; font-size: min(3.5vw, 1rem); border: 1px solid rgb(144, 144, 144); color: rgb(144, 144, 144); font-weight: 400; line-height: 1; padding: 0.4em 1em 0.55em; display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; position: relative; white-space: nowrap; margin-left: 0px; } .info_cat li.current, .info_cat li:hover { background-color: var(--color100); color: var(--color01); border: 1px solid var(--color100); } .newsIndex::-webkit-scrollbar { width: 14px; } .newsIndex::-webkit-scrollbar-track { background-color: rgb(238, 238, 238); } .newsIndex::-webkit-scrollbar-thumb { background-image: none; background-color: rgb(221, 221, 221); box-shadow: none; } .newsIndex { max-height: 30em; overflow-y: scroll; position: relative; width: 100%; margin: 0px auto; padding: 0px; display: block; letter-spacing: -0.05em; } .newsIndex .listItem { display: inline-block; vertical-align: top; position: relative; padding: 0.5em 0px; margin: 0px; letter-spacing: 0px; width: 100%; border-bottom: 1px solid rgb(220, 220, 220); } .newsIndex .listItem.on { position: sticky; top: 0px; left: 0px; z-index: 10; background-color: var(--color07); display: flex; align-items: center; padding: 1em 0px 1em 1em; border-radius: 10px; margin-bottom: 1em; border-bottom: 0px; } .newsIndex .listItem.on::before { content: ""; display: inline-block; padding: 0.75em; position: absolute; left: -0.5em; top: -0.5em; border: 1px solid rgb(220, 220, 220); border-radius: 50%; background-color: var(--color01); width: min(4vw, 1.5em); height: min(4vw, 1.5em); background-size: 50%; background-position: center center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf-8,"); } @media (min-width: 768px) { .newsIndex .listItem.on::before { position: static; border: none; border-radius: 0px; background-color: transparent; margin-right: 0.25em; width: min(3vw, 0.75em); height: min(3vw, 0.75em); } } .newsIndex .listItem:has(a.itemHeadline):hover { cursor: pointer; background: rgb(238, 238, 238); } .newsIndex .listItem .itemHeadline { font-weight: 400; display: flex; flex-wrap: wrap; align-items: center; padding: 0.25em 0px; width: 100%; } @media (min-width: 768px) { .newsIndex .listItem .itemHeadline { flex-wrap: nowrap; } } .newsIndex .listItem .itemHeadline > * { font-size: min(3.5vw, 1rem); line-height: 1; color: var(--color02); } .newsIndex .listItem .itemHeadline > time { min-width: 5.5em; text-align: center; } .newsIndex .listItem .itemHeadline > div:nth-of-type(1) { min-width: 7.5em; } .newsIndex .listItem .itemHeadline > div:nth-of-type(1) p { border-radius: 16px; font-size: min(3vw, 0.75rem); background: rgb(255, 255, 255); border: 1px solid rgb(144, 144, 144); color: rgb(144, 144, 144); font-weight: 400; line-height: 1; padding: 0.4em 1em 0.55em; display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; position: relative; white-space: nowrap; width: calc(100% - 3em); margin: auto; } .newsIndex .listItem.on .itemHeadline > div:nth-of-type(1) p { background-color: var(--color01); } .newsIndex .listItem .itemHeadline > div:nth-of-type(2) { width: 100%; padding: 0px 1em 0px 0px; line-height: 2; display: block; column-gap: 0.5em; text-align: left; } @media (min-width: 768px) { .newsIndex .listItem .itemHeadline > div:nth-of-type(2) { width: auto; flex-grow: 1; line-height: 1.6; } } .newsIndex .listItem .itemHeadline > div:nth-of-type(2) .newBadge { display: inline-block; vertical-align: -0.5em; margin-left: 0.25rem; } .newsIndex .listItem .itemHeadline > div:nth-of-type(2) > a, .newsIndex .listItem .itemHeadline > div:nth-of-type(2) > span:not(.newBadge):not([style]) { color: var(--color02); display: inline; border-bottom: 1px solid rgb(0, 0, 0); margin: 0px 0.25em; transition: all 0.25s ease 0s; } .newsIndex .listItem .itemHeadline > div:nth-of-type(2) > a:hover, .newsIndex .listItem:has(a.itemHeadline):hover .itemHeadline > div:nth-of-type(2) > span:not(.newBadge):not([style]) { border-bottom: 1px solid transparent; } .newsIndex .listItem a.itemHeadline::after { content: "›"; color: rgb(102, 102, 102); font-size: 16px; padding: 0px; display: flex; width: min(3vw, 1em); height: min(3vw, 1em); margin-left: 0px; margin-right: 0px; justify-content: center; align-items: center; line-height: 1; position: absolute; right: 0.5em; top: calc(50% - 0.6em); background-color: transparent; background-image: none !important; } #newsDetail { padding: min(10vh, 100px) 0px; } .newsDetail { width: 100%; margin: 0px auto; padding: 0px; display: block; letter-spacing: -0.05em; } .newsDetail .listItem { display: inline-block; vertical-align: top; position: relative; padding: 0.5em 0px; letter-spacing: 0px; width: 100%; border-bottom: 1px solid rgb(220, 220, 220); } .newsDetail .listItem.on { background-color: var(--color07); display: flex; align-items: center; padding: 1em 0px 1em 1em; border-radius: 10px; margin-bottom: 1em; border-bottom: 0px; } .newsDetail .listItem.on::before { content: ""; display: inline-block; padding: 0.75em; position: absolute; left: -0.5em; top: -0.5em; border: 1px solid rgb(220, 220, 220); border-radius: 50%; background-color: var(--color01); width: min(4vw, 1.5em); height: min(4vw, 1.5em); background-size: 50%; background-position: center center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf-8,"); } @media (min-width: 768px) { .newsDetail .listItem.on::before { position: static; border: none; border-radius: 0px; background-color: transparent; margin-right: 0.25em; width: min(3vw, 0.75em); height: min(3vw, 0.75em); } } .newsDetail .listItem .itemHeadline { font-weight: 400; display: flex; flex-wrap: wrap; align-items: center; cursor: pointer; padding: 0px; width: 100%; } @media (min-width: 768px) { .newsDetail .listItem .itemHeadline { flex-wrap: nowrap; } } .newsDetail .listItem .itemHeadline > * { font-size: min(3.5vw, 1rem); line-height: 1; color: var(--color02); } .newsDetail .listItem .itemHeadline > time { min-width: 5.5em; text-align: center; } .newsDetail .listItem .itemHeadline > div:nth-of-type(1) { min-width: 7.5em; } .newsDetail .listItem .itemHeadline > div:nth-of-type(1) p { border-radius: 16px; font-size: min(3vw, 0.75rem); border: 1px solid rgb(144, 144, 144); color: rgb(144, 144, 144); font-weight: 400; line-height: 1; padding: 0.4em 1em 0.55em; display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; position: relative; white-space: nowrap; width: calc(100% - 3em); margin: auto; } .newsDetail .listItem.on .itemHeadline > div:nth-of-type(1) p { background-color: var(--color01); } .newsDetail .listItem .itemHeadline > div:nth-of-type(2) { width: 100%; padding: 0.75em 2em 0px 0px; line-height: 1.4; } @media (min-width: 768px) { .newsDetail .listItem .itemHeadline > div:nth-of-type(2) { width: auto; flex-grow: 1; padding-top: 0px; line-height: 1.6; } } .newsDetail .listItem a.itemHeadline::after { content: "›"; display: flex; width: min(3vw, 1em); height: min(3vw, 1em); justify-content: center; align-items: center; line-height: 1; position: absolute; right: 0.5em; top: calc(50% - 0.6em); } .newsDetail .listItem dt.itemHeadline::after { content: "＋"; display: flex; color: rgb(167, 167, 167); width: min(4vw, 1em); height: min(4vw, 1em); justify-content: center; align-items: center; position: absolute; right: 0.5em; top: 0.5em; } .newsDetail .listItem.toggleOpen dt.itemHeadline::after { content: "ー"; } .newsDetail .listItem dd { display: none; overflow: hidden; width: 100%; margin-top: 0.5em; } .newsDetail .listItem.toggleOpen dd { height: auto; } .newsDetail .listItem dd div { width: 100%; padding: 1rem; background-color: var(--color09); border-radius: 16px; } .newsDetail .listItem dd div p { line-height: 1.8; width: 100%; font-feature-settings: "palt"; font-size: min(3.5vw, 1rem); font-weight: 400; } .newsDetail .listItem dd div p:empty { display: none !important; } #about { background: linear-gradient(rgb(234, 101, 138), rgb(253, 238, 155)); } #about .secHeadline { color: var(--color01); font-size: min(4vw, 1.375rem); margin: 0px auto min(10vh, 60px); width: 70%; position: relative; padding: 0px; justify-content: flex-start; } #about .secHeadline img { max-width: 100%; width: 100%; margin: 0px auto 0px 0px; } #about .secHeadline span { display: inline-block; padding: 0px; position: absolute; right: 0px; top: 0.5em; font-size: min(5vw, 1.375rem); } @media (min-width: 960px) { #about .secHeadline { width: fit-content; } #about .secHeadline img { width: calc(100% - 3em); } #about .secHeadline span { top: calc(50% + 0.5em); } } #about .secLead { color: var(--color01); } .scheduleTable { background-color: rgb(255, 255, 255); } @media (min-width: 960px) { .scheduleTable > dl { display: grid; grid-template-columns: 26% 1fr; } .wd_entry_table02.scheduleTable > dl { display: grid; grid-template-columns: 34% 1fr; } } .scheduleTable > dl:nth-of-type(1) { display: none; } @media (min-width: 960px) { .scheduleTable > dl:nth-of-type(1) { display: grid; } } .scheduleTable > dl:nth-of-type(1) > dt, .scheduleTable > dl:nth-of-type(1) > dd { background-color: rgb(203, 206, 217); display: flex; align-items: center; justify-content: center; padding: 1.5em 1em; font-weight: 600; } .scheduleTable > dl > dt, .scheduleTable > dl > dd { font-size: min(3.5vw, 1rem); line-height: 1; margin-top: -1px; margin-left: -1px; border: 1px solid rgb(153, 153, 153); } .scheduleTable > dl > dt { display: flex; align-items: center; justify-content: center; padding: 1em; line-height: 2.2; background-color: var(--color-re-003); font-size: min(4vw, 1.25rem); font-weight: 600; } @media (min-width: 960px) { .scheduleTable > dl > dt { background-color: rgb(255, 255, 255); padding: 2em; font-size: min(3.5vw, 1rem); } } .scheduleTable > dl > dd { padding: 1.5em; line-height: 2.2; } .scheduleTable > dl > dd.nopad { padding: 0px; } .scheduleTable > dl > dd > table { border-collapse: collapse; margin-top: -1px; margin-left: -1px; width: calc(100% + 2px); } .scheduleTable > dl > dd > table th, .scheduleTable > dl > dd > table td { font-size: min(3.5vw, 1rem); margin-top: -1px; margin-left: -1px; border: 1px solid rgb(153, 153, 153); line-height: 1; } .scheduleTable > dl > dd > table th { background-color: rgb(229, 231, 237); text-align: center; padding: 0.75em 1em; font-weight: 600; } .scheduleTable > dl > dd > table td { text-align: center; padding: 1em; } .scheduleTable > dl > dd > table tr:last-of-type td { border-bottom: none; text-align: left; line-height: 1.8; } .scheduleTable > dl > dd > dl { padding: 1.5em; border-bottom: 1px solid rgb(153, 153, 153); } .scheduleTable > dl > dd > dl:last-child { border-bottom: none; } .scheduleTable > dl > dd > dl > dt { font-weight: 600; padding-bottom: 0.5em; line-height: 2.2; } .scheduleTable > dl > dd > dl > dt.wd_follow { margin-top: 2rem; } .scheduleTable > dl > dd > dl > dt span { color: var(--color100); display: inline-block; padding-left: 1em; } .scheduleTable > dl > dd > dl > dd { line-height: 2; } #accessibility .secLead { font-size: min(4vw, 1rem); line-height: 2.2; text-align: justify; color: var(--color02); width: 100%; max-width: var(--innerwidth); margin: 0px auto 2em; padding: 0px 4vw; } @media (min-width: 960px) { #accessibility .secLead { padding: 0px; } } .exnotes { display: flex; align-items: flex-start; flex-direction: column; } .exnotes dt { font-weight: 600; width: 10%; text-align: center; } .exnotes dd { width: 90%; } .exnotes dd > ul li { list-style: none; } @media (min-width: 960px) { .exnotes { flex-direction: row; align-items: center; } } .sysRequire { display: flex; align-items: flex-start; flex-flow: column wrap; row-gap: 1em; } @media (min-width: 960px) { .sysRequire { flex-direction: row; align-items: center; } } .sysRequire > dt { font-weight: 600; text-align: center; background-color: rgb(249, 249, 249); display: flex; align-items: center; justify-content: center; width: 100%; } .sysRequire > dd { width: 100%; } @media (min-width: 960px) { .sysRequire > dt { width: 14em; min-height: 14em; } .sysRequire > dd { width: calc(100% - 14em); padding: 0px 0px 0px 1em; text-align: justify; } } .sysRequire > dd > dl > dt { font-weight: 600; font-size: min(4vw, 20px); } .sysRequire > dd > dl > dd { padding-bottom: 1em; } .accCheckList { background-color: rgb(255, 255, 255); } .accCheckList > dl { display: grid; grid-template-columns: 10% 7% 1fr 7% 7% 20%; } .accCheckList > dl:nth-of-type(1) > dt, .accCheckList > dl:nth-of-type(1) > dd { background-color: rgb(203, 206, 217); display: flex; align-items: center; justify-content: center; line-height: 1; padding: 1em; font-weight: 600; } .accCheckList > dl > dt, .accCheckList > dl > dd { display: flex; align-items: center; justify-content: center; font-size: min(3.5vw, 1rem); line-height: 1; margin-top: -1px; margin-left: -1px; border: 1px solid rgb(153, 153, 153); } .accCheckList > dl > dt { display: flex; align-items: center; justify-content: center; padding: 1em; line-height: 1.4; background: rgb(203, 206, 217); font-weight: 600; } @media (min-width: 960px) { .accCheckList > dl > dt { background-color: rgb(255, 255, 255); } } .accCheckList > dl > dd { padding: 1em; line-height: 1.4; } .accCheckList > dl:not(:nth-of-type(1)) > dd:nth-of-type(2) { justify-content: flex-start; } .accCheckList > dl > dd.nopad { padding: 0px; } .accCheckList > dl > dd > dl { padding: 2em 1em; border-bottom: 1px solid rgb(153, 153, 153); } .accCheckList > dl > dd > dl:last-child { border-bottom: none; } .accCheckList > dl > dd > dl > dt { font-weight: 600; padding-bottom: 0.5em; line-height: 2.2; } .accCheckList > dl > dd > dl > dt span { color: var(--color100); display: inline-block; padding-left: 1em; } .accCheckList > dl > dd > dl > dd { line-height: 2.2; } .docInfo { margin-bottom: 0.75em; } .downloads { display: grid; grid-template-columns: 1fr; padding: 0px; gap: 1rem; } @media (min-width: 768px) { .downloads { grid-template-columns: repeat(auto-fill, minmax(352px, 1fr)); gap: 1.5rem; } } .downloads:has(a:only-child) { justify-content: flex-start; } .downloads .docs { text-decoration: none; } @media (min-width: 768px) { .downloads .docs { text-decoration: none; } } .docs { display: grid; grid-template-columns: 1fr min(17%, 42px); align-items: center; justify-content: space-between; background-color: var(--color01); border-radius: 7px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 0px 0px; width: 100%; padding: 1.5rem 2rem; margin: 0px; height: 100%; border: 1px solid rgba(0, 0, 0, 0.1); transition: transform 0.2s ease-in 0s, box-shadow 0.2s ease-in 0s; } a.docs:hover { transform: translateY(5px); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px; } a.docs::after { content: ""; display: block; width: 42px; height: 53px; padding: 0px; color: transparent; background-position: left center; background-repeat: no-repeat; background-size: contain; margin: 0px !important; background-color: transparent !important; } a.docs[href$=".pdf"]::after { background-image: url(""); } a.docs[href$=".docx"]::after { background-image: url(""); } a.docs[href$=".xlsx"]::after { background-image: url(""); } a.docs[href$=".pptx"]::after { background-image: url(""); } a.docs[href$=".zip"]::after { background-image: url(""); } .docs p { font-size: min(4vw, 1.125rem); color: var(--color02); font-weight: 600; } .docs p small { display: block; font-size: 61%; margin-top: 0.5em; font-weight: 400; color: var(--color05); } .docs p small:empty { display: none; } .docs p span { display: block; font-size: 60%; margin-top: 0.5em; padding-right: 0.75em; font-weight: 400; color: rgb(85, 85, 85); } .docs p .size:empty { display: none; } .downloads.--btnType03 { } .downloads.--btnType03:has(.docs:only-child) { margin-bottom: 1rem; grid-template-columns: 1fr; } @media (min-width: 768px) { .downloads.--btnType03:has(.docs:only-child) { margin-bottom: 2rem; } .downloads.--btnType03:has(.docs:only-child) .docs { width: calc(50% - 1rem); justify-self: center; } } .downloads.--btnType03 .docs p span { font-size: 65%; color: rgb(0, 0, 0); } .--btnType02.downloads .docs:is(.koubo01, .koubo02) { text-decoration: none; } @media (min-width: 768px) { .--btnType02.downloads .docs:is(.koubo01, .koubo02) { } } .--btnType02.downloads .docs:is(.koubo01, .koubo02) { border-radius: 4em; padding: 0.5em 1em; grid-template-columns: 1fr; text-align: center; } .--btnType02.downloads .docs:is(.koubo01, .koubo02)::after { display: none; } .--btnType02.downloads .docs.koubo02 { background: var(--color100); } .--btnType02.downloads .docs.koubo01 { background: var(--color103); } .--btnType02.downloads .docs.koubo02 p { color: var(--color01); font-size: min(4vw, 1.75rem); } .--btnType02.downloads .docs.koubo01 p { color: var(--color100); font-size: min(4vw, 1.75rem); } .--btnType02.downloads .docs.koubo02 p span { color: var(--color01); font-size: 50%; margin-top: 0px; } .--btnType02.downloads .docs.koubo01 p span { color: var(--color100); font-size: 50%; margin-top: 0px; } #downloads01, #downloads02, #downloads03, #downloads { padding: min(4vw, 1rem) 0px min(10vh, 100px); } .columnWrap { display: flex; align-items: flex-start; flex-direction: row; width: 100%; max-width: var(--innerwidth); margin: auto; padding: 0px 4vw; } @media (min-width: 1100px) { .columnWrap { padding: 0px; } } .columnWrap .selectRound { position: sticky; top: var(--gh-H); left: 0px; z-index: 100; } @media (min-width: 1100px) { .columnWrap .selectRound { width: 200px; top: calc(var(--gh-H) + 2rem); left: 0px; } } .columnWrap .selectRound ul { display: flex; flex-flow: column wrap; list-style: none; justify-content: flex-start; column-gap: 1rem; } .columnWrap .selectRound ul li { margin: 0px -2px -2px 0px; padding: 1em 0.5em; background: var(--color103); color: var(--color100); border: 2px solid var(--color100); text-align: center; font-size: min(4vw, 1.375rem); line-height: 1; font-weight: 600; writing-mode: vertical-rl; font-feature-settings: initial; letter-spacing: 0.1em; } @media (min-width: 1100px) { .columnWrap .selectRound ul li { padding: 1em; writing-mode: horizontal-tb; letter-spacing: 0px; } } .columnWrap .selectRound ul li:not(.active) { cursor: pointer; } .columnWrap .selectRound ul li.active { background: var(--color100); color: var(--color01); } .columnWrap .selectRound ul li:not(.active):hover { background: var(--color100); color: var(--color01); opacity: 0.75; } .columnWrap .targetRound { width: 100%; padding: min(4vh, 100px) 0px; border: 2px solid var(--color100); } @media (min-width: 1100px) { .columnWrap .targetRound { padding: min(5vh, 100px) 2vw; width: calc(100% - 200px); } } .js-toggleBtn { cursor: pointer; } .js-toggleBtn::after { position: absolute; right: 2vw; content: ""; display: inline-block; width: min(4vw, 1.25em); height: min(4vw, 1.25em); background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf-8,"); transform: rotate(90deg) translate(0px, 0px); } .js-toggleBtn.open::after { transform: rotate(90deg) translate(-2px, 0px) scale(-1, 1); } #onboading .secLead { margin: 0px auto 4rem; font-size: min(3.5vw, 1.25rem); } #onboading .secLead p { text-align: left; width: fit-content; margin: 1em auto auto; display: block; } .boards { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1rem; border-bottom: 1px solid rgb(204, 204, 204); padding-bottom: 3rem; margin-bottom: 3rem; } .boards:last-child { border-bottom: none; margin-bottom: 0px; } .boards .board { background: var(--color01); border-radius: 7px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px; width: 100%; margin: 0px; height: 100%; transition: transform 0.25s ease-in 0s, box-shadow 0.25s ease-in 0s; overflow: hidden; border-bottom: 6px solid rgb(239, 72, 153); } .boards .board:hover { transform: translate(0px, -0.5rem); } .boards .board dt { font-weight: 600; font-size: min(4vw, 1.375rem); padding: 1rem 1rem 1rem 2rem; } .boards .board dd { padding: 0px 1.25rem 1.25rem; } .boards .board dd ul { display: flex; flex-direction: column; row-gap: 0.5rem; } .boards .board dd ul li { margin-left: 0px; font-weight: 400; } .boards .board dd ul li a { display: flex; align-items: center; text-decoration: none; position: relative; background: var(--color01); font-size: min(4vw, 1.125rem); color: rgb(74, 85, 104); line-height: 1; padding: 0.75rem 1rem; border: 1px solid rgb(226, 232, 240); border-radius: 5px; font-weight: 600; transition: background 0.5s ease 0s, color 0.5s ease 0s; } .boards .board dd ul li a:hover { background: var(--color100); color: var(--color01); border-color: rgb(203, 213, 224); } .boards .board dd ul li a::before { content: ""; display: inline-block; margin-right: 0.5em; margin-bottom: -1px; width: min(4vw, 1em); height: min(4vw, 1em); background-size: cover; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf-8,"); transition: background-image 0.5s ease 0s; } .boards .board dd ul li a:hover::before { background-image: url("data:image/svg+xml;utf-8,"); } .boards .board dd ul li a::after { content: "◀ 参加申込"; line-height: 1; font-weight: 600; color: var(--color01); margin-left: 2.5em; font-size: 65%; opacity: 0; display: block; width: fit-content; } .boards .board dd ul li a:hover::after { opacity: 1; margin-left: 1.5em; transition: opacity 0.5s ease 0s, margin-left 0.5s ease 0s; } .boards .end { border-bottom: 6px solid rgb(204, 204, 204); background: rgb(221, 221, 221) !important; } .boards .end:hover { transform: none; } .board li a[href=""] { cursor: default; background: rgb(221, 221, 221) !important; color: rgb(156, 156, 156) !important; border-color: rgb(203, 213, 224) !important; pointer-events: none !important; } .boards .end a::before, .board li a[href=""]::before { background-image: url("data:image/svg+xml;utf-8,") !important; } .reqInfo { color: red; font-weight: 600; display: inline-block; font-size: min(4vw, 1.125rem); margin: 0px auto 2rem 1rem; } .step-container { max-width: 1000px; margin: 0px auto 10%; display: flex; align-items: center; position: relative; flex-direction: column; } @media (min-width: 769px) { .step-container { flex-direction: row; } } .step { position: relative; flex: 1 1 0%; height: 100px; display: flex; align-items: center; justify-content: center; color: rgb(102, 102, 102); font-weight: 600; font-size: 16px; text-align: center; margin-bottom: 1rem; width: 100%; } @media (min-width: 769px) { .step { width: calc(33.3333%); } } .step1 { background: linear-gradient(135deg, rgb(255, 243, 205), rgb(255, 234, 167)); clip-path: polygon(0px 0px, 100% 0px, 100% 70%, 50% 100%, 0px 70%); } .step2 { background: linear-gradient(135deg, rgb(255, 228, 181), rgb(255, 179, 71)); clip-path: polygon(0px 0px, 100% 0px, 100% 70%, 50% 100%, 0px 70%); } .step3 { background: linear-gradient(135deg, rgb(255, 179, 209), rgb(255, 107, 157)); clip-path: polygon(0px 0px, 100% 0px, 100% 70%, 50% 100%, 0px 70%); } @media (min-width: 769px) { .step1 { clip-path: polygon(0px 0px, calc(100% - 40px) 0px, 100% 50%, calc(100% - 40px) 100%, 0px 100%); left: 1.5%; } .step2 { clip-path: polygon(0px 0px, calc(100% - 40px) 0px, 100% 50%, calc(100% - 40px) 100%, 0px 100%, 40px 50%); } .step3 { clip-path: polygon(0px 0px, calc(100% - 40px) 0px, 100% 50%, calc(100% - 40px) 100%, 0px 100%, 40px 50%); right: 1.5%; } } .step::before { content: ""; display: flex; width: 100%; height: 100%; position: absolute; z-index: -1; background: rgb(255, 255, 255); transform: scale3d(0.97, 0.87, 1); left: 0px; right: 0px; margin: auto; } .step1::before { clip-path: polygon(0px 0px, 100% 0px, 100% 68%, 50% 100%, 0px 68%); } .step2::before { clip-path: polygon(0px 0px, 100% 0px, 100% 68%, 50% 100%, 0px 68%); } .step3::before { clip-path: polygon(0px 0px, 100% 0px, 100% 68%, 50% 100%, 0px 68%); } @media (min-width: 769px) { .step::before { transform: scale3d(0.95, 0.9, 1); left: 2px; } .step1::before { left: -2px; transform: scale3d(0.97, 0.9, 1); clip-path: polygon(0px 0px, calc(100% - 40px) 0px, 99.5% 50%, calc(100% - 40px) 100%, 0px 100%); } .step2::before { clip-path: polygon(0px 0px, calc(100% - 38px) 0px, 100% 50%, calc(100% - 38px) 100%, 0px 100%, 38px 50%); } .step3::before { clip-path: polygon(0px 0px, calc(100% - 38px) 0px, 100% 50%, calc(100% - 38px) 100%, 0px 100%, 38px 50%); } } .step:hover::before { opacity: 0.8; } .step-content { display: flex; flex-direction: column; align-items: center; padding: 1.5rem 0px 2rem; } @media (min-width: 769px) { .step-content { padding: 1rem 0px; } } .step-number { font-size: 14px; font-weight: normal; color: rgb(136, 136, 136); } .step-title { font-size: min(5vw, 1.25rem); font-weight: bold; color: rgb(51, 51, 51); } .sec4thHeadline { color: var(--color100); border-bottom: 1px solid var(--color100); padding: 0.25em 1em 1rem 1rem; font-size: min(5vw, 1.25rem); margin: 0px 0px 1rem; } .sec4thHeadline + .secLead { line-height: 1.6; padding-left: 1rem; } .sec5thHeadline { color: var(--color100); border-left: 0.5rem solid rgb(255, 217, 0); padding: 0em 1em 0em 0.5rem; font-size: min(4vw, 1rem); margin: 0px 0px 0.5rem; font-weight: 600; } .sec5thHeadline + .secLead { line-height: 1.6; padding-left: 1rem; } .stepWrap { margin-bottom: min(14vh, 20%); } .stepWrap .downloads { margin-bottom: 5%; } .dlnotes { background: var(--color103); padding: 1.25rem 2rem 1rem 1.5rem; } .dlnotes dt { margin-bottom: 0.5em; } .dlnotes dd ul li { margin-bottom: 1em; line-height: 1.8; } #contact { padding: 0px 0px min(10vh, 100px); } #contact .secInner { background-color: rgb(238, 238, 238); padding: min(7vh, 70px) 0px min(2.5vh, 40px); border-radius: 6px; position: relative; } #contact .secInner .secContent { position: relative; display: flex; flex-direction: column; background: none; } #contact .contact_f .secContent::before { content: ""; display: block; width: min(18vw, 160px); height: min(18vw, 160px); background: url("") 0% 0% / cover no-repeat; margin: 0px auto; order: 2; } #contact .contact_f .secContent > p { order: 1; } #contact .contact_f .secContent .btnWrap { order: 3; } @media (min-width: 768px) { #contact .contact_f .secContent::before { position: absolute; left: 9%; bottom: 50%; order: 1; } #contact .contact_f .secContent > p { order: 2; } } #contact .secInner .secHeadline { padding: 0px 0px min(2.5vh, 100px); line-height: 1; } #contact .secInner .secContent { box-shadow: none; } .secWrap { background-color: var(--color01); } #callback .secWrap .secHeadline { text-align: center; width: 100%; font-size: min(4vw, 1.25rem); font-weight: 600; line-height: 1; padding: 3em 0px 0px; } .faq_cat { display: grid; gap: 0.75em; margin: 0px auto min(10vw, 70px); list-style: none; } @media (min-width: 768px) { .faq_cat { grid-template-columns: repeat(auto-fit, minmax(calc(50% - 1em), 1fr)); } } .faq_cat > * { text-align: center; font-size: min(4vw, 1.125rem); color: var(--color04); border-radius: 2em; background-color: var(--color01); line-height: 1; padding: 1em; font-weight: 600; cursor: pointer; list-style: none; margin: 0px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border: 1px solid var(--color-re-006); } .faq_cat > .refine { padding: 0px; overflow: hidden; } .faq_cat > .refine form { width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; position: relative; } .faq_cat > .refine form input { width: calc(100% - 60px); height: 100%; border: none; padding: 1em; font-size: min(4vw, 1.125rem); text-align: center; } .faq_cat > .refine form input::placeholder { text-align: center; color: rgb(164, 164, 164); } .faq_cat > .refine form button.submit { background-color: rgb(167, 167, 167); border: none; width: 60px; height: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; } .faq_cat > .refine form button.submit img { height: 42%; } .faq_cat > .refine form button.reset { position: absolute; right: 85px; background-color: var(--color08); color: var(--color01); border-radius: 16px; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; white-space: nowrap; aspect-ratio: 1 / 1; } .faq_cat_li.wd_active, .faq_cat > :not(.refine).current, .faq_cat > :not(.refine):hover { background-color: var(--color102); color: var(--color01); } .faqCatTitle { text-align: center; width: 100%; color: var(--color01); background-color: var(--color102); border-radius: 6px; font-size: min(4vw, 1.25rem); font-weight: 400; line-height: 1; padding: 0.75em 0px; margin-bottom: 0.75em; } .faqList { width: 100%; margin: 0px auto 2em; padding: 0px; display: flex; flex-direction: column; row-gap: 0.75em; counter-reset: q 0; } .faqList + p { font-size: min(3.5vw, 1rem); text-align: center; } .faqList dl { display: inline-block; vertical-align: top; position: relative; padding: 0px; background-color: var(--color01); letter-spacing: 0px; width: 100%; border-radius: 34px; counter-increment: q 1; box-sizing: border-box; border: 1px solid var(--color-re-006); } .faqList dl dt { font-weight: 600; display: grid; grid-template-columns: 3em 1fr min(4vw, 1em); align-items: flex-start; padding: 0.9em 2vw 1em; cursor: pointer; } @media (min-width: 768px) { .faqList dl dt { padding: 1em 2vw 0.8em; } } .faqList dl dt::after { content: "＋"; line-height: 1; display: block; color: rgb(167, 167, 167); width: min(4vw, 1em); height: min(4vw, 1em); } .listItem.wd_active dt::after, .faqList dl.toggleOpen dt::after { content: "ー"; } .faqList dl dt::before { content: "Q" counter(q); font-weight: 400; font-size: min(4vw, 1.125rem); line-height: 1.2; } .faqList dl dt p { line-height: 1.4; user-select: none; letter-spacing: 0.05em; font-feature-settings: "palt"; font-size: min(5vmin, 1rem); font-weight: 400; padding: 0px 2em 0px 0px; text-align: justify; color: rgb(0, 0, 0); display: flex; align-items: center; flex-wrap: wrap; } .faqList dl.toggleOpen dt p { font-weight: 600; } .faqList dl dd { display: none; padding: 0px 2vw; width: 100%; font-size: min(3.75vmin, 1rem); } .faqList dl.toggleOpen dd { height: auto; } .faqList dl dd > div { line-height: 1.8; width: 100%; padding: 0px 1em 1em 2em; display: grid; grid-template-columns: 2em 1fr; } .faqList dl dd > div::before { content: "A"; color: rgb(255, 98, 80); } .faqList dl dd > div p { font-feature-settings: "palt"; font-size: min(5vw, 1rem); font-weight: 400; } .faqList dl dd > div p:empty { display: none !important; } .faqList dl dd > div p a { color: var(--color100); text-decoration: underline; } .faqList dl dd > div p a:hover { text-decoration: none; } .roundChangeTabs { color: var(--color-re-002); width: 100%; max-width: var(--innerwidth); margin: 0px auto; padding: 0px; list-style: none; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 1rem; } .roundChangeTabs li { margin-left: 0px; margin-bottom: 0px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border: 1px solid rgb(227, 227, 227); border-radius: 4px; width: 100%; font-size: min(4vw, 1.125rem); font-weight: 600; line-height: 1; padding: 1em 0px calc(1em + 4px); color: var(--color-re-002); cursor: pointer; transition: all 0.5s ease 0s; } .roundChangeTabs li:hover { box-shadow: inset 0 -4px 0 0 var(--color-re-001); } .roundChangeTabs li.current { background: var(--color-re-007); box-shadow: inset 0 -4px 0 0 var(--color-re-001); } @media (min-width: 640px) { .roundChangeTabs { flex-direction: row; padding: 0px; } .roundChangeTabs li { width: calc(33.3333% - 0.5rem); } } .roundChangeBody { margin-bottom: 3rem; } .vidtoc { background: var(--color-re-003); border-top: 1px solid rgb(227, 227, 227); border-bottom: 1px solid rgb(227, 227, 227); margin-bottom: 3rem; } .vidtoc dt { line-height: 1; padding: 1em 1em 1em 1.5em; font-size: min(4vw, 1.25rem); color: var(--color-re-002); font-weight: 600; position: relative; } .vidtoc .js-toggleBtn::after { position: absolute; right: 2vw; content: "＋"; color: var(--color-re-001); font-weight: 600; display: inline-block; width: min(4vw, 1.25em); height: min(4vw, 1.25em); background-size: contain; background-repeat: no-repeat; background-image: none; transform: none; } .vidtoc .js-toggleBtn.open::after { content: "ー"; } .vidtoc dd { overflow: hidden; display: none; padding: 0.5em 1.5em 2em 2em; } .vidtoc dd li { font-size: min(4vw, 1.25rem); margin-bottom: 0.75em; } .vid > iframe { width: 100%; height: auto; display: block; aspect-ratio: 16 / 9; margin: auto; z-index: 1; } @media (min-width: 960px) { .vid > iframe { width: 100%; } } #policy .secLead { font-size: min(4vw, 1rem); line-height: 2.2; text-align: justify; color: var(--color02); width: 100%; max-width: var(--innerwidth); margin: 0px auto 2em; padding: 0px 4vw; } @media (min-width: 960px) { #policy .secLead { padding: 0px; } } .secInner > dl { margin-bottom: 1.5em; } dl > .defTitle { font-weight: 600; line-height: 1; padding: 0.5em; background-color: rgb(229, 231, 237); width: fit-content; border-top: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; border-bottom: none; } dl > .defTitle + dd { padding: 1em 0px; border-top: 1px solid rgb(204, 204, 204); } dl > .defTitle + dd p { margin-bottom: 0.5em; line-height: 2; } dl > .defTitle + dd ul, dl > .defTitle + dd ol { line-height: 2; } .listOLLv1 > li { margin-bottom: 1.5em; } .listOLLv1 > li > p:nth-of-type(1) { font-weight: 600; margin-bottom: 0.5em; } .listOLLv2 { padding-left: 0px; } .listOLLv2 > li { margin-bottom: 0.5em; } .footerInfo { background: var(--color01); } .footerInfoInner { padding: min(10vh, 100px) 2vw; } .footerInfoInner > p { text-align: center; font-size: min(3.5vw, 1rem); line-height: 1.8; margin-bottom: 2.5rem; } .footerInfoInner .relational { width: 100%; margin: auto; display: flex; justify-content: space-between; column-gap: 2vw; } .footerInfoInner .relational a::after { display: none !important; } .globalFooter { background-color: var(--color01); color: var(--color02); } .footerLinks { background-color: var(--color100); font-size: min(4vw, 0.875rem); color: var(--color02); padding: 4em 4vw; } .footerLinks ul { display: flex; justify-content: center; column-gap: 3em; list-style: none; flex-wrap: wrap; margin: auto; } @media (min-width: 768px) { .footerLinks ul { justify-content: center; } } .footerLinks ul li { list-style: none; margin: 0px; } .footerLinks ul li a { color: var(--color01); display: flex; align-items: center; line-height: 1; } .indent { display: block; padding-left: 1em; text-indent: -1em; } .indent.cha5 { padding-left: 5em; text-indent: -5em; } .annotation { font-size: min(3vw, 0.875rem); display: inline-block; padding-left: 1em; text-indent: -1em; margin-bottom: 0.25em !important; line-height: 1.4 !important; } .withShadow { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 0px 0px; } .colorLink { color: var(--color100); text-decoration: underline; } .noBullet, .noBullet li { list-style-type: none; margin-left: 0px; } .external { position: relative; } .external::after { content: ""; display: inline-block; margin-left: 0.25em; margin-bottom: 0px; vertical-align: -2px; width: min(4vw, 1.25em); height: min(4vw, 1.25em); background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf-8,"); } .external.ico2::after { background-image: url("data:image/svg+xml;utf-8,") !important; } .btn.external::after { position: absolute; right: 1em; margin-bottom: 0px; } a[href$=".pdf"]::after { content: "PDF"; color: rgb(255, 255, 255); background-color: rgb(241, 79, 74); display: inline-block; font-size: 9px; font-weight: 400; line-height: 1; border-radius: 2px; margin-left: 5px; margin-right: 3px; vertical-align: 2px; padding: 0.35em 0.5em 0.2em; text-indent: 0px; } [class*="ico-"]::after { display: inline-block; font-size: 9px; font-weight: 400; line-height: 1; border-radius: 2px; vertical-align: 2px; margin-left: 5px; margin-right: 3px; padding: 0.35em 0.5em 0.2em; } .ico-pdf::after { content: "PDF"; color: rgb(255, 255, 255); background-color: rgb(241, 79, 74); } .ico-xlsx::after { content: "Excel"; color: rgb(255, 255, 255); background-color: rgb(45, 121, 47); } .ico-docx::after { content: "Word"; color: rgb(255, 255, 255); background-color: rgb(41, 82, 148); } .ico-external::after { content: ""; display: inline-block; margin-left: 0.25em; margin-bottom: -5px; width: min(4vw, 2em); height: min(4vw, 2em); background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf-8,"); } .ico-external.ico2::after { background-image: url("data:image/svg+xml;utf-8,"); } .ico-chev1::before { content: ""; display: inline-block; margin-right: 0.25em; margin-bottom: -3px; width: min(4vw, 1.25em); height: min(4vw, 1.25em); background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf-8,"); } .ico-chev2 { color: var(--color02); } .ico-chev2::before { content: ""; display: inline-block; margin-right: 0.25em; margin-bottom: -4px; width: min(4vw, 1.25em); height: min(4vw, 1.25em); background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf-8,"); } .text-underline { text-decoration: underline; } .mb1 { margin-bottom: 1rem; } .mb2 { margin-bottom: 2rem; } .mb3 { margin-bottom: 3rem; } .mb4 { margin-bottom: 4rem; } .hide { display: none; visibility: hidden; opacity: 0; } .block { display: block; } .iblock { display: inline-block; } .b { font-weight: 600; } .c { justify-content: center; text-align: center; } .l { justify-content: flex-start; text-align: left; } .r { justify-content: flex-end; text-align: right; } ._sp { display: block !important; } ._pc { display: none !important; } @media (min-width: 768px) { ._sp { display: none !important; } ._pc { display: block !important; } } .wd_sp { display: block; } .wd_pc { display: none; } .wd_clearfloat { clear: both; float: none; } @media (min-width: 1200px) { .wd_sp { display: none; } .wd_pc { display: block; } } #breadcrumb.wd_pankz_large { max-width: 1200px !important; } @media (min-width: 1200px) { #breadcrumb.wd_pankz_large { width: calc(100% - 32px) !important; padding: 2em min(10vw, 24px) !important; } } .wd_noicon.external.ico2::after { display: none; } .footer_systemlink_superbox { position: relative; width: 100%; padding: 24px min(4vw, 2em); background: linear-gradient(20deg, rgb(253, 255, 236), rgb(221, 238, 255)); margin-bottom: 32px; } .footer_systemlink_title { text-align: center; font-size: 1.5em; font-weight: 700; color: var(--color-re-002); } .footer_systemlink_btn_wrap { width: 100%; max-width: 280px; position: relative; display: block; box-sizing: border-box; height: 64px; margin: 24px auto 0px; } .footer_systemlink_btn { width: 100%; position: relative; display: block; box-sizing: border-box; height: 64px; border-radius: 32px; line-height: 62px; border: 1px solid var(--color-re-006); text-align: center; color: var(--color-re-002); font-weight: 700; background-color: var(--color01); } .footer_systemlink_btn_wrap:hover .footer_systemlink_btn { color: var(--color01); background-color: var(--color100); } .footer_systemlink_btn::after { } .wd_footer_exlink.external.ico2::after { display: block; position: absolute; top: 50%; right: 20px; transform: translate(0%, -50%); width: 24px; } .wd_hamburger_btn_area { position: absolute; top: 0%; right: 0%; width: 72px; height: 60px; border-radius: 0px 0px 0px 22px; background-color: var(--color100); } .wd_hamburger_btn_wrap { position: absolute; top: 50%; right: 0%; width: 100%; transform: translate(0%, -50%); cursor: pointer; } .wd_hamburger_btn_box { display: block; position: relative; margin: 0px auto; width: 1.25rem; height: 1rem; } .wd_hamburger_btn_box_bar01 { position: absolute; top: 50%; left: 0%; width: 100%; height: 2px; margin-top: -1px; background-color: var(--color01); border-radius: 1px; } .wd_hamburger_btn_box_bar02 { position: absolute; top: 50%; left: 0%; width: 100%; height: 2px; background-color: var(--color01); border-radius: 1px; margin-top: -7px; } .wd_hamburger_btn_box_bar03 { position: absolute; top: 50%; left: 0%; width: 100%; height: 2px; background-color: var(--color01); border-radius: 1px; margin-top: 5px; } .wd_hamburger_btn_name { position: relative; display: block; color: var(--color01); font-size: 0.625em; text-align: center; padding-top: 4px; } .wd_hamburger_menu_superbox { position: fixed; top: 0%; left: 0%; display: block; width: 100%; height: 0%; z-index: 998; padding-top: 60px; background-color: var(--color-re-003); overflow: hidden; } .wd_hamburger_menu_inner { width: 100%; height: 100vh; overflow: auto; } .wd_hamburger_menu_haschild { position: relative; width: 100%; height: 60px; line-height: 60px; padding-left: 12px; border-bottom: 1px solid rgb(227, 227, 227); color: var(--color-re-002); font-size: 1.25em; font-weight: 700; cursor: pointer; } .wd_hamburger_menu_haschild_iconbox { position: absolute; top: 50%; right: 16px; transform: translate(0%, -50%); width: 15px; height: 15px; } .wd_hamburger_menu_haschild_icon01 { position: absolute; top: 50%; left: 50%; width: 100%; height: 2px; transform: translate(-50%, -50%); background-color: var(--color-re-002); } .wd_hamburger_menu_haschild_icon02 { position: absolute; top: 50%; left: 50%; width: 2px; height: 100%; margin: -50% 0px 0px -1px; background-color: var(--color-re-002); } .wd_hamburger_menu_childrenbox { width: 100%; display: none; } .wd_hamburger_menu_item_warp { position: relative; width: 100%; height: 60px; line-height: 60px; padding-left: 12px; border-bottom: 1px solid rgb(227, 227, 227); cursor: pointer; } .wd_hamburger_menu_item_pink { position: relative; width: 100%; height: 60px; line-height: 60px; color: var(--color100); font-size: 1.25em; font-weight: 700; } .wd_hamburger_menu_item_thin { position: relative; width: 100%; height: 60px; line-height: 60px; color: var(--color-re-002); font-size: 1em; padding-left: 12px; } .wd_hamburger_menu_item_normal { position: relative; width: 100%; height: 60px; line-height: 60px; color: var(--color-re-002); font-size: 1.25em; font-weight: 700; } .wd_hamburger_menu_upperitem_warp a::after, .wd_hamburger_menu_item_warp a::after { content: ""; position: absolute; top: 50%; right: 16px; transform: translate(0%, -50%); display: block; width: min(4vw, 1em); height: min(4vw, 1em); background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M7.00065%2018.5L5.58398%2017.0833L12.1673%2010.5L5.58398%203.91667L7.00065%202.5L15.0007%2010.5L7.00065%2018.5Z%22%20fill%3D%22%232D3657%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .wd_hamburger_menu_upperbox { padding: 10px 0px; } .wd_hamburger_menu_upperitem_warp { position: relative; width: 100%; height: 60px; line-height: 60px; padding-left: 12px; cursor: pointer; } .wd_hamburger_menu_upperitembox { position: relative; width: 100%; height: 60px; line-height: 60px; color: var(--color-re-002); font-size: 1em; padding-left: 30px; } .wd_hamburger_menu_upperitembox01::before { content: ""; position: absolute; top: 50%; left: 0px; transform: translate(0%, -50%); display: block; width: min(4vw, 1.5em); height: min(4vw, 1.5em); background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42550%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M2.61523%209.9135C2.61523%208.43917%202.92832%207.07825%203.55448%205.83075C4.18082%204.58342%205.02607%203.53025%206.09023%202.67125L7.01498%203.8385C6.12398%204.559%205.4179%205.44233%204.89673%206.4885C4.37573%207.53467%204.11523%208.67633%204.11523%209.9135H2.61523ZM19.8842%209.9135C19.8842%208.67633%2019.6237%207.53308%2019.1027%206.48375C18.5816%205.43442%2017.8755%204.54942%2016.9845%203.82875L17.9092%202.67125C18.9734%203.53025%2019.8187%204.58342%2020.445%205.83075C21.0712%207.07825%2021.3842%208.43917%2021.3842%209.9135H19.8842ZM4.49973%2018.8845V17.3848H6.30748V9.923C6.30748%208.57817%206.72257%207.38908%207.55273%206.35575C8.38273%205.32242%209.4484%204.6615%2010.7497%204.373V3.75C10.7497%203.40383%2010.8716%203.109%2011.1152%202.8655C11.3587%202.62183%2011.6536%202.5%2011.9997%202.5C12.3459%202.5%2012.6407%202.62183%2012.8842%202.8655C13.1279%203.109%2013.2497%203.40383%2013.2497%203.75V4.373C14.5511%204.6615%2015.6167%205.32242%2016.4467%206.35575C17.2769%207.38908%2017.692%208.57817%2017.692%209.923V17.3848H19.4997V18.8845H4.49973ZM11.9997%2021.6923C11.5011%2021.6923%2011.0752%2021.5157%2010.722%2021.1625C10.3687%2020.8093%2010.192%2020.3833%2010.192%2019.8845H13.8075C13.8075%2020.3833%2013.6308%2020.8093%2013.2775%2021.1625C12.9243%2021.5157%2012.4984%2021.6923%2011.9997%2021.6923ZM7.80748%2017.3848H16.192V9.923C16.192%208.76533%2015.7827%207.77725%2014.9642%206.95875C14.1456%206.14008%2013.1574%205.73075%2011.9997%205.73075C10.8421%205.73075%209.8539%206.14008%209.03523%206.95875C8.21673%207.77725%207.80748%208.76533%207.80748%209.923V17.3848Z%22%20fill%3D%22%232D3657%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .wd_hamburger_menu_upperitembox02::before { content: ""; position: absolute; top: 50%; left: 0px; transform: translate(0%, -50%); display: block; width: min(4vw, 1.5em); height: min(4vw, 1.5em); background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42565%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3C%2Fg%3E%0A%3Cmask%20id%3D%22mask1_356_42565%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask2_356_42565%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M11.989%2017.6152C12.2745%2017.6152%2012.5157%2017.5168%2012.7125%2017.3198C12.9093%2017.1226%2013.0078%2016.8812%2013.0078%2016.5955C13.0078%2016.31%2012.9092%2016.0688%2012.712%2015.872C12.5148%2015.6753%2012.2735%2015.577%2011.988%2015.577C11.7025%2015.577%2011.4613%2015.6756%2011.2645%2015.8728C11.0677%2016.0699%2010.9692%2016.3113%2010.9692%2016.5968C10.9692%2016.8823%2011.0678%2017.1234%2011.265%2017.3203C11.4622%2017.5169%2011.7035%2017.6152%2011.989%2017.6152ZM11.2808%2014.0345H12.6885C12.7013%2013.5423%2012.7734%2013.1491%2012.9047%2012.8548C13.0362%2012.5606%2013.3552%2012.1706%2013.8615%2011.6848C14.3013%2011.2449%2014.6382%2010.8388%2014.872%2010.4663C15.106%2010.0939%2015.223%209.65417%2015.223%209.147C15.223%208.28617%2014.9137%207.61375%2014.2952%207.12975C13.6766%206.64592%2012.9448%206.404%2012.1%206.404C11.2653%206.404%2010.5747%206.62675%2010.028%207.07225C9.48117%207.51775%209.09108%208.04242%208.85775%208.64625L10.1423%209.1615C10.2641%208.8295%2010.4724%208.50608%2010.7673%208.19125C11.0621%207.87658%2011.4999%207.71925%2012.0808%207.71925C12.6718%207.71925%2013.1086%207.88108%2013.3913%208.20475C13.6741%208.52858%2013.8155%208.88467%2013.8155%209.273C13.8155%209.61283%2013.7187%209.92375%2013.525%2010.2057C13.3315%2010.4877%2013.0848%2010.7602%2012.7848%2011.023C12.1283%2011.6153%2011.7135%2012.0878%2011.5405%2012.4405C11.3673%2012.793%2011.2808%2013.3243%2011.2808%2014.0345ZM12.0017%2021.5C10.6877%2021.5%209.45267%2021.2507%208.2965%2020.752C7.14033%2020.2533%206.13467%2019.5766%205.2795%2018.7218C4.42433%2017.8669%203.74725%2016.8617%203.24825%2015.706C2.74942%2014.5503%202.5%2013.3156%202.5%2012.0017C2.5%2010.6877%202.74933%209.45267%203.248%208.2965C3.74667%207.14033%204.42342%206.13467%205.27825%205.2795C6.13308%204.42433%207.13833%203.74725%208.294%203.24825C9.44967%202.74942%2010.6844%202.5%2011.9983%202.5C13.3123%202.5%2014.5473%202.74933%2015.7035%203.248C16.8597%203.74667%2017.8653%204.42342%2018.7205%205.27825C19.5757%206.13308%2020.2528%207.13833%2020.7518%208.294C21.2506%209.44967%2021.5%2010.6844%2021.5%2011.9983C21.5%2013.3123%2021.2507%2014.5473%2020.752%2015.7035C20.2533%2016.8597%2019.5766%2017.8653%2018.7218%2018.7205C17.8669%2019.5757%2016.8617%2020.2528%2015.706%2020.7518C14.5503%2021.2506%2013.3156%2021.5%2012.0017%2021.5ZM12%2020C14.2333%2020%2016.125%2019.225%2017.675%2017.675C19.225%2016.125%2020%2014.2333%2020%2012C20%209.76667%2019.225%207.875%2017.675%206.325C16.125%204.775%2014.2333%204%2012%204C9.76667%204%207.875%204.775%206.325%206.325C4.775%207.875%204%209.76667%204%2012C4%2014.2333%204.775%2016.125%206.325%2017.675C7.875%2019.225%209.76667%2020%2012%2020Z%22%20fill%3D%22%232D3657%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .wd_hamburger_menu_upperitembox03::before { content: ""; position: absolute; top: 50%; left: 0px; transform: translate(0%, -50%); display: block; width: min(4vw, 1.5em); height: min(4vw, 1.5em); background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42555%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3C%2Fg%3E%0A%3Cmask%20id%3D%22mask1_356_42555%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask2_356_42555%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M21.3079%2020.6538L17.7694%2017.1152H8.00013C7.51363%2017.1152%207.09713%2016.942%206.75063%2016.5955C6.40413%2016.2492%206.23088%2015.8327%206.23088%2015.346V14.7308H17.1156C17.6126%2014.7308%2018.0381%2014.5537%2018.3921%2014.1997C18.7461%2013.8457%2018.9231%2013.4202%2018.9231%2012.923V6H19.5386C20.0251%206%2020.4416%206.17325%2020.7881%206.51975C21.1346%206.86625%2021.3079%207.28275%2021.3079%207.76925V20.6538ZM4.19238%2012.6463L5.60788%2011.2308H15.1156C15.2053%2011.2308%2015.279%2011.2019%2015.3366%2011.1443C15.3943%2011.0866%2015.4231%2011.0128%2015.4231%2010.923V4.30775C15.4231%204.21792%2015.3943%204.14417%2015.3366%204.0865C15.279%204.02883%2015.2053%204%2015.1156%204H4.50013C4.41047%204%204.33672%204.02883%204.27888%204.0865C4.22122%204.14417%204.19238%204.21792%204.19238%204.30775V12.6463ZM2.69238%2016.2693V4.30775C2.69238%203.81058%202.86938%203.385%203.22338%203.031C3.57738%202.677%204.00297%202.5%204.50013%202.5H15.1156C15.6126%202.5%2016.0381%202.677%2016.3921%203.031C16.7461%203.385%2016.9231%203.81058%2016.9231%204.30775V10.923C16.9231%2011.4202%2016.7461%2011.8457%2016.3921%2012.1997C16.0381%2012.5537%2015.6126%2012.7308%2015.1156%2012.7308H6.23088L2.69238%2016.2693Z%22%20fill%3D%22%232D3657%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .wd_hamburger_menu_form_superbox { width: 100%; padding: 24px 12px; border-top: 1px solid var(--color-re-006); } .wd_hamburger_menu_form_systembox_wrap { position: relative; width: 100%; max-width: 400px; margin: 0px auto; } .wd_hamburger_menu_form_systembox_wrap a::after { content: ""; position: absolute; top: 50%; right: 16px; transform: translate(0%, -50%); display: block; width: min(6vw, 1.5em); height: min(6vw, 1.5em); background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf-8,") !important; } .wd_hamburger_menu_form_systembox { position: relative; width: 100%; height: 44px; line-height: 44px; text-align: center; font-size: 1.25em; font-weight: 700; color: var(--color-re-002); background-color: var(--color01); border-radius: 22px; } .wd_hamburger_menu_form_searchbox_wrap { position: relative; width: 100%; max-width: 400px; margin: 20px auto 0px; } .wd_hamburger_menu_form_searchbox_wrap a::after { content: ""; position: absolute; top: 50%; right: 16px; transform: translate(0%, -50%); display: block; width: min(6vw, 1.5em); height: min(6vw, 1.5em); background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf-8,") !important; } .wd_hamburger_menu_form_searchbox { position: relative; display: block; box-sizing: border-box; width: 100%; height: 44px; line-height: 44px; text-align: left; padding-left: 16px; font-size: 1em; color: var(--color-re-004); background-color: var(--color01); border-radius: 22px; appearance: none; border: 1px solid var(--color01); } .wd_hamburger_menu_form_searchbox_wrap button { position: absolute; display: block; top: 50%; right: 4px; width: 40px; height: 40px; transform: translate(0%, -50%); appearance: none; background-color: var(--color01); border: 1px solid var(--color01); cursor: pointer; border-radius: 50%; } .globalHeader_dev2 { width: 100%; height: 60px; background-color: rgb(255, 255, 255); z-index: 1000; position: sticky; top: 0px; left: 0px; padding: 0px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; display: flex; justify-content: space-between; } .globalHeader_dev2_logo_wrap { display: flex; align-items: center; padding-left: 12px; width: 50%; max-width: 148px; } .globalHeader_dev2_logo { width: 100%; color: var(--color-re-002); text-align: center; } .globalHeader_dev2_logo div { font-size: min(4vw, 0.8rem); color: var(--color-re-002); margin-top: 4px; display: none; } .globalFunc_dev2 { width: calc(100% - 240px); height: 130px; max-width: 800px; display: none; flex-wrap: wrap; justify-content: right; } .upperFunc_dev2 { box-sizing: border-box; width: 730px; height: 48px; border-radius: 0px 0px 0px 48px; background-color: var(--color100); display: flex; justify-content: right; flex-wrap: wrap; padding: 8px 40px; gap: 28px; } .upperFunc_navi_dev2_wrap { width: fit-content; } .upperFunc_navi_dev2 { width: fit-content; height: 32px; line-height: 32px; color: var(--color01); } .upperFunc_navi_dev2_wrap a { display: flex; align-items: center; font-size: min(4vw, 0.875rem); color: var(--color01); letter-spacing: 0.075em; white-space: nowrap; } .upperFunc_navi_dev2_wrap a::before { content: ""; display: inline-block; margin-right: 0.5em; width: min(5vw, 2em); height: min(5vw, 2em); background-size: contain; background-repeat: no-repeat; } .icon_dev2_info::before { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42550%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M2.61523%209.9135C2.61523%208.43917%202.92832%207.07825%203.55448%205.83075C4.18082%204.58342%205.02607%203.53025%206.09023%202.67125L7.01498%203.8385C6.12398%204.559%205.4179%205.44233%204.89673%206.4885C4.37573%207.53467%204.11523%208.67633%204.11523%209.9135H2.61523ZM19.8842%209.9135C19.8842%208.67633%2019.6237%207.53308%2019.1027%206.48375C18.5816%205.43442%2017.8755%204.54942%2016.9845%203.82875L17.9092%202.67125C18.9734%203.53025%2019.8187%204.58342%2020.445%205.83075C21.0712%207.07825%2021.3842%208.43917%2021.3842%209.9135H19.8842ZM4.49973%2018.8845V17.3848H6.30748V9.923C6.30748%208.57817%206.72257%207.38908%207.55273%206.35575C8.38273%205.32242%209.4484%204.6615%2010.7497%204.373V3.75C10.7497%203.40383%2010.8716%203.109%2011.1152%202.8655C11.3587%202.62183%2011.6536%202.5%2011.9997%202.5C12.3459%202.5%2012.6407%202.62183%2012.8842%202.8655C13.1279%203.109%2013.2497%203.40383%2013.2497%203.75V4.373C14.5511%204.6615%2015.6167%205.32242%2016.4467%206.35575C17.2769%207.38908%2017.692%208.57817%2017.692%209.923V17.3848H19.4997V18.8845H4.49973ZM11.9997%2021.6923C11.5011%2021.6923%2011.0752%2021.5157%2010.722%2021.1625C10.3687%2020.8093%2010.192%2020.3833%2010.192%2019.8845H13.8075C13.8075%2020.3833%2013.6308%2020.8093%2013.2775%2021.1625C12.9243%2021.5157%2012.4984%2021.6923%2011.9997%2021.6923ZM7.80748%2017.3848H16.192V9.923C16.192%208.76533%2015.7827%207.77725%2014.9642%206.95875C14.1456%206.14008%2013.1574%205.73075%2011.9997%205.73075C10.8421%205.73075%209.8539%206.14008%209.03523%206.95875C8.21673%207.77725%207.80748%208.76533%207.80748%209.923V17.3848Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .icon_dev2_faq::before { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42555%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3C%2Fg%3E%0A%3Cmask%20id%3D%22mask1_356_42555%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask2_356_42555%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M21.3079%2020.6538L17.7694%2017.1152H8.00013C7.51363%2017.1152%207.09713%2016.942%206.75063%2016.5955C6.40413%2016.2492%206.23088%2015.8327%206.23088%2015.346V14.7308H17.1156C17.6126%2014.7308%2018.0381%2014.5537%2018.3921%2014.1997C18.7461%2013.8457%2018.9231%2013.4202%2018.9231%2012.923V6H19.5386C20.0251%206%2020.4416%206.17325%2020.7881%206.51975C21.1346%206.86625%2021.3079%207.28275%2021.3079%207.76925V20.6538ZM4.19238%2012.6463L5.60788%2011.2308H15.1156C15.2053%2011.2308%2015.279%2011.2019%2015.3366%2011.1443C15.3943%2011.0866%2015.4231%2011.0128%2015.4231%2010.923V4.30775C15.4231%204.21792%2015.3943%204.14417%2015.3366%204.0865C15.279%204.02883%2015.2053%204%2015.1156%204H4.50013C4.41047%204%204.33672%204.02883%204.27888%204.0865C4.22122%204.14417%204.19238%204.21792%204.19238%204.30775V12.6463ZM2.69238%2016.2693V4.30775C2.69238%203.81058%202.86938%203.385%203.22338%203.031C3.57738%202.677%204.00297%202.5%204.50013%202.5H15.1156C15.6126%202.5%2016.0381%202.677%2016.3921%203.031C16.7461%203.385%2016.9231%203.81058%2016.9231%204.30775V10.923C16.9231%2011.4202%2016.7461%2011.8457%2016.3921%2012.1997C16.0381%2012.5537%2015.6126%2012.7308%2015.1156%2012.7308H6.23088L2.69238%2016.2693Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .icon_dev2_contact::before { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42565%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3C%2Fg%3E%0A%3Cmask%20id%3D%22mask1_356_42565%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask2_356_42565%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M11.989%2017.6152C12.2745%2017.6152%2012.5157%2017.5168%2012.7125%2017.3198C12.9093%2017.1226%2013.0078%2016.8812%2013.0078%2016.5955C13.0078%2016.31%2012.9092%2016.0688%2012.712%2015.872C12.5148%2015.6753%2012.2735%2015.577%2011.988%2015.577C11.7025%2015.577%2011.4613%2015.6756%2011.2645%2015.8728C11.0677%2016.0699%2010.9692%2016.3113%2010.9692%2016.5968C10.9692%2016.8823%2011.0678%2017.1234%2011.265%2017.3203C11.4622%2017.5169%2011.7035%2017.6152%2011.989%2017.6152ZM11.2808%2014.0345H12.6885C12.7013%2013.5423%2012.7734%2013.1491%2012.9047%2012.8548C13.0362%2012.5606%2013.3552%2012.1706%2013.8615%2011.6848C14.3013%2011.2449%2014.6382%2010.8388%2014.872%2010.4663C15.106%2010.0939%2015.223%209.65417%2015.223%209.147C15.223%208.28617%2014.9137%207.61375%2014.2952%207.12975C13.6766%206.64592%2012.9448%206.404%2012.1%206.404C11.2653%206.404%2010.5747%206.62675%2010.028%207.07225C9.48117%207.51775%209.09108%208.04242%208.85775%208.64625L10.1423%209.1615C10.2641%208.8295%2010.4724%208.50608%2010.7673%208.19125C11.0621%207.87658%2011.4999%207.71925%2012.0808%207.71925C12.6718%207.71925%2013.1086%207.88108%2013.3913%208.20475C13.6741%208.52858%2013.8155%208.88467%2013.8155%209.273C13.8155%209.61283%2013.7187%209.92375%2013.525%2010.2057C13.3315%2010.4877%2013.0848%2010.7602%2012.7848%2011.023C12.1283%2011.6153%2011.7135%2012.0878%2011.5405%2012.4405C11.3673%2012.793%2011.2808%2013.3243%2011.2808%2014.0345ZM12.0017%2021.5C10.6877%2021.5%209.45267%2021.2507%208.2965%2020.752C7.14033%2020.2533%206.13467%2019.5766%205.2795%2018.7218C4.42433%2017.8669%203.74725%2016.8617%203.24825%2015.706C2.74942%2014.5503%202.5%2013.3156%202.5%2012.0017C2.5%2010.6877%202.74933%209.45267%203.248%208.2965C3.74667%207.14033%204.42342%206.13467%205.27825%205.2795C6.13308%204.42433%207.13833%203.74725%208.294%203.24825C9.44967%202.74942%2010.6844%202.5%2011.9983%202.5C13.3123%202.5%2014.5473%202.74933%2015.7035%203.248C16.8597%203.74667%2017.8653%204.42342%2018.7205%205.27825C19.5757%206.13308%2020.2528%207.13833%2020.7518%208.294C21.2506%209.44967%2021.5%2010.6844%2021.5%2011.9983C21.5%2013.3123%2021.2507%2014.5473%2020.752%2015.7035C20.2533%2016.8597%2019.5766%2017.8653%2018.7218%2018.7205C17.8669%2019.5757%2016.8617%2020.2528%2015.706%2020.7518C14.5503%2021.2506%2013.3156%2021.5%2012.0017%2021.5ZM12%2020C14.2333%2020%2016.125%2019.225%2017.675%2017.675C19.225%2016.125%2020%2014.2333%2020%2012C20%209.76667%2019.225%207.875%2017.675%206.325C16.125%204.775%2014.2333%204%2012%204C9.76667%204%207.875%204.775%206.325%206.325C4.775%207.875%204%209.76667%204%2012C4%2014.2333%204.775%2016.125%206.325%2017.675C7.875%2019.225%209.76667%2020%2012%2020Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .upperFunc_shinsei_dev2_wrap { width: 180px; height: 32px; border-radius: 16px; background-color: var(--color01); text-align: center; } .upperFunc_shinsei_dev2_wrap a { text-align: center; } .upperFunc_shinsei_dev2 { display: inline-block; width: fit-content; height: 32px; line-height: 32px; color: var(--color-re-002); font-size: min(4vw, 0.75rem); font-weight: 700; padding-left: 1.5em; } .external_dev2::after { content: ""; display: inline-block; margin-left: 1em; margin-bottom: 0px; vertical-align: -5px; width: min(4vw, 1.5em); height: min(4vw, 1.5em); background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf-8,"); } .lowerFunc_dev2 { width: fit-content; min-width: 400px; height: 82px; padding: 0px 40px 0px 0px; display: flex; justify-content: right; gap: 30px; } .lowerFunc_navi_dev2_wrap { width: fit-content; height: 82px; cursor: pointer; } .lowerFunc_navi_dev2 { position: relative; width: fit-content; height: 82px; line-height: 82px; font-size: min(4vw, 1em); color: var(--color102); font-weight: 700; transition: all 0.25s ease 0s; } .lowerFunc_navi_dev2_wrap.wd_active .lowerFunc_navi_dev2, .lowerFunc_navi_dev2_wrap.wd_current .lowerFunc_navi_dev2, .lowerFunc_navi_dev2:hover { color: var(--color100); } .lowerFunc_navi_dev2_underbar { position: absolute; bottom: 0%; left: 0%; width: 100%; height: 8px; background-color: var(--color100); border-radius: 8px 8px 0px 0px; display: none; } .lowerFunc_navi_dev2_wrap.wd_active .lowerFunc_navi_dev2_underbar, .lowerFunc_navi_dev2_wrap.wd_current .lowerFunc_navi_dev2_underbar { display: block; } .lowerFunc_search_dev2_wrap { width: 180px; padding-top: 25px; } .localSearch_dev2 { display: flex; border-radius: 16px; border: 1px solid rgb(107, 111, 135); overflow: hidden; } .localSearch_dev2 input[name="q"] { width: 90%; border-radius: 0px; padding: 0.5em 0.5em 0.5em 1em; border: none; outline: none; } .localSearch_dev2 button[name="sa"] { width: 36px; padding: 0.5em; border-radius: 0px 16px 16px 0px; background-color: var(--color01); border: none; cursor: pointer; display: flex; justify-content: center; align-items: center; } .lowerFunc_dev2_submenu_entry { position: fixed; top: 130px; background-color: var(--color-re-003); padding: 20px; z-index: 999; width: 100%; display: none; } .lowerFunc_dev2_submenu_entry_inner { width: 100%; max-width: 1140px; margin: 0px auto; display: flex; justify-content: left; flex-wrap: wrap; } .lowerFunc_dev2_submenu_col_small { width: 200px; } .lowerFunc_dev2_submenu_col_large { width: 520px; } .lowerFunc_dev2_submenu_link_large_wrap { width: 100%; margin-bottom: 8px; } .lowerFunc_dev2_submenu_link_wrap { width: fit-content; margin-top: 6px; } .lowerFunc_dev2_submenu_link { position: relative; width: fit-content; color: var(--color-re-005); font-size: min(4vw, 1em); padding-right: 24px; } .lowerFunc_dev2_submenu_link_large_wrap .lowerFunc_dev2_submenu_link { position: relative; width: fit-content; color: var(--color100); font-size: min(4vw, 1em); font-weight: 700; padding-right: 24px; } .lowerFunc_dev2_submenu_link_wrap .lowerFunc_dev2_submenu_link::after { content: ""; position: absolute; top: 50%; right: 0%; transform: translate(0%, -50%); width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; } .lowerFunc_dev2_submenu_link_large_wrap .lowerFunc_dev2_submenu_link::after { content: ""; position: absolute; top: 50%; right: 0%; transform: translate(0%, -50%); width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; } .lowerFunc_dev2_submenu_link::after { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M7.00065%2018.5L5.58398%2017.0833L12.1673%2010.5L5.58398%203.91667L7.00065%202.5L15.0007%2010.5L7.00065%2018.5Z%22%20fill%3D%22%23DF227D%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .lowerFunc_dev2_submenu_col_large_child { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } .lowerFunc_dev2_submenu_col_large_child01 { width: 200px; } .lowerFunc_dev2_submenu_col_large_child02 { width: 280px; } .footerLinks_dev2 { background-color: var(--color-re-002); font-size: min(4vw, 0.875rem); color: var(--color02); padding: 4em 4vw; } .footerLinks_dev2 ul { display: flex; justify-content: center; column-gap: 3em; list-style: none; flex-wrap: wrap; margin: auto; } .footerLinks_dev2 ul li { list-style: none; margin: 0px; } .footerLinks_dev2 ul li a { color: var(--color01); display: flex; align-items: center; line-height: 1; padding-right: 30px; position: relative; } .footerLinks_dev2 ul li a::after { content: ""; position: absolute; top: 50%; right: 0%; transform: translate(0%, -50%); width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M7.00065%2018.5L5.58398%2017.0833L12.1673%2010.5L5.58398%203.91667L7.00065%202.5L15.0007%2010.5L7.00065%2018.5Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } @media (min-width: 1200px) { .footer_systemlink_superbox { position: relative; width: 100%; padding: 32px min(4vw, 2em); background: linear-gradient(20deg, rgb(253, 255, 236), rgb(221, 238, 255)); } .footer_systemlink_title { text-align: center; font-size: 1.75em; font-weight: 700; color: var(--color-re-002); } .footer_systemlink_btn_wrap { width: 100%; max-width: 280px; position: relative; display: block; box-sizing: border-box; height: 64px; margin: 32px auto 0px; } .footer_systemlink_btn { width: 100%; position: relative; display: block; box-sizing: border-box; height: 64px; border-radius: 32px; line-height: 62px; border: 1px solid var(--color-re-006); text-align: center; color: var(--color-re-002); font-weight: 700; background-color: var(--color01); } .footer_systemlink_btn_wrap:hover .footer_systemlink_btn { color: var(--color01); background-color: var(--color100); } .footer_systemlink_btn::after { } .wd_footer_exlink { position: relative; } .wd_footer_exlink.external.ico2::after { display: block; position: absolute; top: 50%; right: 20px; transform: translate(0%, -50%); width: 24px; } .wd_hamburger_btn_area { display: none; } .wd_hamburger_menu_superbox { display: none; } .globalHeader_dev2 { width: 100%; height: 130px; background-color: rgb(255, 255, 255); z-index: 1000; position: sticky; top: 0px; left: 0px; padding: 0px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 3px; display: flex; justify-content: space-between; } .globalHeader_dev2_logo_wrap { display: flex; align-items: center; padding-left: 40px; width: 27%; max-width: 280px; } .globalHeader_dev2_logo { width: 100%; color: var(--color-re-002); text-align: center; } .globalHeader_dev2_logo div { font-size: min(4vw, 0.8rem); color: var(--color-re-002); margin-top: 4px; display: block; } .globalFunc_dev2 { width: calc(100% - 240px); height: 130px; display: flex; flex-wrap: wrap; justify-content: right; } .upperFunc_dev2 { box-sizing: border-box; width: 730px; height: 48px; border-radius: 0px 0px 0px 48px; background-color: var(--color100); display: flex; justify-content: right; flex-wrap: wrap; padding: 8px 40px; gap: 28px; } .upperFunc_navi_dev2_wrap { width: fit-content; } .upperFunc_navi_dev2 { width: fit-content; height: 32px; line-height: 32px; color: var(--color01); } .upperFunc_navi_dev2_wrap a { display: flex; align-items: center; font-size: min(4vw, 0.875rem); color: var(--color01); letter-spacing: 0.075em; white-space: nowrap; } .upperFunc_navi_dev2_wrap a::before { content: ""; display: inline-block; margin-right: 0.5em; width: min(5vw, 2em); height: min(5vw, 2em); background-size: contain; background-repeat: no-repeat; } .icon_dev2_info::before { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42550%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M2.61523%209.9135C2.61523%208.43917%202.92832%207.07825%203.55448%205.83075C4.18082%204.58342%205.02607%203.53025%206.09023%202.67125L7.01498%203.8385C6.12398%204.559%205.4179%205.44233%204.89673%206.4885C4.37573%207.53467%204.11523%208.67633%204.11523%209.9135H2.61523ZM19.8842%209.9135C19.8842%208.67633%2019.6237%207.53308%2019.1027%206.48375C18.5816%205.43442%2017.8755%204.54942%2016.9845%203.82875L17.9092%202.67125C18.9734%203.53025%2019.8187%204.58342%2020.445%205.83075C21.0712%207.07825%2021.3842%208.43917%2021.3842%209.9135H19.8842ZM4.49973%2018.8845V17.3848H6.30748V9.923C6.30748%208.57817%206.72257%207.38908%207.55273%206.35575C8.38273%205.32242%209.4484%204.6615%2010.7497%204.373V3.75C10.7497%203.40383%2010.8716%203.109%2011.1152%202.8655C11.3587%202.62183%2011.6536%202.5%2011.9997%202.5C12.3459%202.5%2012.6407%202.62183%2012.8842%202.8655C13.1279%203.109%2013.2497%203.40383%2013.2497%203.75V4.373C14.5511%204.6615%2015.6167%205.32242%2016.4467%206.35575C17.2769%207.38908%2017.692%208.57817%2017.692%209.923V17.3848H19.4997V18.8845H4.49973ZM11.9997%2021.6923C11.5011%2021.6923%2011.0752%2021.5157%2010.722%2021.1625C10.3687%2020.8093%2010.192%2020.3833%2010.192%2019.8845H13.8075C13.8075%2020.3833%2013.6308%2020.8093%2013.2775%2021.1625C12.9243%2021.5157%2012.4984%2021.6923%2011.9997%2021.6923ZM7.80748%2017.3848H16.192V9.923C16.192%208.76533%2015.7827%207.77725%2014.9642%206.95875C14.1456%206.14008%2013.1574%205.73075%2011.9997%205.73075C10.8421%205.73075%209.8539%206.14008%209.03523%206.95875C8.21673%207.77725%207.80748%208.76533%207.80748%209.923V17.3848Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .icon_dev2_faq::before { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42555%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3C%2Fg%3E%0A%3Cmask%20id%3D%22mask1_356_42555%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask2_356_42555%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M21.3079%2020.6538L17.7694%2017.1152H8.00013C7.51363%2017.1152%207.09713%2016.942%206.75063%2016.5955C6.40413%2016.2492%206.23088%2015.8327%206.23088%2015.346V14.7308H17.1156C17.6126%2014.7308%2018.0381%2014.5537%2018.3921%2014.1997C18.7461%2013.8457%2018.9231%2013.4202%2018.9231%2012.923V6H19.5386C20.0251%206%2020.4416%206.17325%2020.7881%206.51975C21.1346%206.86625%2021.3079%207.28275%2021.3079%207.76925V20.6538ZM4.19238%2012.6463L5.60788%2011.2308H15.1156C15.2053%2011.2308%2015.279%2011.2019%2015.3366%2011.1443C15.3943%2011.0866%2015.4231%2011.0128%2015.4231%2010.923V4.30775C15.4231%204.21792%2015.3943%204.14417%2015.3366%204.0865C15.279%204.02883%2015.2053%204%2015.1156%204H4.50013C4.41047%204%204.33672%204.02883%204.27888%204.0865C4.22122%204.14417%204.19238%204.21792%204.19238%204.30775V12.6463ZM2.69238%2016.2693V4.30775C2.69238%203.81058%202.86938%203.385%203.22338%203.031C3.57738%202.677%204.00297%202.5%204.50013%202.5H15.1156C15.6126%202.5%2016.0381%202.677%2016.3921%203.031C16.7461%203.385%2016.9231%203.81058%2016.9231%204.30775V10.923C16.9231%2011.4202%2016.7461%2011.8457%2016.3921%2012.1997C16.0381%2012.5537%2015.6126%2012.7308%2015.1156%2012.7308H6.23088L2.69238%2016.2693Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .icon_dev2_contact::before { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42565%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3C%2Fg%3E%0A%3Cmask%20id%3D%22mask1_356_42565%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask2_356_42565%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%0A%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M11.989%2017.6152C12.2745%2017.6152%2012.5157%2017.5168%2012.7125%2017.3198C12.9093%2017.1226%2013.0078%2016.8812%2013.0078%2016.5955C13.0078%2016.31%2012.9092%2016.0688%2012.712%2015.872C12.5148%2015.6753%2012.2735%2015.577%2011.988%2015.577C11.7025%2015.577%2011.4613%2015.6756%2011.2645%2015.8728C11.0677%2016.0699%2010.9692%2016.3113%2010.9692%2016.5968C10.9692%2016.8823%2011.0678%2017.1234%2011.265%2017.3203C11.4622%2017.5169%2011.7035%2017.6152%2011.989%2017.6152ZM11.2808%2014.0345H12.6885C12.7013%2013.5423%2012.7734%2013.1491%2012.9047%2012.8548C13.0362%2012.5606%2013.3552%2012.1706%2013.8615%2011.6848C14.3013%2011.2449%2014.6382%2010.8388%2014.872%2010.4663C15.106%2010.0939%2015.223%209.65417%2015.223%209.147C15.223%208.28617%2014.9137%207.61375%2014.2952%207.12975C13.6766%206.64592%2012.9448%206.404%2012.1%206.404C11.2653%206.404%2010.5747%206.62675%2010.028%207.07225C9.48117%207.51775%209.09108%208.04242%208.85775%208.64625L10.1423%209.1615C10.2641%208.8295%2010.4724%208.50608%2010.7673%208.19125C11.0621%207.87658%2011.4999%207.71925%2012.0808%207.71925C12.6718%207.71925%2013.1086%207.88108%2013.3913%208.20475C13.6741%208.52858%2013.8155%208.88467%2013.8155%209.273C13.8155%209.61283%2013.7187%209.92375%2013.525%2010.2057C13.3315%2010.4877%2013.0848%2010.7602%2012.7848%2011.023C12.1283%2011.6153%2011.7135%2012.0878%2011.5405%2012.4405C11.3673%2012.793%2011.2808%2013.3243%2011.2808%2014.0345ZM12.0017%2021.5C10.6877%2021.5%209.45267%2021.2507%208.2965%2020.752C7.14033%2020.2533%206.13467%2019.5766%205.2795%2018.7218C4.42433%2017.8669%203.74725%2016.8617%203.24825%2015.706C2.74942%2014.5503%202.5%2013.3156%202.5%2012.0017C2.5%2010.6877%202.74933%209.45267%203.248%208.2965C3.74667%207.14033%204.42342%206.13467%205.27825%205.2795C6.13308%204.42433%207.13833%203.74725%208.294%203.24825C9.44967%202.74942%2010.6844%202.5%2011.9983%202.5C13.3123%202.5%2014.5473%202.74933%2015.7035%203.248C16.8597%203.74667%2017.8653%204.42342%2018.7205%205.27825C19.5757%206.13308%2020.2528%207.13833%2020.7518%208.294C21.2506%209.44967%2021.5%2010.6844%2021.5%2011.9983C21.5%2013.3123%2021.2507%2014.5473%2020.752%2015.7035C20.2533%2016.8597%2019.5766%2017.8653%2018.7218%2018.7205C17.8669%2019.5757%2016.8617%2020.2528%2015.706%2020.7518C14.5503%2021.2506%2013.3156%2021.5%2012.0017%2021.5ZM12%2020C14.2333%2020%2016.125%2019.225%2017.675%2017.675C19.225%2016.125%2020%2014.2333%2020%2012C20%209.76667%2019.225%207.875%2017.675%206.325C16.125%204.775%2014.2333%204%2012%204C9.76667%204%207.875%204.775%206.325%206.325C4.775%207.875%204%209.76667%204%2012C4%2014.2333%204.775%2016.125%206.325%2017.675C7.875%2019.225%209.76667%2020%2012%2020Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .upperFunc_shinsei_dev2_wrap { width: 180px; height: 32px; border-radius: 16px; background-color: var(--color01); text-align: center; } .upperFunc_shinsei_dev2_wrap a { text-align: center; } .upperFunc_shinsei_dev2 { display: inline-block; width: fit-content; height: 32px; line-height: 32px; color: var(--color-re-002); font-size: min(4vw, 0.75rem); font-weight: 700; padding-left: 1.5em; } .external_dev2::after { content: ""; display: inline-block; margin-left: 1em; margin-bottom: 0px; vertical-align: -5px; width: min(4vw, 1.5em); height: min(4vw, 1.5em); background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf-8,"); } .lowerFunc_dev2 { width: fit-content; min-width: 400px; height: 82px; padding: 0px 40px 0px 0px; display: flex; justify-content: right; gap: 30px; } .lowerFunc_navi_dev2_wrap { width: fit-content; height: 82px; cursor: pointer; } .lowerFunc_navi_dev2 { position: relative; width: fit-content; height: 82px; line-height: 82px; font-size: min(4vw, 1em); color: var(--color102); font-weight: 700; transition: all 0.25s ease 0s; } .lowerFunc_navi_dev2_wrap.wd_active .lowerFunc_navi_dev2, .lowerFunc_navi_dev2_wrap .current .lowerFunc_navi_dev2, .lowerFunc_navi_dev2:hover { color: var(--color100); } .lowerFunc_navi_dev2_underbar { position: absolute; bottom: 0%; left: 0%; width: 100%; height: 8px; background-color: var(--color100); border-radius: 8px 8px 0px 0px; display: none; } .lowerFunc_navi_dev2_wrap.wd_active .lowerFunc_navi_dev2_underbar, .lowerFunc_navi_dev2_wrap .current .lowerFunc_navi_dev2_underbar { display: block; } .lowerFunc_search_dev2_wrap { width: 180px; padding-top: 25px; } .localSearch_dev2 { display: flex; border-radius: 16px; border: 1px solid rgb(107, 111, 135); overflow: hidden; } .localSearch_dev2 input[name="q"] { width: 90%; border-radius: 0px; padding: 0.5em 0.5em 0.5em 1em; border: none; outline: none; } .localSearch_dev2 button[name="sa"] { width: 36px; padding: 0.5em; border-radius: 0px 16px 16px 0px; background-color: var(--color01); border: none; cursor: pointer; display: flex; justify-content: center; align-items: center; } .lowerFunc_dev2_submenu_entry { position: fixed; top: 130px; background-color: var(--color-re-003); padding: 20px; z-index: 999; width: 100%; display: none; } .lowerFunc_dev2_submenu_entry_inner { width: 100%; max-width: 1140px; margin: 0px auto; display: flex; justify-content: left; flex-wrap: wrap; } .lowerFunc_dev2_submenu_col_small { width: 200px; } .lowerFunc_dev2_submenu_col_large { width: 520px; } .lowerFunc_dev2_submenu_link_large_wrap { width: 100%; margin-bottom: 8px; } .lowerFunc_dev2_submenu_link_wrap { width: fit-content; margin-top: 6px; } .lowerFunc_dev2_submenu_link { position: relative; width: fit-content; color: var(--color-re-005); font-size: min(4vw, 1em); padding-right: 24px; } .lowerFunc_dev2_submenu_link_large_wrap .lowerFunc_dev2_submenu_link { position: relative; width: fit-content; color: var(--color100); font-size: min(4vw, 1em); font-weight: 700; padding-right: 24px; } .lowerFunc_dev2_submenu_link_wrap .lowerFunc_dev2_submenu_link::after { content: ""; position: absolute; top: 50%; right: 0%; transform: translate(0%, -50%); width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; } .lowerFunc_dev2_submenu_link_large_wrap .lowerFunc_dev2_submenu_link::after { content: ""; position: absolute; top: 50%; right: 0%; transform: translate(0%, -50%); width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; } .lowerFunc_dev2_submenu_link::after { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M7.00065%2018.5L5.58398%2017.0833L12.1673%2010.5L5.58398%203.91667L7.00065%202.5L15.0007%2010.5L7.00065%2018.5Z%22%20fill%3D%22%23DF227D%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .lowerFunc_dev2_submenu_col_large_child { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } .lowerFunc_dev2_submenu_col_large_child01 { width: 200px; } .lowerFunc_dev2_submenu_col_large_child02 { width: 280px; } .footerLinks_dev2 { background-color: var(--color-re-002); font-size: min(4vw, 0.875rem); color: var(--color02); padding: 4em 4vw; } .footerLinks_dev2 ul { display: flex; justify-content: center; column-gap: 3em; list-style: none; flex-wrap: wrap; margin: auto; } .footerLinks_dev2 ul li { list-style: none; margin: 0px; } .footerLinks_dev2 ul li a { color: var(--color01); display: flex; align-items: center; line-height: 1; padding-right: 30px; position: relative; } .footerLinks_dev2 ul li a::after { content: ""; position: absolute; top: 50%; right: 0%; transform: translate(0%, -50%); width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M7.00065%2018.5L5.58398%2017.0833L12.1673%2010.5L5.58398%203.91667L7.00065%202.5L15.0007%2010.5L7.00065%2018.5Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } } .wd_top_contents_dots { position: absolute; bottom: -16px; width: 100%; text-align: center; display: flex; justify-content: center; gap: 16px; } .wd_top_contents_dots li { display: block; width: 8px; height: 8px; border-radius: 50%; z-index: 4; background-color: var(--color01); border: 1px solid var(--color-re-001); cursor: pointer; margin: 0px !important; } .wd_top_contents_dots li button { display: none !important; } .wd_top_contents_dots li:hover, .wd_top_contents_dots li.slick-active { background-color: var(--color-re-001); } .wd_fv_itembox { position: relative; display: block; box-sizing: border-box; width: 100%; height: auto; background-color: rgb(221, 238, 255); } .wd_fv_item_inner { position: relative; display: block; box-sizing: border-box; width: calc(100% - 72px); max-width: 1120px; height: auto; margin: 0px auto; } .wd_fv_item_image { position: relative; display: block; bottom: auto; right: auto; left: auto; transform: translate(0%, 0%); width: 100%; max-width: 488px; margin: 12px auto 0px; } .wd_fv_item_textbox { position: relative; top: auto; left: auto; transform: translate(0%, 0%); width: 100%; text-align: center; z-index: 2; padding-top: 32px; } .wd_fv_item_text_title { font-size: min(6vw, 3rem); font-weight: 700; color: rgb(51, 51, 51); } .wd_fv_item_text_title span { color: var(--color-re-001); } .wd_fv_item_text_story { font-size: min(3.8vw, 2rem); color: rgb(51, 51, 51); } @media (min-width: 1200px) { .wd_top_contents_dots { position: absolute; bottom: -16px; width: 100%; text-align: center; display: flex; justify-content: center; gap: 16px; } .wd_top_contents_dots li { display: block; width: 8px; height: 8px; border-radius: 50%; z-index: 4; background-color: var(--color01); border: 1px solid var(--color-re-001); cursor: pointer; margin: 0px !important; } .wd_top_contents_dots li button { display: none !important; } .wd_top_contents_dots li:hover, .wd_top_contents_dots li.slick-active { background-color: var(--color-re-001); } .wd_fv_itembox { position: relative; display: block; box-sizing: border-box; width: 100%; height: 320px; background-color: rgb(221, 238, 255); } .wd_fv_item_inner { position: relative; display: block; box-sizing: border-box; width: calc(100% - 72px); max-width: 1120px; height: 320px; margin: 0px auto; } .wd_fv_item_image { display: block; position: absolute; bottom: 0%; right: 0%; left: auto; transform: translate(0%, 0%); width: 100%; max-width: 628px; } .wd_fv_item_textbox { position: absolute; top: 50%; left: 0%; transform: translate(0%, -50%); width: calc(100% - 640px); text-align: left; z-index: 2; } .wd_fv_item_text_title { font-size: min(3vw, 2.125rem); font-weight: 700; color: rgb(51, 51, 51); } .wd_fv_item_text_title span { color: var(--color-re-001); } .wd_fv_item_text_story { font-size: min(2vw, 1.25rem); color: rgb(51, 51, 51); } } .secHeadline_dev2 { text-align: center; font-weight: 600; color: var(--color-re-002); padding: 0px; margin-bottom: 1em; font-size: 2em !important; } .secHeadline_dev2.ico-bell::before { content: ""; display: inline-block; margin-right: 0.75rem; font-size: 1rem; padding: 0px; justify-self: center; vertical-align: middle; background-color: transparent; background-repeat: no-repeat; background-size: contain; width: 2rem !important; height: 2rem !important; background-image: url("data:image/svg+xml;utf-8,") !important; } .importantNotice_dev2 { position: relative; display: block; box-sizing: border-box; width: calc(100% - 8vw); max-width: 1120px; margin: 64px auto 0px; border: 2px solid var(--color100); border-radius: 16px; padding: 16px; } .importantNotice_title_dev2 { font-size: 1.25em; font-weight: 700; color: var(--color100); } .importantNotice_story_dev2 { margin-top: 10px; margin-bottom: 10px; color: var(--color-re-002); } .importantNotice_story_dev2 a, .importantNotice_story_dev2 a:link, .importantNotice_story_dev2 a:visited { color: var(--color-re-005); text-decoration: underline; } .newsIndex .listItem .itemHeadline > div:nth-of-type(1) p { cursor: auto !important; } .newsIndex { overflow-y: auto !important; height: auto !important; max-height: none !important; } .newsIndex .listItem { border: none !important; } .wd_newslink_btn_wrap { width: calc(100% - 8vw); max-width: 280px; position: relative; display: block; box-sizing: border-box; margin: 24px auto 0px; background-color: var(--color01); border-radius: 32px; } .wd_newslink_btn { width: 100%; position: relative; display: block; box-sizing: border-box; height: 64px; border-radius: 32px; line-height: 62px; border: 1px solid var(--color-re-006); text-align: center; color: var(--color-re-002); font-weight: 700; } .wd_newslink_btn_wrap:hover .wd_newslink_btn { color: var(--color01); background-color: var(--color100); } .wd_newslink_btn::after { content: ""; position: absolute; top: 50%; right: 20px; transform: translate(0%, -50%); width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M7.00065%2018.5L5.58398%2017.0833L12.1673%2010.5L5.58398%203.91667L7.00065%202.5L15.0007%2010.5L7.00065%2018.5Z%22%20fill%3D%22%23DF227D%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .wd_newslink_btn_wrap:hover .wd_newslink_btn::after { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M7.00065%2018.5L5.58398%2017.0833L12.1673%2010.5L5.58398%203.91667L7.00065%202.5L15.0007%2010.5L7.00065%2018.5Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .wd_entry_step_2btns_flex { position: relative; display: flex; flex-wrap: wrap; justify-content: center; width: 100%; max-width: 600px; gap: 0px 32px; margin: 0px auto; } .wd_entry_step_2btns_flex .wd_newslink_btn_wrap { margin-left: 0px !important; margin-right: 0px !important; } .newsIndex .listItem .itemHeadline > div:nth-of-type(1) p { border-radius: 4px; font-size: min(3vw, 0.75rem); background: rgb(255, 255, 255); border: 1px solid var(--color-re-002); color: var(--color-re-002); font-weight: 700; line-height: 1; padding: 0.4em 1em 0.55em; display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; position: relative; white-space: nowrap; width: calc(100% - 3em); margin: auto; } @media (min-width: 1200px) { .secHeadline_dev2 { text-align: center; font-weight: 600; color: var(--color-re-002); padding: 0px; margin-bottom: 1em; font-size: 2.5em !important; } .secHeadline_dev2.ico-bell::before { content: ""; display: inline-block; margin-right: 0.75rem; font-size: 1rem; padding: 0px; justify-self: center; vertical-align: middle; background-color: transparent; background-repeat: no-repeat; background-size: contain; width: 2.5rem !important; height: 2.5rem !important; background-image: url("data:image/svg+xml;utf-8,") !important; } .importantNotice_dev2 { position: relative; display: block; box-sizing: border-box; width: calc(100% - 8vw); max-width: 1120px; margin: 64px auto 0px; border: 2px solid var(--color100); border-radius: 16px; padding: 16px; } .importantNotice_title_dev2 { font-size: 1.5em; font-weight: 700; color: var(--color100); } .importantNotice_story_dev2 { margin-top: 10px; color: var(--color-re-002); } .importantNotice_story_dev2 a, .importantNotice_story_dev2 a:link, .importantNotice_story_dev2 a:visited { color: var(--color-re-005); text-decoration: underline; } .newsIndex { overflow-y: auto !important; height: auto !important; max-height: none !important; } .newsIndex .listItem { border: none !important; } .wd_newslink_btn_wrap { width: calc(100% - 8vw); max-width: 280px; position: relative; display: block; box-sizing: border-box; margin: 24px auto 0px; border-radius: 32px; } .wd_newslink_btn { width: 100%; position: relative; display: block; box-sizing: border-box; height: 64px; border-radius: 32px; line-height: 62px; border: 1px solid var(--color-re-006); text-align: center; color: var(--color-re-002); font-weight: 700; } .wd_newslink_btn_wrap:hover .wd_newslink_btn { color: var(--color01); background-color: var(--color100); } .wd_newslink_btn::after { content: ""; position: absolute; top: 50%; right: 20px; transform: translate(0%, -50%); width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M7.00065%2018.5L5.58398%2017.0833L12.1673%2010.5L5.58398%203.91667L7.00065%202.5L15.0007%2010.5L7.00065%2018.5Z%22%20fill%3D%22%23DF227D%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .newsIndex .listItem .itemHeadline > div:nth-of-type(1) p { border-radius: 4px; font-size: min(3vw, 0.75rem); background: rgb(255, 255, 255); border: 1px solid var(--color-re-002); color: var(--color-re-002); font-weight: 700; line-height: 1; padding: 0.4em 1em 0.55em; display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; position: relative; white-space: nowrap; width: calc(100% - 3em); margin: auto; } } .wd_top_considering_section { position: relative; width: 100%; background-color: var(--color-re-007); padding: 38px 0px 64px; } .wd_ico-considering::before { content: ""; display: inline-block; margin-right: 0.75rem; width: 3rem; height: 3rem; font-size: 1rem; padding: 0px; justify-self: center; vertical-align: -7px; background-color: transparent; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_28547%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2248%22%20height%3D%2248%22%3E%0A%3Crect%20width%3D%2248%22%20height%3D%2248%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M23.9944%2023.5829C21.5834%2023.5829%2019.6139%2022.8189%2018.0859%2021.2909C16.5579%2019.7629%2015.7939%2017.7934%2015.7939%2015.3824C15.7939%2012.9711%2016.5579%2010.9996%2018.0859%209.46792C19.6139%207.93592%2021.5834%207.16992%2023.9944%207.16992C26.4058%207.16992%2028.3821%207.93592%2029.9234%209.46792C31.4648%2010.9996%2032.2354%2012.9711%2032.2354%2015.3824C32.2354%2017.7934%2031.4648%2019.7629%2029.9234%2021.2909C28.3821%2022.8189%2026.4058%2023.5829%2023.9944%2023.5829ZM7.29395%2041.0744V35.6169C7.29395%2034.2279%207.64661%2033.0248%208.35195%2032.0074C9.05761%2030.9904%209.97011%2030.2178%2011.0894%2029.6894C13.3604%2028.6708%2015.5489%2027.9066%2017.6549%2027.3969C19.7606%2026.8876%2021.8733%2026.6329%2023.9929%2026.6329C26.1486%2026.6329%2028.2693%2026.8959%2030.3549%2027.4219C32.4403%2027.9483%2034.6078%2028.7074%2036.8574%2029.6994C38.0254%2030.2071%2038.9638%2030.9698%2039.6724%2031.9874C40.3811%2033.0048%2040.7354%2034.2123%2040.7354%2035.6099V41.0744H7.29395Z%22%20fill%3D%22url("")%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_356_28547%22%20x1%3D%2224.0147%22%20y1%3D%227.16992%22%20x2%3D%2224.0147%22%20y2%3D%2241.0744%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20offset%3D%220.37503%22%20stop-color%3D%22%23DF227D%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF8D00%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E"); background-size: contain; } .wd_ico-nextstep::before { content: ""; display: inline-block; margin-right: 0.75rem; width: 3rem; height: 3rem; font-size: 1rem; padding: 0px; justify-self: center; vertical-align: -7px; background-color: transparent; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2249%22%20viewBox%3D%220%200%2048%2049%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_29573%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2248%22%20height%3D%2249%22%3E%0A%3Crect%20y%3D%220.384766%22%20width%3D%2248%22%20height%3D%2248%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_29573%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2248%22%20height%3D%2249%22%3E%0A%3Crect%20y%3D%220.384766%22%20width%3D%2248%22%20height%3D%2248%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M44.8203%2028.8027L31.8154%2041.8066L24.5391%2034.502L26.8652%2032.2041L31.8154%2037.1543L42.4658%2026.5049L44.8203%2028.8027ZM19.915%2027.0176C20.8817%2027.0176%2022.0154%2027.0947%2023.3154%2027.249C24.6154%2027.4034%2025.8325%2027.6307%2026.9658%2027.9307L22.583%2037.498L26.5439%2041.459H3.20898V36.0029C3.20907%2034.7504%203.53682%2033.5888%204.19141%2032.5186C4.84602%2031.4488%205.78382%2030.6341%207.00488%2030.0742C9.40488%2029.0076%2011.6571%2028.2314%2013.7607%2027.7461C15.8638%2027.2605%2017.9152%2027.0176%2019.915%2027.0176ZM19.9102%207.50488C22.3211%207.50492%2024.2976%208.27077%2025.8389%209.80273C27.3799%2011.3343%2028.1504%2013.3057%2028.1504%2015.7168C28.1504%2018.1276%2027.3799%2020.0971%2025.8389%2021.625C24.2976%2023.153%2022.3211%2023.917%2019.9102%2023.917C17.4992%2023.917%2015.5293%2023.153%2014.001%2021.625C12.4731%2020.097%2011.709%2018.1277%2011.709%2015.7168C11.709%2013.3056%2012.4731%2011.3344%2014.001%209.80273C15.5293%208.27073%2017.4992%207.50488%2019.9102%207.50488Z%22%20fill%3D%22url("")%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_356_29573%22%20x1%3D%2224.0146%22%20y1%3D%227.50391%22%20x2%3D%2224.0146%22%20y2%3D%2241.8066%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20offset%3D%220.38%22%20stop-color%3D%22%23DF227D%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF8D00%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E"); background-size: contain; } .wd_ico-schedule::before { content: ""; display: inline-block; margin-right: 0.75rem; width: 3rem; height: 3rem; font-size: 1rem; padding: 0px; justify-self: center; vertical-align: -7px; background-color: transparent; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2249%22%20height%3D%2249%22%20viewBox%3D%220%200%2049%2049%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_29585%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2249%22%20height%3D%2249%22%3E%0A%3Crect%20x%3D%220.5%22%20y%3D%220.384766%22%20width%3D%2248%22%20height%3D%2248%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M9.75495%2045.0919C8.67128%2045.0919%207.74011%2044.7027%206.96145%2043.9244C6.18311%2043.1457%205.79395%2042.2146%205.79395%2041.1309V10.6399C5.79395%209.54856%206.18311%208.61089%206.96145%207.82689C7.74011%207.04256%208.67128%206.65039%209.75495%206.65039H12.7504V3.65039H16.4809V6.65039H32.5199V3.65039H36.2504V6.65039H39.2459C40.3373%206.65039%2041.2749%207.04256%2042.0589%207.82689C42.8433%208.61089%2043.2354%209.54856%2043.2354%2010.6399V41.1309C43.2354%2042.2146%2042.8433%2043.1457%2042.0589%2043.9244C41.2749%2044.7027%2040.3373%2045.0919%2039.2459%2045.0919H9.75495ZM9.75495%2041.1309H39.2459V19.8854H9.75495V41.1309ZM14.5004%2027.5834V24.2439H34.5004V27.5834H14.5004ZM14.5004%2036.4984V33.1874H28.4504V36.4984H14.5004Z%22%20fill%3D%22url("")%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_356_29585%22%20x1%3D%2224.5147%22%20y1%3D%223.65039%22%20x2%3D%2224.5147%22%20y2%3D%2245.0919%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23DF227D%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF8D00%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E"); background-size: contain; } .wd_ico-support::before { content: ""; display: inline-block; margin-right: 0.75rem; width: 3rem; height: 3rem; font-size: 1rem; padding: 0px; justify-self: center; vertical-align: -7px; background-color: transparent; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2249%22%20viewBox%3D%220%200%2048%2049%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_29619%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2248%22%20height%3D%2249%22%3E%0A%3Crect%20y%3D%220.384766%22%20width%3D%2248%22%20height%3D%2248%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_29619%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2248%22%20height%3D%2249%22%3E%0A%3Crect%20y%3D%220.384766%22%20width%3D%2248%22%20height%3D%2248%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M24.1004%2046.6962V43.1307H38.7459V40.4307H31.0069V24.6417H38.7459V21.8917C38.7459%2017.8337%2037.3196%2014.3413%2034.4669%2011.4147C31.6139%208.48766%2028.1538%207.02416%2024.0864%207.02416C20.0568%207.02416%2016.5774%208.48766%2013.6484%2011.4147C10.7194%2014.3413%209.25495%2017.8337%209.25495%2021.8917V24.6417H16.9939V40.4307H9.25495C8.17128%2040.4307%207.24011%2040.0387%206.46145%2039.2547C5.68311%2038.4707%205.29395%2037.533%205.29395%2036.4417V21.8917C5.29395%2019.3067%205.78961%2016.8702%206.78095%2014.5822C7.77228%2012.2942%209.11594%2010.2922%2010.8119%208.57616C12.5079%206.85982%2014.5013%205.50715%2016.7919%204.51815C19.0826%203.52949%2021.5219%203.03516%2024.1099%203.03516C26.6979%203.03516%2029.1259%203.52899%2031.3939%204.51666C33.6619%205.50432%2035.6351%206.85316%2037.3134%208.56316C38.9914%2010.2728%2040.3146%2012.2705%2041.2829%2014.5562C42.2513%2016.8415%2042.7354%2019.2867%2042.7354%2021.8917V42.7352C42.7354%2043.8188%2042.3433%2044.7498%2041.5589%2045.5282C40.7749%2046.3068%2039.8373%2046.6962%2038.7459%2046.6962H24.1004Z%22%20fill%3D%22url("")%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_356_29619%22%20x1%3D%2224.0147%22%20y1%3D%223.03516%22%20x2%3D%2224.0147%22%20y2%3D%2246.6962%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20offset%3D%220.38%22%20stop-color%3D%22%23DF227D%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF8D00%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E"); background-size: contain; } .wd_top_considering_whitebox { position: relative; box-sizing: border-box; width: calc(100% - 8vw); max-width: 1120px; margin: 0px auto; background-color: var(--color01); border-radius: 16px; padding: 32px; } .wd_top_considering_whitebox_title { font-size: 2rem; font-weight: 700; color: var(--color-re-002); } .wd_top_considering_whitebox_desc { margin-top: 24px; color: var(--color-re-002); } .wd_top_considering_whitebox_flex { position: relative; display: flex; flex-wrap: wrap; justify-content: center; gap: 24px 0px; width: 100%; max-width: none; margin: 24px auto 0px; } .wd_top_considering_whitebox_flex_item { position: relative; display: block; width: 50%; max-width: 224px; font-size: 0.875rem; font-weight: 700; color: var(--color-re-002); text-align: center; } .wd_top_considering_whitebox_flex_image_wrap { position: relative; display: block; width: 100%; max-width: 110px; height: 110px; margin: 0px auto 6px; } .wd_top_considering_whitebox_flex_image_wrap img { width: 100%; height: 100%; object-fit: contain; } .wd_top_considering_whitebox_desc_link_flex { width: 100%; max-width: none; display: block; justify-content: space-between; align-items: center; margin: 24px auto 0px; } .wd_top_considering_whitebox_desc_link_flex.wd_flexright { justify-content: right !important; } .wd_top_considering_whitebox_desc_link_flex.wd_flexsb { justify-content: space-between; } .wd_top_considering_whitebox_desc_link_flex.wd_flexright .wd_top_considering_desc_link_wrap { margin-left: auto !important; margin-right: auto !important; } .wd_top_considering_desc_link_wrap { box-sizing: border-box; position: relative; display: block; width: 280px; height: 64px; margin-left: auto; margin-right: auto; } .wd_top_considering_desc_link { box-sizing: border-box; position: relative; display: block; width: 280px; height: 64px; line-height: 60px; border-radius: 32px; border: 2px solid var(--color-re-001); background-color: var(--color01); text-align: center; color: var(--color-re-002); font-size: 1rem; font-weight: 700; margin-top: 24px; } .wd_top_considering_desc_link::after { content: ""; position: absolute; top: 50%; right: 20px; transform: translate(0%, -50%); width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M7.00065%2018.5L5.58398%2017.0833L12.1673%2010.5L5.58398%203.91667L7.00065%202.5L15.0007%2010.5L7.00065%2018.5Z%22%20fill%3D%22%23DF227D%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .wd_top_considering_desc_link_wrap:hover .wd_top_considering_desc_link::after { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M7.00065%2018.5L5.58398%2017.0833L12.1673%2010.5L5.58398%203.91667L7.00065%202.5L15.0007%2010.5L7.00065%2018.5Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .wd_top_considering_desc_link_wrap:hover .wd_top_considering_desc_link { color: var(--color01); background-color: var(--color100); } .wd_top_considering_whitebox.wd_follow { margin-top: 30px; } .wd_top_considering_whitebox_desc_link_flex .wd_top_considering_whitebox_desc { max-width: 100%; margin: 0px; } .wd_top_considering_whitebox_entry_flex { width: 100%; margin: 24px auto 0px; position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; border-top: 1px solid var(--color-re-006); padding-top: 24px; gap: 20px 0px; } .wd_top_considering_whitebox_entry_item_wrap { width: 100%; } .wd_top_considering_whitebox_entry_item { position: relative; width: fit-content; padding-right: 30px; color: var(--color-re-005); font-weight: 700; } .wd_top_considering_whitebox_entry_item::after { content: ""; position: absolute; top: 50%; right: 0px; transform: translate(0%, -50%); width: 1.25rem; height: 1.25rem; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M7.00065%2018.5L5.58398%2017.0833L12.1673%2010.5L5.58398%203.91667L7.00065%202.5L15.0007%2010.5L7.00065%2018.5Z%22%20fill%3D%22%23DF227D%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .secHeadline_dev2.wd_follow { margin: 60px auto 24px; } .wd_top_nextstep_titledesc { position: relative; display: block; box-sizing: border-box; width: 100%; padding: 0px 20px; text-align: center; color: var(--color-re-002); } .wd_top_nextstep_titledesc a, .wd_top_nextstep_titledesc a:link, .wd_top_nextstep_titledesc a:visited { color: var(--color-re-005); } .wd_top_support_section, .wd_top_download_section, .wd_top_schedule_section { width: 100%; padding: 64px 0px; background-color: var(--color01); } .wd_schedule_before_btn { cursor: pointer; } .wd_schedule_before_btn_arrow { position: absolute; top: 50%; right: 20px; transform: translate(0%, -50%) rotate(90deg); width: 26px; height: 26px; border-radius: 50%; border: 1px solid rgb(167, 167, 167); background-repeat: no-repeat; background-size: 8px; background-position: center center; background-image: url("data:image/svg+xml;utf-8,") !important; } .wd_schedule_before_story { display: none; } .wd_top_schedule_itembox { position: relative; display: block; box-sizing: border-box; width: calc(100% - 8vw); max-width: 1120px; padding: 32px; margin: 0px auto; border: 1px solid var(--color-re-006); border-radius: 16px; } .wd_top_schedule_itembox.wd_follow { margin-top: 24px; } .wd_wd_top_schedule_plan_notice { text-align: center; margin: 32px auto 0px; color: var(--color-re-002); } .wd_top_schedule_item_title { font-size: 1.5rem; font-weight: 700; color: var(--color-re-002 ); margin-bottom: 16px; } .wd_top_schedule_item_story { color: var(--color-re-002 ); margin-top: 6px; display: flex; } .wd_top_schedule_item_story span { font-weight: 700; } .wd_top_schedule_item_story_name { width: 100px; } .wd_top_schedule_item_story_text { width: calc(100% - 100px); } .wd_top_schedule_item_notice { color: var(--color-re-001 ); margin: -8px 0px 16px; } .wd_top_considering_desc_link_wrap.wd_schedule { margin: 32px auto 0px; } .wd_top_considering_desc_link_wrap.wd_schedule .wd_top_considering_desc_link { border: 1px solid var(--color-re-006); line-height: 62px; } .wd_top_download_superbox_flex { position: relative; box-sizing: border-box; width: calc(100% - 8vw); max-width: 400px; margin: 32px auto 0px; display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; } .wd_top_download_flex_itembox_wrap { position: relative; display: block; box-sizing: border-box; width: 100%; } .wd_top_download_flex_itembox { position: relative; display: block; box-sizing: border-box; width: 100%; padding: 32px 64px 32px 32px; border: 1px solid var(--color-re-006); border-radius: 16px; color: var(--color-re-002 ); } .wd_top_download_flex_item_title { font-size: 1.125rem; font-weight: 700; margin-bottom: 16px; } .wd_top_download_flex_itembox::after { content: ""; position: absolute; top: 50%; right: 32px; transform: translate(0%, -50%); width: 1.25rem; height: 1.25rem; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M7.00065%2018.5L5.58398%2017.0833L12.1673%2010.5L5.58398%203.91667L7.00065%202.5L15.0007%2010.5L7.00065%2018.5Z%22%20fill%3D%22%23DF227D%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .wd_top_download_flex_itembox_wrap:hover .wd_top_download_flex_itembox { background-color: var(--color-re-001 ); color: var(--color01); } .wd_top_download_flex_itembox_wrap:hover .wd_top_download_flex_itembox::after { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M7.00065%2018.5L5.58398%2017.0833L12.1673%2010.5L5.58398%203.91667L7.00065%202.5L15.0007%2010.5L7.00065%2018.5Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .wd_top_support_graybox { width: calc(100% - 8vw); max-width: 1120px; border-radius: 16px; background-color: var(--color-re-003); margin: 0px auto; padding: 32px; } .wd_top_support_graybox_title { font-size: 1.5rem; font-weight: 700; color: var(--color-re-002); margin-bottom: 24px; } .wd_top_support_graybox_faq_flex { position: relative; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: left; gap: 24px 0px; } .wd_top_support_graybox_faq_item_wrap { position: relative; display: block; width: 100%; padding-right: 2rem; } .wd_top_support_graybox_faq_item { position: relative; display: block; box-sizing: border-box; width: fit-content; padding-right: 24px; font-weight: 700; color: var(--color-re-005); } .wd_top_support_graybox_faq_item::after { content: ""; position: absolute; top: 50%; right: 0px; transform: translate(0%, -50%); width: 1rem; height: 1rem; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M7.00065%2018.5L5.58398%2017.0833L12.1673%2010.5L5.58398%203.91667L7.00065%202.5L15.0007%2010.5L7.00065%2018.5Z%22%20fill%3D%22%23DF227D%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .wd_newslink_btn.wd_doubleline, .wd_top_considering_desc_link.wd_doubleline { line-height: 24px !important; padding-top: 8px !important; } .wd_top_support_graybox.wd_follow { margin-top: 24px; } .wd_top_support_graybox_story { } .wd_top_support_graybox_notice { margin-top: 4px; color: var(--color-re-004); } .wd_top_support_graybox_title.wd_top_support_callback { padding-left: 32px; position: relative; } .wd_top_support_graybox_title.wd_top_support_callback::before { content: ""; position: absolute; top: 25%; left: 0px; margin-top: 2px; transform: translate(0%, -50%); width: 1.5rem; height: 1.5rem; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M2.72479%2021.3848C2.54146%2021.3848%202.37479%2021.3389%202.22479%2021.2473C2.07479%2021.1556%201.95812%2021.0348%201.87479%2020.8848C1.79146%2020.7348%201.74562%2020.5723%201.73729%2020.3973C1.72896%2020.2223%201.77479%2020.0514%201.87479%2019.8848L11.1248%203.88477C11.2248%203.7181%2011.354%203.5931%2011.5123%203.50977C11.6706%203.42643%2011.8331%203.38477%2011.9998%203.38477C12.1665%203.38477%2012.329%203.42643%2012.4873%203.50977C12.6456%203.5931%2012.7748%203.7181%2012.8748%203.88477L22.1248%2019.8848C22.2248%2020.0514%2022.2706%2020.2223%2022.2623%2020.3973C22.254%2020.5723%2022.2081%2020.7348%2022.1248%2020.8848C22.0415%2021.0348%2021.9248%2021.1556%2021.7748%2021.2473C21.6248%2021.3389%2021.4581%2021.3848%2021.2748%2021.3848H2.72479ZM4.44979%2019.3848H19.5498L11.9998%206.38477L4.44979%2019.3848ZM11.9998%2018.3848C12.2831%2018.3848%2012.5206%2018.2889%2012.7123%2018.0973C12.904%2017.9056%2012.9998%2017.6681%2012.9998%2017.3848C12.9998%2017.1014%2012.904%2016.8639%2012.7123%2016.6723C12.5206%2016.4806%2012.2831%2016.3848%2011.9998%2016.3848C11.7165%2016.3848%2011.479%2016.4806%2011.2873%2016.6723C11.0956%2016.8639%2010.9998%2017.1014%2010.9998%2017.3848C10.9998%2017.6681%2011.0956%2017.9056%2011.2873%2018.0973C11.479%2018.2889%2011.7165%2018.3848%2011.9998%2018.3848ZM11.9998%2015.3848C12.2831%2015.3848%2012.5206%2015.2889%2012.7123%2015.0973C12.904%2014.9056%2012.9998%2014.6681%2012.9998%2014.3848V11.3848C12.9998%2011.1014%2012.904%2010.8639%2012.7123%2010.6723C12.5206%2010.4806%2012.2831%2010.3848%2011.9998%2010.3848C11.7165%2010.3848%2011.479%2010.4806%2011.2873%2010.6723C11.0956%2010.8639%2010.9998%2011.1014%2010.9998%2011.3848V14.3848C10.9998%2014.6681%2011.0956%2014.9056%2011.2873%2015.0973C11.479%2015.2889%2011.7165%2015.3848%2011.9998%2015.3848Z%22%20fill%3D%22%232D3657%22%2F%3E%0A%3C%2Fsvg%3E"); } .wd_top_support_graybox_trouble_inform { position: relative; display: block; box-sizing: border-box; margin-top: 16px; color: var(--color-re-005); font-weight: 700; } .wd_top_support_graybox_trouble_inform a, .wd_top_support_graybox_trouble_inform a:link, .wd_top_support_graybox_trouble_inform a:visited { color: var(--color-re-005); } @media (min-width: 1200px) { .wd_top_considering_section { position: relative; width: 100%; background-color: var(--color-re-007); padding: 38px 0px 64px; } .wd_ico-considering::before { content: ""; display: inline-block; margin-right: 0.75rem; width: 3rem; height: 3rem; font-size: 1rem; padding: 0px; justify-self: center; vertical-align: -7px; background-color: transparent; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_28547%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2248%22%20height%3D%2248%22%3E%0A%3Crect%20width%3D%2248%22%20height%3D%2248%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M23.9944%2023.5829C21.5834%2023.5829%2019.6139%2022.8189%2018.0859%2021.2909C16.5579%2019.7629%2015.7939%2017.7934%2015.7939%2015.3824C15.7939%2012.9711%2016.5579%2010.9996%2018.0859%209.46792C19.6139%207.93592%2021.5834%207.16992%2023.9944%207.16992C26.4058%207.16992%2028.3821%207.93592%2029.9234%209.46792C31.4648%2010.9996%2032.2354%2012.9711%2032.2354%2015.3824C32.2354%2017.7934%2031.4648%2019.7629%2029.9234%2021.2909C28.3821%2022.8189%2026.4058%2023.5829%2023.9944%2023.5829ZM7.29395%2041.0744V35.6169C7.29395%2034.2279%207.64661%2033.0248%208.35195%2032.0074C9.05761%2030.9904%209.97011%2030.2178%2011.0894%2029.6894C13.3604%2028.6708%2015.5489%2027.9066%2017.6549%2027.3969C19.7606%2026.8876%2021.8733%2026.6329%2023.9929%2026.6329C26.1486%2026.6329%2028.2693%2026.8959%2030.3549%2027.4219C32.4403%2027.9483%2034.6078%2028.7074%2036.8574%2029.6994C38.0254%2030.2071%2038.9638%2030.9698%2039.6724%2031.9874C40.3811%2033.0048%2040.7354%2034.2123%2040.7354%2035.6099V41.0744H7.29395Z%22%20fill%3D%22url("")%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_356_28547%22%20x1%3D%2224.0147%22%20y1%3D%227.16992%22%20x2%3D%2224.0147%22%20y2%3D%2241.0744%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20offset%3D%220.37503%22%20stop-color%3D%22%23DF227D%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF8D00%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E"); background-size: contain; } .wd_ico-nextstep::before { content: ""; display: inline-block; margin-right: 0.75rem; width: 3rem; height: 3rem; font-size: 1rem; padding: 0px; justify-self: center; vertical-align: -7px; background-color: transparent; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2249%22%20viewBox%3D%220%200%2048%2049%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_29573%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2248%22%20height%3D%2249%22%3E%0A%3Crect%20y%3D%220.384766%22%20width%3D%2248%22%20height%3D%2248%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_29573%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2248%22%20height%3D%2249%22%3E%0A%3Crect%20y%3D%220.384766%22%20width%3D%2248%22%20height%3D%2248%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M44.8203%2028.8027L31.8154%2041.8066L24.5391%2034.502L26.8652%2032.2041L31.8154%2037.1543L42.4658%2026.5049L44.8203%2028.8027ZM19.915%2027.0176C20.8817%2027.0176%2022.0154%2027.0947%2023.3154%2027.249C24.6154%2027.4034%2025.8325%2027.6307%2026.9658%2027.9307L22.583%2037.498L26.5439%2041.459H3.20898V36.0029C3.20907%2034.7504%203.53682%2033.5888%204.19141%2032.5186C4.84602%2031.4488%205.78382%2030.6341%207.00488%2030.0742C9.40488%2029.0076%2011.6571%2028.2314%2013.7607%2027.7461C15.8638%2027.2605%2017.9152%2027.0176%2019.915%2027.0176ZM19.9102%207.50488C22.3211%207.50492%2024.2976%208.27077%2025.8389%209.80273C27.3799%2011.3343%2028.1504%2013.3057%2028.1504%2015.7168C28.1504%2018.1276%2027.3799%2020.0971%2025.8389%2021.625C24.2976%2023.153%2022.3211%2023.917%2019.9102%2023.917C17.4992%2023.917%2015.5293%2023.153%2014.001%2021.625C12.4731%2020.097%2011.709%2018.1277%2011.709%2015.7168C11.709%2013.3056%2012.4731%2011.3344%2014.001%209.80273C15.5293%208.27073%2017.4992%207.50488%2019.9102%207.50488Z%22%20fill%3D%22url("")%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_356_29573%22%20x1%3D%2224.0146%22%20y1%3D%227.50391%22%20x2%3D%2224.0146%22%20y2%3D%2241.8066%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20offset%3D%220.38%22%20stop-color%3D%22%23DF227D%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF8D00%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E"); background-size: contain; } .wd_ico-schedule::before { content: ""; display: inline-block; margin-right: 0.75rem; width: 3rem; height: 3rem; font-size: 1rem; padding: 0px; justify-self: center; vertical-align: -7px; background-color: transparent; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2249%22%20height%3D%2249%22%20viewBox%3D%220%200%2049%2049%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_29585%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2249%22%20height%3D%2249%22%3E%0A%3Crect%20x%3D%220.5%22%20y%3D%220.384766%22%20width%3D%2248%22%20height%3D%2248%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M9.75495%2045.0919C8.67128%2045.0919%207.74011%2044.7027%206.96145%2043.9244C6.18311%2043.1457%205.79395%2042.2146%205.79395%2041.1309V10.6399C5.79395%209.54856%206.18311%208.61089%206.96145%207.82689C7.74011%207.04256%208.67128%206.65039%209.75495%206.65039H12.7504V3.65039H16.4809V6.65039H32.5199V3.65039H36.2504V6.65039H39.2459C40.3373%206.65039%2041.2749%207.04256%2042.0589%207.82689C42.8433%208.61089%2043.2354%209.54856%2043.2354%2010.6399V41.1309C43.2354%2042.2146%2042.8433%2043.1457%2042.0589%2043.9244C41.2749%2044.7027%2040.3373%2045.0919%2039.2459%2045.0919H9.75495ZM9.75495%2041.1309H39.2459V19.8854H9.75495V41.1309ZM14.5004%2027.5834V24.2439H34.5004V27.5834H14.5004ZM14.5004%2036.4984V33.1874H28.4504V36.4984H14.5004Z%22%20fill%3D%22url("")%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_356_29585%22%20x1%3D%2224.5147%22%20y1%3D%223.65039%22%20x2%3D%2224.5147%22%20y2%3D%2245.0919%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23DF227D%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF8D00%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E"); background-size: contain; } .wd_ico-support::before { content: ""; display: inline-block; margin-right: 0.75rem; width: 3rem; height: 3rem; font-size: 1rem; padding: 0px; justify-self: center; vertical-align: -7px; background-color: transparent; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2249%22%20viewBox%3D%220%200%2048%2049%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_29619%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2248%22%20height%3D%2249%22%3E%0A%3Crect%20y%3D%220.384766%22%20width%3D%2248%22%20height%3D%2248%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_29619%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2248%22%20height%3D%2249%22%3E%0A%3Crect%20y%3D%220.384766%22%20width%3D%2248%22%20height%3D%2248%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M24.1004%2046.6962V43.1307H38.7459V40.4307H31.0069V24.6417H38.7459V21.8917C38.7459%2017.8337%2037.3196%2014.3413%2034.4669%2011.4147C31.6139%208.48766%2028.1538%207.02416%2024.0864%207.02416C20.0568%207.02416%2016.5774%208.48766%2013.6484%2011.4147C10.7194%2014.3413%209.25495%2017.8337%209.25495%2021.8917V24.6417H16.9939V40.4307H9.25495C8.17128%2040.4307%207.24011%2040.0387%206.46145%2039.2547C5.68311%2038.4707%205.29395%2037.533%205.29395%2036.4417V21.8917C5.29395%2019.3067%205.78961%2016.8702%206.78095%2014.5822C7.77228%2012.2942%209.11594%2010.2922%2010.8119%208.57616C12.5079%206.85982%2014.5013%205.50715%2016.7919%204.51815C19.0826%203.52949%2021.5219%203.03516%2024.1099%203.03516C26.6979%203.03516%2029.1259%203.52899%2031.3939%204.51666C33.6619%205.50432%2035.6351%206.85316%2037.3134%208.56316C38.9914%2010.2728%2040.3146%2012.2705%2041.2829%2014.5562C42.2513%2016.8415%2042.7354%2019.2867%2042.7354%2021.8917V42.7352C42.7354%2043.8188%2042.3433%2044.7498%2041.5589%2045.5282C40.7749%2046.3068%2039.8373%2046.6962%2038.7459%2046.6962H24.1004Z%22%20fill%3D%22url("")%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_356_29619%22%20x1%3D%2224.0147%22%20y1%3D%223.03516%22%20x2%3D%2224.0147%22%20y2%3D%2246.6962%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20offset%3D%220.38%22%20stop-color%3D%22%23DF227D%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF8D00%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E"); background-size: contain; } .wd_top_considering_whitebox { position: relative; box-sizing: border-box; width: calc(100% - 8vw); max-width: 1120px; margin: 0px auto; background-color: var(--color01); border-radius: 16px; padding: 32px; } .wd_top_considering_whitebox_title { font-size: 2rem; font-weight: 700; color: var(--color-re-002); } .wd_top_considering_whitebox_desc { margin-top: 24px; color: var(--color-re-002); } .wd_top_considering_whitebox_flex { position: relative; display: flex; flex-wrap: wrap; justify-content: center; gap: 24px 20px; width: 100%; max-width: none; margin: 24px auto 0px; } .wd_top_considering_whitebox_flex_item { position: relative; display: block; width: 224px; font-size: 1.25rem; font-weight: 700; color: var(--color-re-002); text-align: center; } .wd_top_considering_whitebox_flex_image_wrap { position: relative; display: block; width: 100%; max-width: 1120px; height: 110px; margin: 0px auto 6px; } .wd_top_considering_whitebox_flex_image_wrap img { width: 100%; height: 100%; object-fit: contain; } .wd_top_considering_whitebox_desc_link_flex { width: 100%; max-width: none; display: flex; justify-content: space-between; align-items: center; margin: 24px auto 0px; } .wd_top_considering_whitebox_desc_link_flex.wd_flexright { justify-content: right !important; } .wd_top_considering_whitebox_desc_link_flex.wd_flexright .wd_top_considering_desc_link_wrap { margin-left: 0px !important; margin-right: 0px !important; } .wd_top_considering_desc_link_wrap { box-sizing: border-box; position: relative; display: block; width: 280px; height: 64px; margin-left: 0px; margin-right: 0px; } .wd_top_considering_desc_link { box-sizing: border-box; position: relative; display: block; width: 280px; height: 64px; line-height: 60px; border-radius: 32px; border: 2px solid var(--color-re-001); background-color: var(--color01); text-align: center; color: var(--color-re-002); font-size: 1rem; font-weight: 700; margin-top: 0px; } .wd_top_considering_desc_link::after { content: ""; position: absolute; top: 50%; right: 20px; transform: translate(0%, -50%); width: 16px; height: 16px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M7.00065%2018.5L5.58398%2017.0833L12.1673%2010.5L5.58398%203.91667L7.00065%202.5L15.0007%2010.5L7.00065%2018.5Z%22%20fill%3D%22%23DF227D%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .wd_top_considering_desc_link_wrap:hover .wd_top_considering_desc_link::after { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M7.00065%2018.5L5.58398%2017.0833L12.1673%2010.5L5.58398%203.91667L7.00065%202.5L15.0007%2010.5L7.00065%2018.5Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .wd_top_considering_desc_link_wrap:hover .wd_top_considering_desc_link { color: var(--color01); background-color: var(--color100); } .wd_top_considering_whitebox.wd_follow { margin-top: 30px; } .wd_top_considering_whitebox_desc_link_flex .wd_top_considering_whitebox_desc { max-width: calc(100% - 300px); margin: 0px; } .wd_top_considering_whitebox_entry_flex { width: 100%; margin: 24px auto 0px; position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; border-top: 1px solid var(--color-re-006); padding-top: 24px; gap: 0px; } .wd_top_considering_whitebox_entry_item_wrap { width: 25%; } .wd_top_considering_whitebox_entry_item { position: relative; width: fit-content; padding-right: 30px; color: var(--color-re-005); font-weight: 700; } .wd_top_considering_whitebox_entry_item::after { content: ""; position: absolute; top: 50%; right: 0px; transform: translate(0%, -50%); width: 1.25rem; height: 1.25rem; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M7.00065%2018.5L5.58398%2017.0833L12.1673%2010.5L5.58398%203.91667L7.00065%202.5L15.0007%2010.5L7.00065%2018.5Z%22%20fill%3D%22%23DF227D%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .secHeadline_dev2.wd_follow { margin: 60px auto 24px; } .wd_top_nextstep_titledesc { position: relative; display: block; box-sizing: border-box; width: 100%; padding: 0px 20px; text-align: center; color: var(--color-re-002); } .wd_top_nextstep_titledesc a, .wd_top_nextstep_titledesc a:link, .wd_top_nextstep_titledesc a:visited { color: var(--color-re-005); } .wd_top_support_section, .wd_top_download_section, .wd_top_schedule_section { width: 100%; padding: 64px 0px; background-color: var(--color01); } .wd_top_schedule_itembox { position: relative; display: block; box-sizing: border-box; width: calc(100% - 8vw); max-width: 1120px; padding: 32px; margin: 0px auto; border: 1px solid var(--color-re-006); border-radius: 16px; } .wd_top_schedule_itembox.wd_follow { margin-top: 24px; } .wd_top_schedule_item_title { font-size: 2rem; font-weight: 700; color: var(--color-re-002 ); margin-bottom: 16px; } .wd_top_schedule_item_story { color: var(--color-re-002 ); margin-top: 6px; display: flex; } .wd_top_schedule_item_story span { font-weight: 700; } .wd_top_schedule_item_story_name { width: 100px; } .wd_top_schedule_item_story_text { width: calc(100% - 100px); } .wd_top_schedule_item_notice { color: var(--color-re-001 ); margin: -8px 0px 16px; } .wd_top_considering_desc_link_wrap.wd_schedule { margin: 32px auto 0px; } .wd_top_considering_desc_link_wrap.wd_schedule .wd_top_considering_desc_link { border: 1px solid var(--color-re-006); line-height: 62px; } .wd_top_download_superbox_flex { position: relative; box-sizing: border-box; width: calc(100% - 8vw); max-width: 1120px; margin: 32px auto 0px; display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; } .wd_top_download_flex_itembox_wrap { position: relative; display: block; box-sizing: border-box; width: 356px; } .wd_top_download_flex_itembox { position: relative; display: block; box-sizing: border-box; width: 356px; padding: 32px 64px 32px 32px; border: 1px solid var(--color-re-006); border-radius: 16px; color: var(--color-re-002 ); } .wd_top_download_flex_item_title { font-size: 1.125rem; font-weight: 700; margin-bottom: 16px; } .wd_top_download_flex_itembox::after { content: ""; position: absolute; top: 50%; right: 32px; transform: translate(0%, -50%); width: 1.25rem; height: 1.25rem; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M7.00065%2018.5L5.58398%2017.0833L12.1673%2010.5L5.58398%203.91667L7.00065%202.5L15.0007%2010.5L7.00065%2018.5Z%22%20fill%3D%22%23DF227D%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .wd_top_download_flex_itembox_wrap:hover .wd_top_download_flex_itembox { background-color: var(--color-re-001 ); color: var(--color01); } .wd_top_download_flex_itembox_wrap:hover .wd_top_download_flex_itembox::after { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M7.00065%2018.5L5.58398%2017.0833L12.1673%2010.5L5.58398%203.91667L7.00065%202.5L15.0007%2010.5L7.00065%2018.5Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .wd_top_support_graybox { width: calc(100% - 8vw); max-width: 1120px; border-radius: 16px; background-color: var(--color-re-003); margin: 0px auto; padding: 32px; } .wd_top_support_graybox_title { font-size: 1.5rem; font-weight: 700; color: var(--color-re-002); margin-bottom: 24px; } .wd_top_support_graybox_faq_flex { position: relative; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: left; gap: 24px 0px; } .wd_top_support_graybox_faq_item_wrap { position: relative; display: block; width: 25%; padding-right: 2rem; } .wd_top_support_graybox_faq_item { position: relative; display: block; box-sizing: border-box; width: fit-content; padding-right: 24px; font-weight: 700; color: var(--color-re-005); } .wd_top_support_graybox_faq_item::after { content: ""; position: absolute; top: 50%; right: 0px; transform: translate(0%, -50%); width: 1rem; height: 1rem; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M7.00065%2018.5L5.58398%2017.0833L12.1673%2010.5L5.58398%203.91667L7.00065%202.5L15.0007%2010.5L7.00065%2018.5Z%22%20fill%3D%22%23DF227D%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .wd_top_considering_desc_link.wd_doubleline { line-height: 24px !important; padding-top: 8px !important; } .wd_top_support_graybox.wd_follow { margin-top: 24px; } .wd_top_support_graybox_story { } .wd_top_support_graybox_notice { margin-top: 4px; color: var(--color-re-004); } .wd_top_support_graybox_title.wd_top_support_callback { padding-left: 32px; position: relative; } .wd_top_support_graybox_title.wd_top_support_callback::before { content: ""; position: absolute; top: 50%; left: 0px; margin-top: 2px; transform: translate(0%, -50%); width: 1.5rem; height: 1.5rem; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M2.72479%2021.3848C2.54146%2021.3848%202.37479%2021.3389%202.22479%2021.2473C2.07479%2021.1556%201.95812%2021.0348%201.87479%2020.8848C1.79146%2020.7348%201.74562%2020.5723%201.73729%2020.3973C1.72896%2020.2223%201.77479%2020.0514%201.87479%2019.8848L11.1248%203.88477C11.2248%203.7181%2011.354%203.5931%2011.5123%203.50977C11.6706%203.42643%2011.8331%203.38477%2011.9998%203.38477C12.1665%203.38477%2012.329%203.42643%2012.4873%203.50977C12.6456%203.5931%2012.7748%203.7181%2012.8748%203.88477L22.1248%2019.8848C22.2248%2020.0514%2022.2706%2020.2223%2022.2623%2020.3973C22.254%2020.5723%2022.2081%2020.7348%2022.1248%2020.8848C22.0415%2021.0348%2021.9248%2021.1556%2021.7748%2021.2473C21.6248%2021.3389%2021.4581%2021.3848%2021.2748%2021.3848H2.72479ZM4.44979%2019.3848H19.5498L11.9998%206.38477L4.44979%2019.3848ZM11.9998%2018.3848C12.2831%2018.3848%2012.5206%2018.2889%2012.7123%2018.0973C12.904%2017.9056%2012.9998%2017.6681%2012.9998%2017.3848C12.9998%2017.1014%2012.904%2016.8639%2012.7123%2016.6723C12.5206%2016.4806%2012.2831%2016.3848%2011.9998%2016.3848C11.7165%2016.3848%2011.479%2016.4806%2011.2873%2016.6723C11.0956%2016.8639%2010.9998%2017.1014%2010.9998%2017.3848C10.9998%2017.6681%2011.0956%2017.9056%2011.2873%2018.0973C11.479%2018.2889%2011.7165%2018.3848%2011.9998%2018.3848ZM11.9998%2015.3848C12.2831%2015.3848%2012.5206%2015.2889%2012.7123%2015.0973C12.904%2014.9056%2012.9998%2014.6681%2012.9998%2014.3848V11.3848C12.9998%2011.1014%2012.904%2010.8639%2012.7123%2010.6723C12.5206%2010.4806%2012.2831%2010.3848%2011.9998%2010.3848C11.7165%2010.3848%2011.479%2010.4806%2011.2873%2010.6723C11.0956%2010.8639%2010.9998%2011.1014%2010.9998%2011.3848V14.3848C10.9998%2014.6681%2011.0956%2014.9056%2011.2873%2015.0973C11.479%2015.2889%2011.7165%2015.3848%2011.9998%2015.3848Z%22%20fill%3D%22%232D3657%22%2F%3E%0A%3C%2Fsvg%3E"); } .wd_top_support_graybox_trouble_inform { position: relative; display: block; box-sizing: border-box; margin-top: 16px; color: var(--color-re-005); font-weight: 700; } .wd_top_support_graybox_trouble_inform a, .wd_top_support_graybox_trouble_inform a:link, .wd_top_support_graybox_trouble_inform a:visited { color: var(--color-re-005); } } .wd_pnkz_nolayer { font-weight: 400 !important; } .wd_container { position: relative; box-sizing: border-box; display: block; justify-content: space-between; align-items: flex-start; margin: 0px auto; width: 100%; padding-bottom: 60px; } .wd_container_section { width: 100%; max-width: 820px; margin: 0px auto; } .wd_sidemenu_supebox { position: relative; display: block; box-sizing: border-box; width: 100%; border-top: 1px solid rgb(227, 227, 227); border-bottom: 1px solid rgb(227, 227, 227); border-left: none; border-right: none; margin: 0px auto; } .wd_sidemenu_titlebox { position: relative; display: block; box-sizing: border-box; width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 1.25rem; font-weight: 700; color: var(--color-re-002); background-color: var(--color-re-003); } .wd_sidemenu_itembox_wrap { position: relative; display: block; box-sizing: border-box; border-top: 1px solid rgb(227, 227, 227); } .wd_sidemenu_itembox { position: relative; display: block; box-sizing: border-box; width: 100%; height: 60px; } .wd_sidemenu_item_text { position: absolute; top: 50%; left: 0%; transform: translate(0%, -50%); width: 100%; font-weight: 700; color: var(--color-re-002); padding-left: 16px; } .wd_sidemenu_item_text_child { position: absolute; top: 50%; left: 0%; transform: translate(0%, -50%); width: 100%; color: var(--color-re-002); padding-left: 24px; } .wd_sidemenu_itembox::after { content: ""; position: absolute; top: 50%; right: 16px; transform: translate(0%, -50%); width: 1rem; height: 1rem; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M7.00065%2018.5L5.58398%2017.0833L12.1673%2010.5L5.58398%203.91667L7.00065%202.5L15.0007%2010.5L7.00065%2018.5Z%22%20fill%3D%22%23DF227D%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .wd_sidemenu_itembox_wrap:hover .wd_sidemenu_itembox { background-color: var(--color-re-007); } .wd_sidemenu_itembox_wrap.wd_active .wd_sidemenu_itembox { background-color: var(--color-re-007); border-left: 4px solid var(--color-re-001); } @media (min-width: 1200px) { .wd_container { position: relative; box-sizing: border-box; display: flex; justify-content: space-between; align-items: flex-start; margin: 0px auto; width: calc(100% - 32px); max-width: 1200px; padding-bottom: 0px; } .wd_container_section { width: 100%; max-width: 860px; } .wd_sidemenu_supebox { position: relative; display: block; box-sizing: border-box; width: 262px; border: 1px solid rgb(227, 227, 227); } .wd_sidemenu_titlebox { position: relative; display: block; box-sizing: border-box; width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 1.25rem; font-weight: 700; color: var(--color-re-002); background-color: var(--color-re-003); } .wd_sidemenu_itembox_wrap { position: relative; display: block; box-sizing: border-box; border-top: 1px solid rgb(227, 227, 227); } .wd_sidemenu_itembox { position: relative; display: block; box-sizing: border-box; width: 100%; height: 60px; } .wd_sidemenu_item_text { position: absolute; top: 50%; left: 0%; transform: translate(0%, -50%); width: 100%; font-weight: 700; color: var(--color-re-002); padding-left: 16px; } .wd_sidemenu_item_text_child { position: absolute; top: 50%; left: 0%; transform: translate(0%, -50%); width: 100%; color: var(--color-re-002); padding-left: 24px; } .wd_sidemenu_itembox::after { content: ""; position: absolute; top: 50%; right: 16px; transform: translate(0%, -50%); width: 1rem; height: 1rem; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M7.00065%2018.5L5.58398%2017.0833L12.1673%2010.5L5.58398%203.91667L7.00065%202.5L15.0007%2010.5L7.00065%2018.5Z%22%20fill%3D%22%23DF227D%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .wd_sidemenu_itembox_wrap:hover .wd_sidemenu_itembox { background-color: var(--color-re-007); } .wd_sidemenu_itembox_wrap.wd_active .wd_sidemenu_itembox { background-color: var(--color-re-007); border-left: 4px solid var(--color-re-001); } } .breadcrumb-home a, .breadcrumb-item a { text-decoration: underline; } .breadcrumb-item a .wd_pnkz_nolayer, .breadcrumb-item a:link .wd_pnkz_nolayer, .breadcrumb-item a:visited .wd_pnkz_nolayer { color: var(--color-re-002) !important; } .secHeadline_subtitle_dev2 { font-size: 2rem; font-weight: 700; color: var(--color-re-002); margin-bottom: 16px; } .secHeadline_subtitle_dev2.wd_follow { margin-top: 64px; } .wd_entry_blocktitle { font-size: 1.5rem; font-weight: 700; color: var(--color-re-002); } .wd_entry_table { color: var(--color-re-002) !important; } .wd_withbg_boldtitle { font-weight: 700; color: var(--color-re-002); margin-bottom: 1.4rem; margin-top: 2.8rem; } .wd_entry_table.scheduleTable > dl:nth-of-type(1) > dt, .wd_entry_table.scheduleTable > dl:nth-of-type(1) > dd { background-color: var(--color-re-003) !important; justify-content: left !important; } .wd_entry_table.scheduleTable > dl > dd > table th { background-color: var(--color-re-003) !important; text-align: left !important; padding: 1.5em !important; } .wd_entry_table.scheduleTable > dl > dd > table td { text-align: left; padding: 1.5em !important; } span.wd_entry_table_lgray { color: var(--color-re-004); font-size: 0.875rem !important; } .wd_entry_download_title { font-size: 1.25rem; font-weight: 700; color: var(--color-re-002); margin-bottom: 16px; } .wd_entry_download_title.wd_follow { margin-top: 24px; } .docs { padding: 1rem 2rem 1rem 2.5rem !important; } .docs p span { margin-top: 0.5rem !important; } .docs p .size { margin-top: 0.25rem !important; } div.docs::before, a.docs::before { width: 32px !important; } .docs p { padding: 0px 1em !important; } .secContent.wd_follow { margin: 24px auto 0px; } .scheduleRelInfo_a, .secContent.wd_follow .scheduleRelInfo_a { font-weight: 700; } .secContent.wd_follow02 { margin: 64px auto 0px; } .wd_entry_relational_superbox { position: relative; display: block; box-sizing: border-box; width: 100%; border-radius: 16px; border: 1px solid var(--color-re-006); padding: 32px; color: var(--color-re-002); margin: 64px auto 0px; } .wd_entry_relational_linktext.wd_follow { margin-top: 24px; } .wd_entry_toentry_superbox { position: relative; display: block; box-sizing: border-box; width: 100%; margin: 24px auto 0px; border-radius: 16px; background-color: var(--color-re-003); padding: 32px; color: var(--color-re-002); } @media (min-width: 1200px) { .secHeadline_subtitle_dev2 { font-size: 2rem; font-weight: 700; color: var(--color-re-002); margin-bottom: 16px; } .wd_entry_blocktitle { font-size: 1.5rem; font-weight: 700; color: var(--color-re-002); } .wd_entry_table { color: var(--color-re-002) !important; } .wd_entry_table.scheduleTable > dl:nth-of-type(1) > dt, .wd_entry_table.scheduleTable > dl:nth-of-type(1) > dd { background-color: var(--color-re-003) !important; justify-content: left !important; } .wd_entry_table.scheduleTable > dl > dd > table th { background-color: var(--color-re-003) !important; text-align: left !important; padding: 1.5em !important; } .wd_entry_table.scheduleTable > dl > dd > table td { text-align: left; padding: 1.5em !important; } span.wd_entry_table_lgray { color: var(--color-re-004); font-size: 0.875rem !important; } .wd_entry_download_title { font-size: 1.25rem; font-weight: 700; color: var(--color-re-002); margin-bottom: 16px; } .wd_entry_download_title.wd_follow { margin-top: 32px; } .docs { padding: 1rem 2rem 1rem 2.5rem !important; } .docs p span { margin-top: 0.5rem !important; } .docs p .size { margin-top: 0.25rem !important; } div.docs::before, a.docs::before { width: 32px !important; } .docs p { padding: 0px 1em !important; } .wd_entry_relational_superbox { position: relative; display: block; box-sizing: border-box; width: 100%; padding: min(4vw, 2rem); border-radius: 16px; border: 1px solid var(--color-re-006); margin: 64px auto 0px; } .secContent.wd_follow { margin: 24px auto 0px; } .secContent.wd_follow02 { margin: 64px auto 0px; } .secContent.wd_follow .scheduleRelInfo_a { font-weight: 700; } .wd_entry_toentry_superbox { position: relative; display: block; box-sizing: border-box; width: 100%; margin: 24px auto 0px; border-radius: 16px; background-color: var(--color-re-003); padding: 32px; color: var(--color-re-002); } } .wd_entry_table02 { margin-bottom: 24px; } .wd_jcleft { flex-wrap: wrap; line-height: 1.8rem; justify-content: left !important; } .wd_jcleft div { width: 100%; } .wd_jcleft_notice { font-weight: 400; } .wd_table_indent { padding-left: 1.5rem; text-indent: -1.5rem; } .secLead.wd_nomargin { margin-bottom: 0px !important; } .secLead_notice { padding-left: 1rem; text-indent: -1rem; color: var(--color-re-004); font-size: 0.875rem; margin-top: 8px; } .wd_top_considering_desc_link.wd_targetblank::after { background-image: url("data:image/svg+xml;utf-8,"); width: 24px !important; height: 24px !important; } .wd_top_considering_desc_link_wrap:hover .wd_top_considering_desc_link::after { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M7.00065%2018.5L5.58398%2017.0833L12.1673%2010.5L5.58398%203.91667L7.00065%202.5L15.0007%2010.5L7.00065%2018.5Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .wd_top_considering_desc_link_wrap:hover .external.ico2 .wd_top_considering_desc_link::after { background-image: url("data:image/svg+xml;utf-8,"); } .wd_entry_blocktitle.wd_follow { margin-top: 32px; margin-bottom: 16px; } .wd_top_considering_desc_link_doubleline { position: absolute; top: 50%; left: 0%; transform: translate(0%, -50%); width: 100%; line-height: 1.2rem; } .wd_entry_exam_itembox { padding-left: 1rem; text-indent: -1rem; color: var(--color-re-002); margin-top: 8px; } .wd_entry_exam_pdflink { font-weight: 700; margin-top: 24px; } .wd_entry_exam_itembox.wd_follow { margin-top: 24px; } .secLead.wd_nomargin.wd_follow { line-height: 1.6rem !important; margin-top: 24px; } .scheduleRelInfo_a.wd_internallink::after { width: 16px; height: 16px; background-image: url("data:image/svg+xml;utf-8,") !important; } .wd_entry_step_flex { position: relative; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 32px auto 0px; } .wd_entry_step_flex_itembox { position: relative; width: 100%; max-width: 1200px; height: 128px; padding: 12px; } .wd_entry_step_flex_item_step { position: relative; width: 100%; height: 36px; line-height: 36px; font-size: 1.25rem; font-weight: 700; color: var(--color-re-001); text-align: center; } .wd_entry_step_flex_item_story { position: relative; width: 100%; height: 34px; text-align: center; } .wd_entry_step_flex_item_story_inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: fit-content; font-weight: 700; color: var(--color-re-002); padding-right: 30px; } .wd_entry_step_flex_item_story_inner::after { content: ""; position: absolute; top: 50%; right: 0px; transform: translate(0%, -50%) rotate(90deg); width: 1rem; height: 1rem; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M7.00065%2018.5L5.58398%2017.0833L12.1673%2010.5L5.58398%203.91667L7.00065%202.5L15.0007%2010.5L7.00065%2018.5Z%22%20fill%3D%22%23DF227D%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .wd_entry_step_flex_item_bg { display: block; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: var(--color-re-001); clip-path: polygon(0% 0%, 100% 0%, 100% calc(90% - 20px), 50% calc(90% - 10px), 0% calc(90% - 20px)); } .wd_entry_step_flex_item_bg_inner { display: block; position: absolute; top: 4px; left: 4px; width: calc(100% - 8px); height: calc(100% - 8px); background-color: var(--color01); clip-path: polygon(0% 0%, 100% 0%, 100% calc(90% - 20px), 50% calc(90% - 10px), 0% calc(90% - 20px)); } .downloads.renew.wd_follow { margin-top: 24px; } @media (min-width: 1200px) { .wd_entry_step_flex { position: relative; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 32px auto 0px; } .wd_entry_step_flex_itembox { position: relative; width: 24.5%; max-width: 200px; height: 128px; padding: 12px; } .wd_entry_step_flex_item_step { position: relative; width: 100%; height: 36px; line-height: 36px; font-size: 1.25rem; font-weight: 700; color: var(--color-re-001); text-align: left; } .wd_entry_step_flex_item_story { position: relative; width: 100%; height: 68px; text-align: left; } .wd_entry_step_flex_item_story_inner { position: absolute; top: 50%; left: 0%; transform: translate(0%, -50%); width: fit-content; font-weight: 700; color: var(--color-re-002); padding-right: 30px; } .wd_entry_step_flex_item_story_inner::after { content: ""; position: absolute; top: 50%; right: 0px; transform: translate(0%, -50%) rotate(90deg); width: 1rem; height: 1rem; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2221%22%20viewBox%3D%220%200%2020%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cmask%20id%3D%22mask0_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cmask%20id%3D%22mask1_356_42483%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2221%22%3E%0A%3Crect%20y%3D%220.5%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url("")%22%3E%0A%3Cpath%20d%3D%22M7.00065%2018.5L5.58398%2017.0833L12.1673%2010.5L5.58398%203.91667L7.00065%202.5L15.0007%2010.5L7.00065%2018.5Z%22%20fill%3D%22%23DF227D%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .wd_entry_step_flex_item_bg { display: block; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: var(--color-re-001); clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%); } .wd_entry_step_flex_item_bg_inner { display: block; position: absolute; top: 4px; left: 4px; width: calc(100% - 8px); height: calc(100% - 8px); background-color: var(--color01); clip-path: polygon(0% 0%, calc(100% - 19px) 0%, 100% 50%, calc(100% - 19px) 100%, 0% 100%); } } .wd_downloads_guidetab_superbox.wd_entry01 .wd_downloads_guidetab { max-width: 260px; } .wd_info_titlebox_flex { width: 100%; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; } .wd_info_titlebox_flex .secHeadline { display: block; width: 100%; text-align: center; padding-bottom: 0px; margin: 0px !important; } .wd_info_title_year_superbox { position: relative; width: 268px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 24px auto 0px; } .wd_info_title_year_title { width: fit-content; height: 56px; line-height: 56px; font-size: 1.125rem; font-weight: 700; color: var(--color-re-002); } .wd_info_title_yearbox { position: relative; display: block; width: 198px; height: 56px; } .wd_info_title_year_select { position: relative; display: block; box-sizing: border-box; width: 198px; height: 56px; font-size: 1.125rem; font-weight: 700; padding: 0px 16px; color: var(--color-re-002); border: 1px solid var(--color-re-006); border-radius: 4px; } .wd_info_cate_flex { position: relative; box-sizing: border-box; display: flex; width: 100%; justify-content: left; margin: 32px auto 64px; } .wd_info_cate_itembox { position: relative; display: block; box-sizing: border-box; width: 25%; height: 56px; line-height: 54px; border: 1px solid var(--color-re-006); border-radius: 8px 8px 0px 0px; background-color: var(--color-re-003); text-align: center; font-size: 1rem; font-weight: 700; color: var(--color-re-004); cursor: pointer; } .wd_info_cate_itembox:hover, .wd_info_cate_itembox.wd_active { height: 56px; line-height: 51px; border-bottom: 4px solid var(--color-re-001); background-color: var(--color-re-007); color: var(--color-re-002); } @media (min-width: 1200px) { .wd_info_titlebox_flex .secHeadline { width: fit-content; padding-bottom: 0px; text-align: left !important; margin: 0px !important; } .wd_info_titlebox_flex { width: 100%; position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; } .wd_info_title_year_superbox { position: relative; width: 268px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px; } .wd_info_cate_itembox { position: relative; display: block; box-sizing: border-box; width: 25%; height: 56px; line-height: 54px; border: 1px solid var(--color-re-006); border-radius: 8px 8px 0px 0px; background-color: var(--color-re-003); text-align: center; font-size: 1.25rem; font-weight: 700; color: var(--color-re-004); cursor: pointer; } } .wd_downloads_guidetab_superbox { position: relative; display: flex; flex-wrap: wrap; justify-content: left; width: 100%; margin: 48px auto 0px; gap: 8px; } .wd_downloads_guidetab { position: relative; display: block; box-sizing: border-box; width: calc(50% - 4px); height: 56px; line-height: 54px; border: 1px solid rgb(227, 227, 227); border-radius: 4px; text-align: center; font-size: 1.125rem; font-weight: 700; color: var(--color-re-002); cursor: pointer; } .wd_donwloads_guide_superbox { position: relative; width: 100%; margin: 24px auto 0px; display: none; } .wd_downloads_guidetab:hover, .wd_downloads_guidetab.wd_active { background-color: var(--color-re-007); border-bottom: 4px solid var(--color-re-001); } @media (min-width: 1200px) { .wd_downloads_guidetab_superbox { position: relative; display: flex; flex-wrap: wrap; justify-content: left; width: 100%; margin: 48px auto 0px; gap: 8px; } .wd_downloads_guidetab { position: relative; display: block; box-sizing: border-box; width: calc(50% - 4px); height: 56px; line-height: 54px; border: 1px solid rgb(227, 227, 227); border-radius: 4px; text-align: center; font-size: 1.125rem; font-weight: 700; color: var(--color-re-002); cursor: pointer; } .wd_donwloads_guide_superbox { position: relative; width: 100%; margin: 24px auto 0px; display: none; } .wd_downloads_guidetab:hover, .wd_downloads_guidetab.wd_active { background-color: var(--color-re-007); border-bottom: 4px solid var(--color-re-001); } } body { background-color: var(--color01); } :where(a) { color: var(--color-re-005); } :where(ul li) { line-height: 1.3; margin-bottom: 1.3em; color: var(--color-re-002); } :where(.sec) { position: relative; padding: min(4vh, 40px) 0px min(10vh, 4rem); } :where(.secHeadline) { font-size: min(6vw, 2.5rem); color: var(--color-re-002); font-weight: 600; line-height: 1; margin: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; row-gap: 1rem; padding: 0px 0px min(4vh, 100px); width: 100%; max-width: var(--innerwidth); } @media (min-width: 1200px) { :where(.secHeadline) { } } :where(.secLead) { font-size: min(3.5vw, 1rem); line-height: 1.6; text-align: justify; color: var(--color-re-002); width: 100%; max-width: var(--innerwidth); margin: 0px auto 2rem; padding: 0px; letter-spacing: 0.1em; } @media (min-width: 1200px) { :where(.secLead) { padding: 0px; } } .secContent { font-size: min(4vw, 1rem); background-color: var(--color01); border-radius: 16px; padding: min(4vw, 2rem); position: relative; margin-bottom: 0px; } .secContent:not(:last-of-type) { margin-bottom: 2rem; } .secContent:has(.btnWrap) { padding: min(4vw, 2rem) min(4vw, 2rem) 0px; } .withBorder { border: 1px solid var(--color-re-006); } .withBG { background-color: var(--color-re-003); } .withTriangle { margin-bottom: 6rem; } .secHeadline_subtitle_dev2 + .secLead, .secHeadline + .secLead { line-height: 1.6; margin-bottom: 3rem; } .secContent .secLead { margin-bottom: 1em; font-size: min(3.5vw, 1rem); line-height: 1.6; padding: 0px; } .secLeadSub { color: var(--color-re-004); } .secLead + .secLeadSub { margin-top: -1em; } .secContent .secLead + .secLeadSub { margin-top: 0px; } .secContent ul li { line-height: 1.4; margin-bottom: 1.4em; font-size: min(4vw, 1rem); } .sec2ndHeadline { text-align: left; width: 100%; color: var(--color-re-002); background-color: transparent; border-radius: 0px; font-size: min(4.5vw, 2rem); font-weight: 600; line-height: 1; padding: 0.75em 0px; margin-bottom: 0.5em; position: relative; } .sec3rdHeadline { text-align: left; width: 100%; color: var(--color-re-002); background-color: transparent; border-radius: 0px; font-size: min(4vw, 1.5rem); font-weight: 600; line-height: 1; padding: 0.35em 1rem 0.35em 0px; margin-top: 0px; margin-bottom: 1em; position: relative; } .sec3rdHeadline > span { color: var(--color-re-001); display: inline-block; margin-right: 0.75em; } .btnWrap { display: flex; flex-flow: wrap; justify-content: center; align-items: center; gap: 1em 2em; list-style: none; margin: 0px; width: 100%; padding: 2rem; } .stepContent .btnWrap { padding: 2rem 0px 0px; } .stepContent .secLead + .btnWrap { padding: 0px; } :where(.btnWrap .btn) { background-color: var(--color01); text-decoration: none; color: var(--color-re-002); font-size: min(4vw, 1rem); font-weight: 600; line-height: 1.2; display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; position: relative; white-space: nowrap; border-radius: 3em; border: 1px solid var(--color-re-004); min-width: 100%; flex: 0 0 auto; min-height: 4em; } @media (min-width: 820px) { :where(.btnWrap .btn) { min-width: 32%; } .btnWrap .btn:only-child { min-width: min(40%, 300px); } } .ico-arrow::after { content: ""; display: inline-block; margin: auto 0.5em auto 0.75em; width: min(3vw, 1rem); height: min(3vw, 1rem); font-size: 1rem; padding: 0px; position: absolute; right: 1rem; justify-self: center; vertical-align: middle; background-color: transparent; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml;utf-8,") !important; } .ico-arrow:hover::after { right: 0.85rem; } #breadcrumb { border-bottom: none; } #breadcrumb > div:not(:last-of-type)::after { content: ""; display: inline-block; margin: 0.25em 0.5em auto 0.75em; width: min(3vw, 0.65rem); height: min(3vw, 0.65rem); background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf-8,"); background-size: contain; } .docs { display: grid; grid-template-columns: min(14%, 40px) 1fr min(5%, 10px); align-items: center; justify-content: space-between; background-color: var(--color01); border-radius: 16px; box-shadow: none; width: 100%; padding: 1.75rem 2rem 1.75rem 2.5rem; margin: 0px; height: 100%; border: 1px solid var(--color-re-004); transition: transform 0.2s ease-in 0s, box-shadow 0.2s ease-in 0s; position: relative; overflow: hidden; } a.docs:hover { transform: translateY(5px); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px; } div.docs::before, a.docs::before { content: ""; display: block; width: 100%; height: 100%; padding: 0px; color: transparent; background-position: center center; background-repeat: no-repeat; background-size: contain; margin: 0px !important; background-color: transparent !important; } a.docs[href$=".pdf"]::before { background-image: url(""); } a.docs[href$=".docx"]::before { background-image: url(""); } a.docs[href$=".xlsx"]::before { background-image: url(""); } a.docs[href$=".zip"]::before { background-image: url(""); } div.docs[ext$=".pdf"]::before { background-image: url(""); } div.docs[ext$=".docx"]::before { background-image: url(""); } div.docs[ext$=".xlsx"]::before { background-image: url(""); } div.docs[ext$=".zip"]::before { background-image: url(""); } div.docs::after, a.docs::after { content: ""; display: inline-block; margin: auto 0.5em auto 0.75em; width: min(3vw, 1rem); height: min(3vw, 1rem); font-size: 1rem; padding: 0px; justify-self: center; vertical-align: middle; background-color: transparent; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml;utf-8,") !important; } .docs p { font-size: min(4vw, 1.125rem); color: var(--color-re-002); font-weight: 600; padding: 0px 1em 0px 2em; } .docs p span { display: block; font-size: min(3vw, 0.875rem); margin-top: 1rem; padding-right: 0.75em; font-weight: 400; color: var(--color-re-004); } .docs p .size:empty { display: none; } .docs p .size { margin-top: 0.5em; } .colorLink { color: var(--color-re-005); text-decoration: underline; } .noBullet, .noBullet li { list-style-type: none; margin-left: 0px; } .footerCTA { font-size: min(4vw, 1rem); background-image: linear-gradient(45deg, rgb(253, 255, 236), rgb(221, 238, 255)); padding: min(4vw, 3rem) 0px 1rem; position: relative; margin-bottom: 2rem; } .footerCTA .secHeadline { align-items: center; padding: 0px; } .footerInfoInner { padding: 0px 2vw min(10vh, 3rem); } .globalFooter { background-color: var(--color-re-002); } .footerLinks { } .footerLinksInner li { position: relative; display: flex; align-items: center; } .footerLinks ul li a { display: inline-block; } .wd_entry_step_arrow { position: relative; display: block; width: 244px; height: auto; margin: 0px auto 32px; } .wd_entry_step_arrow img { position: relative; display: block; width: 100%; } .wd_doc_ol { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; z-index: 4; background-color: rgba(170, 170, 170, 0.6); } .wd_doc_ol div { position: absolute; top: 50%; left: 0%; transform: translate(0%, -50%); width: 100%; text-align: center; font-size: 18px; font-weight: 700; color: rgb(255, 255, 255); } .wd_legacy_sec2ndHeadline { text-align: center; width: 100%; color: var(--color01); background-color: var(--color102); border-radius: 6px; font-size: min(4vw, 1.25rem); font-weight: 400; line-height: 1; margin-bottom: 0.75em; position: relative; padding: 0.75em 1em !important; } .wd_legacy_sec2ndHeadline.--type02 { font-weight: 600; background-color: var(--color100); } .navBtn, .toTop { z-index: 700000 !important; } .drawerWrap { z-index: 600000 !important; } .knockOut { z-index: 500000 !important; } #drawerCheckbox, .drawerInner .localNav { display: none; } .drawerInner .localNav { display: block; } .drawerInner .localNav li { list-style: none; } .navBtn { position: fixed; right: 4vw; top: 16px; cursor: pointer; display: inline-block; margin: 0px auto; width: 1.75rem; height: 1.5rem; transform: translateY(0px); } .toTop { position: fixed; right: 0px; top: auto; bottom: 0px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; margin: 0px auto; width: 1.75rem; height: 1.5rem; transform: translateX(4.75rem); } @media (min-width: 1100px) { .navBtn { display: none; } .navBtn.on { right: 0px; display: inline-block; width: 4.75rem; height: 4.5rem; top: 0px; transform: translateX(4.75rem); background: rgba(239, 233, 215, 0.5); animation: 0.25s ease-out 0s 1 normal forwards running pcnavbtn; } .toTop { display: none; } .toTop.on { display: inline-flex; align-items: center; justify-content: center; width: 4.75rem; height: 4.5rem; bottom: 0px; background: rgba(239, 233, 215, 0.5); animation: 0.25s ease-out 0s 1 normal forwards running pcnavbtn; color: rgb(141, 70, 22); } @keyframes pcnavbtn { 99%, 100% { right: 0px; transform: translateX(0px); } } } .navBtn span, .navBtn span::before, .navBtn span::after { display: block; position: absolute; left: 0px; right: 0px; margin: auto; width: 100%; height: 2px; border-radius: 3px; background: var(--color100); } .navBtn span { top: 50%; } .navBtn span::before { content: ""; top: -11px; transform: rotate3d(0, 0, 0, 0deg); transition: top 0.2s ease-in 0.2s, transform 0.2s ease-in 0s; } .navBtn span::after { content: ""; top: 11px; transform: rotate3d(0, 0, 0, 0deg); transition: top 0.2s ease-in 0.2s, transform 0.2s ease-in 0s; } @media (min-width: 1100px) { .navBtn span { top: 47%; } .navBtn span, .navBtn span::before, .navBtn span::after { height: 4px; width: 64%; } .navBtn span::before { top: -18px; width: 100%; } .navBtn span::after { top: 18px; width: 100%; } } #drawerCheckbox:checked ~ .navBtn span { transition: background 0.1s ease 0s; box-shadow: none; background: transparent !important; } #drawerCheckbox:checked ~ .navBtn span::before, #drawerCheckbox:checked ~ .navBtn span::after { width: 100%; top: 0px; bottom: 0px; box-shadow: none; background: rgb(255, 255, 255); } #drawerCheckbox:checked ~ .navBtn span::before { transform: rotate3d(0, 0, 1, 45deg); top: 0px; transition: top 0.2s ease 0s, transform 0.2s ease 0.2s; } #drawerCheckbox:checked ~ .navBtn span::after { transform: rotate3d(0, 0, 1, -45deg); top: 0px; transition: top 0.2s ease 0s, transform 0.2s ease 0.2s; } .drawerWrap { width: 80vw; height: 100vh; background: linear-gradient(rgb(234, 101, 138), rgb(253, 238, 155)); display: block; position: fixed; top: 0px; left: -100vw; transform: translateX(0px); transition: transform 0.4s cubic-bezier(0.1, 0.57, 0.1, 1) 0s; pointer-events: none; overflow-y: scroll; } .knockOut { display: none; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(5px); position: fixed; width: 100vw; height: 100vh; inset: 0px; } #drawerCheckbox:checked ~ .drawerWrap { opacity: 1; transform: translateX(100vw); transition: transform 0.5s cubic-bezier(0.1, 0.57, 0.1, 1) 0s; pointer-events: auto; } #drawerCheckbox:checked ~ .drawerWrap + .knockOut { display: block; } .drawerWrap .drawerInner { padding: 0px 4vw; height: 80%; } .drawerInner .localNav { padding-left: 0px; height: 100%; display: grid; grid-template-rows: 100px 1fr 1fr; margin-top: 4vw; } .drawerInner .localNav ul:last-child { } .drawerInner .localNav .siteID picture { width: 100%; } .drawerInner .localNav .siteID picture img { width: 100%; } .drawerInner .localNav li { width: 100%; margin: 2rem 0px 0px; list-style-type: none; } @media (min-width: 1100px) { .drawerInner .localNav li { } } .drawerInner .localNav li.gsearch { } .drawerInner .localNav li.hasSubnav { display: none; } .drawerInner a { display: flex; align-items: center; justify-content: flex-start; width: 100%; height: 100%; padding: 0px; line-height: 1; font-size: min(5vw, 24px); color: var(--color01); font-weight: 500; text-decoration: none; } .drawerInner .localNav li.localAnchor { padding-left: 1.5em; margin: 2rem 0px 1rem; } .drawerInner .localNav li.localAnchor a { font-size: min(5vw, 18px); } .drawerInner a br { display: none; } @font-face { font-family: "Noto Sans JP"; font-style: normal; font-weight: 400; font-display: swap; src: url("") format("woff2"); } @font-face { font-family: "Noto Sans JP"; font-style: normal; font-weight: 600; font-display: swap; src: url("") format("woff2"); } .slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0px; padding: 0px; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0px, 0px, 0px); } .slick-track { position: relative; top: 0px; left: 0px; display: block; margin-left: auto; margin-right: auto; } .slick-track::before, .slick-track::after { display: table; content: ""; } .slick-track::after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .\[\&_\.gdprAdTransparencyCogWheelButton\]\:\!pjra-z-\[5\], ad-slot, ad-triple-box, dfp-ad, [class^="adDisplay-module"], [class^="amp-ad-"], [class^="div-gpt-ad"], [data-ad-cls], [data-ad-manager-id], [data-ad-module], [data-ad-width], [data-adblockkey], [data-adbridg-ad-class], [data-adshim], [data-advadstrackid], [data-block-type="ad"], [data-css-class="dfp-inarticle"], [data-d-ad-id], [data-desktop-ad-id], [data-dynamic-ads], [data-ez-name], [data-freestar-ad][id], [data-id^="div-gpt-ad"], [data-m-ad-id], [data-mobile-ad-id], [data-name="adaptiveConstructorAd"], [data-rc-widget], [data-revive-zoneid] > iframe, [data-role="tile-ads-module"], [data-template-type="nativead"], [data-testid="adBanner-wrapper"], [data-testid="ad_testID"], [data-type="ad-vertical"], [data-wpas-zoneid], [id^="ad-wrap-"], [id^="ad_sky"], [id^="ad_slider"], [id^="section-ad-banner"], [name^="google_ads_iframe"], [onclick^="location.href='https://1337x.vpnonly.site/"], a-ad, a[data-href^="http://ads.trafficjunky.net/"], a[style="width:100%;height:100%;z-index:10000000000000000;position:absolute;top:0;left:0;"], ad-shield-ads, ad-slot, app-ad, app-advertisement, app-large-ad, ark-top-ad, aside[id^="adrotate_widgets-"], atf-ad-slot, bottomadblock, display-ad-component, display-ads, div[class^="Adstyled__AdWrapper-"], div[class^="Display_displayAd"], div[class^="kiwi-ad-wrapper"], div[class^="native-ad-"], div[data-ad-placeholder], div[data-ad-wrapper], div[data-adname], div[data-adunit-path], div[data-adunit], div[data-adzone], div[data-alias="300x250 Ad 1"], div[data-alias="300x250 Ad 2"], div[data-contentexchange-widget], div[data-dfp-id], div[data-id-advertdfpconf], div[data-native-ad], div[id^="ad-div-"], div[id^="ad-position-"], div[id^="adngin-"], div[id^="adrotate_widgets-"], div[id^="adspot-"], div[id^="crt-"][style], div[id^="div-ads-"], div[id^="google_dfp_"], div[id^="gpt_ad_"], div[id^="lazyad-"], div[id^="optidigital-adslot"], div[id^="pa_sticky_ad_box_middle_"], div[id^="rc-widget-"], div[id^="sticky_ad_"], div[id^="vuukle-ad-"], gpt-ad, guj-ad, hl-adsense, img[src^="https://images.purevpnaffiliates.com"], ps-connatix-module, span[data-ez-ph-id], span[id^="ezoic-pub-ad-placeholder-"], topadblock, zeus-ad, [class^="tile-picker__CitrusBannerContainer-sc-"], citrus-ad-wrapper, [class^="s2nPlayer"], div[id*="MarketGid"], div[id*="ScriptRoot"], [onclick*="content.ad/"], amp-ad, amp-ad, amp-ad-custom, amp-connatix-player, amp-fx-flying-carpet, a[data-obtrack^="http://paid.outbrain.com/network/redir?"], a[data-oburl^="https://paid.outbrain.com/network/redir?"], a[data-redirect^="https://paid.outbrain.com/network/redir?"], a[data-url^="http://paid.outbrain.com/network/redir?"] + .author, a[data-widget-outbrain-redirect^="http://paid.outbrain.com/network/redir?"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[target="_blank"][onmousedown="this.href^='http://paid.outbrain.com/network/redir?"], amp-embed[type="taboola"], div[id^="taboola-stream-"], div[id^="zergnet-widget"] { display: none !important; } [data-ad-name], [id^="div-gpt-ad"], div[aria-label="Ads"], div[data-ad-targeting], div[data-native_ad], div[id^="ad_position_"], div[id^="dfp-ad-"], div[id^="div-gpt-"], div[id^="ezoic-pub-ad-"], div[id^="yandex_ad"], ins.adsbygoogle[data-ad-slot], a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] { display: none !important; } a[href^="https://datingoffers30.info/"] { display: none !important; } .importantNotice { margin: 50px auto 0px; width: calc(100% - 8vw); max-width: 1100px; border: 1px solid var(--color-re-006); border-radius: 20px; padding: 1em 2em 1.5em; text-align: justify; line-height: 1.8; font-size: min(4vw, 1rem); color: var(--color-re-002); } .importantNotice h2 { text-align: center; margin-bottom: 0.5em; } .importantNotice a { text-decoration: underline; color: var(--color-re-005); } .importantNotice a:hover { text-decoration: none; } .importantNotice p { font-weight: 600; } .importantNotice_title { font-size: min(4vw, 1rem); color: var(--color100); font-weight: 700; } (cache)中小企業新事業進出補助金｜中小企業基盤整備機構