"); } .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; } } .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; } .importantNotice { margin: 50px auto 0px; width: calc(100% - 8vw); max-width: 1100px; border: 1px solid var(--color-re-006); border-radius: 20px; padding: 1em 2em 1.5em; text-align: justify; line-height: 1.8; font-size: min(4vw, 1rem); color: var(--color-re-002); } .importantNotice h2 { text-align: center; margin-bottom: 0.5em; } .importantNotice a { text-decoration: underline; color: var(--color-re-005); } .importantNotice a:hover { text-decoration: none; } .importantNotice p { font-weight: 600; } .importantNotice_title { font-size: min(4vw, 1rem); color: var(--color100); font-weight: 700; } (cache)中小企業新事業進出補助金|中小企業基盤整備機構

中小企業の新しい挑戦を支援

賃上げにつながる企業の成長・拡大に向けた
新規事業への挑戦を後押しします

現在、第2回公募の公募要領を公開中

申請受付は令和7年11月10日(月)から12月19日(金)18:00まで
公募スケジュール

最新のお知らせ

  • HP更新
  • お知らせ
  • イベント

中小企業新事業進出補助金とは?

本補助金では、既存の事業とは異なる、新市場・高付加価値事業への進出にかかる設備投資等を支援し、新規事業への挑戦を促進します。

公募スケジュール

【第2回】
公募開始:令和7年9月12日(金)
申請受付:令和7年11月10日(月)
応募締切:令和7年12月19日(金)18:00まで

【第1回】 ※第1回公募の応募申請受付は終了しました。
公募開始:令和7年4月22日(火)
申請受付:令和7年6月17日(火)
応募締切:令和7年7月10日(木)18:00まで 令和7年7月15日(火)18:00まで ※締切を延長しました

※第3回公募は、12月中を予定しております。

補助事業概要

項目
内容
補助対象者
企業の成長・拡大に向けた新規事業への挑戦を行う中小企業等
※「中小企業等」の詳細の定義については「公募要領」をご確認ください。
補助上限額
従業員数補助金額
従業員数20人以下2,500万円(3,000万円)
従業員数21~50人4,000万円(5,000万円)
従業員数51~100人5,500万円(7,000万円)
従業員数101人以上7,000万円(9,000万円)
※補助下限750万円
※大幅賃上げ特例適用事業者(補助事業終了後3~5年の事業計画期間において①事業場内最低賃金+50円、②給与支給総額+6%を達成)の場合、補助上限額を上乗せ。(上記カッコ内の金額は特例適用後の上限額。)
補助率
1/2
基本要件
(1)新事業進出要件
「新事業進出指針」に示す「新事業進出」の定義に該当する事業であること
※新事業進出の定義は、「新事業進出指針」にて定めていますので必ずご確認ください
(2) 付加価値額要件
補助事業終了後3~5年の事業計画期間において、付加価値額(又は従業員一人当たり付加価値額)の年平均成長率が4.0%(以下「付加価値額基準値」という。)以上増加する見込みの事業計画を策定すること
(3) 賃上げ要件【目標値未達の場合、補助金返還義務あり】
補助事業終了後3~5年の事業計画期間において、以下のいずれかの水準以上の賃上げを行うこと
①補助事業終了後3~5年の事業計画期間において、一人当たり給与支給総額の年平均成長率を、事業実施都道府県における最低賃金の直近5年間(令和元年度を基準とし、令和2年度~令和6年度の5年間をいう。)の年平均成長率(以下 「一人当たり給与支給総額基準値」という。)以上増加させること
②補助事業終了後3~5年の事業計画期間において、給与支給総額の年平均成長率を2.5%(以下 「給与支給総額基準値」という。)以上増加させること
(4) 事業場内最賃水準要件【目標値未達の場合、補助金返還義務あり】
補助事業終了後3~5年の事業計画期間において、毎年、事業場内最低賃金が補助事業実施場所都道府県における地域別最低賃金より30円以上高い水準であること
(5) ワークライフバランス要件
次世代育成支援対策推進法に基づく一般事業主行動計画を公表していること
(6) 金融機関要件
補助事業の実施にあたって金融機関等から資金提供を受ける場合は、資金提供元の金融機関等から事業計画の確認を受けていること
<賃上げ特例の適用を受ける場合の追加要件>
(7) 賃上げ特例要件【要件未達の場合、補助金返還義務あり】
補助事業終了後3~5年の事業計画期間において、以下のいずれも満たすこと
(1)給与支給総額を年平均6.0%以上増加させること
(2)事業場内最低賃金を年額50円以上引き上げること
補助事業期間
交付決定日から14か月以内(ただし、補助金交付候補者の採択発表日から16か月後の日まで)
補助対象経費
機械装置・システム構築費、建物費、運搬費、技術導入費、知的財産権等関連経費、外注費、専門家経費、クラウドサービス利用費、広告宣伝・販売促進費
注意事項
  • 交付申請における精査の結果次第では、交付決定額が、応募申請時に計上している補助金申請額から減額又は全額対象外となる場合もあります。
  • 補助事業により取得した財産については、交付規程等に基づき処分に制限が課されます。
    処分する場合、残存簿価相当額又は譲渡額等により、当該処分制限財産に係る補助金額を限度に納付しなければなりませんのでご注意ください。
  • 補助事業により取得した財産は、原則として専ら補助事業に使用される必要があります。
  • 申請者は事業計画の作成、実行及び成果目標の達成に責任を持って取り組んでいただく必要があります。
    検討やブラッシュアップのために認定経営革新等支援機関を含む外部支援者等の助言を受けることは差し支えございませんが、必ず申請者自身で作成してください。

GビズIDプライム

GビズIDは、1つのID・パスワードで様々な行政サービスにログインできるサービスです。
GビズIDには、GビズIDプライム、GビズIDメンバー、GビズIDエントリーという3種類のアカウントがあり、
本補助金の申請には、GビズIDプライムアカウントの取得が必要です。取得未了の方は、あらかじめGビズIDプライムアカウント取得手続きを行ってください。

※GビズIDプライムアカウントの発行には1週間程度の期間を要しますのでご注意ください。

※GビズIDプライムアカウントの取得手続きの遅れによる申請期限の延長等は一切認められませんので、申請をお考えの方は、お時間に余裕をもって取得をいただきますようお願いいたします。

一般事業主行動計画

本補助金の申請には、次世代育成支援対策推進法(平成15年法律第120号)に基づく一般事業主行動計画の策定・公表が必要になります。
一般事業主行動計画の策定・公表を行っていない方は、あらかじめ準備の上、手続きをお願いいたします。

※一般事業主行動計画の公表手続きには1~2週間程度の期間を要します。

お問い合わせ先

ご不明な点は「よくあるご質問」をご確認ください。
お問い合わせをご希望の方は下記をご確認ください。

トラブル通報窓口

コールセンターの職員が不適切な対応を行った場合や、
本補助金の不正利用や要件違反に関する内部告発等は、
以下のフォームよりご連絡ください。
なお、通報者は適切に保護されます。

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

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