"); } .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 { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 0px 0px; border-radius: 6px; margin-bottom: 1rem; padding: min(4vw, 2em); background-color: var(--color01); } .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; } } .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: rgb(203, 206, 217); font-size: min(4vw, 1.25rem); font-weight: 600; } @media (min-width: 960px) { .scheduleTable > dl > dt { background-color: rgb(255, 255, 255); padding: 2em 1em; font-size: min(3.5vw, 1rem); } } .scheduleTable > dl > dd { padding: 2em 1em; 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: 2em 1em; 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 span { color: var(--color100); display: inline-block; padding-left: 1em; } .scheduleTable > dl > dd > dl > dd { line-height: 2.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; } #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; } .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 > :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; } .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); } .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 { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 0px 0px; border-radius: 6px; margin-bottom: 1rem; padding: min(4vw, 2em); background-color: var(--color01); } .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; } } .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: rgb(203, 206, 217); font-size: min(4vw, 1.25rem); font-weight: 600; } @media (min-width: 960px) { .scheduleTable > dl > dt { background-color: rgb(255, 255, 255); padding: 2em 1em; font-size: min(3.5vw, 1rem); } } .scheduleTable > dl > dd { padding: 2em 1em; 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: 2em 1em; 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 span { color: var(--color100); display: inline-block; padding-left: 1em; } .scheduleTable > dl > dd > dl > dd { line-height: 2.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; } #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; } .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 > :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; } .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); } .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; } } 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 + .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(10%, 40px); 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, 1.5rem); height: min(3vw, 1.5rem); 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; } .footerLinksInner li::after { content: ""; display: inline-block; margin: auto 0.5em auto 0.75em; width: min(3vw, 0.85rem); height: min(3vw, 0.85rem); 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; } .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); } .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"); } .\[\&_\.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; } [href="https://ourgoldguy.com/contact/"] img { display: none !important; } (cache)説明会｜中小企業新事業進出補助金｜中小企業基盤整備機構
中小企業新事業進出補助金

説明会

本補助金の活用をご検討されている中小企業等の皆さまに向けて、公募段階における概要・注意点等をまとめた概要説明会のアーカイブ動画と資料をご紹介しています。
補助対象者や補助対象事業者、要件等の必要情報を確認できます。

中小企業新事業進出事業概要説明会

本補助金の第2回公募要領（2.4MB）をもとに、事業概要や対象要件などを説明いたします。

※本説明会動画は事前に収録したものです。

※説明会への参加実績は、審査・採択には影響いたしません。

新事業進出補助金の応募を検討される方は、応募申請される方ページで手続きの流れと必要情報を確認してください。

応募申請される方

「新事業進出補助金」は、独立行政法人中小企業基盤整備機構より委託された「株式会社博報堂を主幹事としたコンソーシアム（株式会社博報堂、アクセンチュア株式会社、株式会社ヴァリアス・ディメンションズ、株式会社博報堂プロダクツ）」が事務局業務を運営しています。

経済産業省ホームページ 中小企業庁ホームページ 中小企業基盤整備機構ホームページ