@charset "UTF-8"; /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36) */ a:focus-visible, [tabindex="0"]:focus-visible { outline: 2px solid #007aff !important; outline-offset: 2px; } *:where(:not(html, iframe, canvas, img, svg, video, audio, input, button, textarea, select):not(svg *, symbol *)) { all: unset; display: revert; } * { box-sizing: border-box; } *::before, *::after { box-sizing: border-box; } :where(html) { -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; } /* Set core root defaults */ @media (prefers-reduced-motion: no-preference) { :where(html:focus-within) { scroll-behavior: smooth; } } /* Set core body defaults */ :where(body) { margin: 0; min-height: 100vh; text-rendering: optimizeSpeed; } :where(a) { color: inherit; text-decoration: underline; text-underline-offset: 0.2ex; cursor: pointer; } :where(ul, ol, menu) { list-style: none; } :where(img, svg, video, canvas, audio, iframe, embed, object, main) { display: block; } :where(img) { max-inline-size: 100%; max-block-size: 100%; vertical-align: bottom; } :where(img, picture, svg, video) { max-inline-size: 100%; block-size: auto; } :where(p, h1, h2, h3, h4, h5, h6) { overflow-wrap: break-word; } :where(table) { border-collapse: collapse; } :where(input, button, textarea, select, textarea) { color: inherit; font: inherit; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ :where(input, textarea) { -webkit-user-select: auto; user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ :where(textarea) { white-space: revert; } /* minimum style to allow to style meter element */ :where(meter) { -webkit-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; box-sizing: border-box; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; line-break: after-white-space; -webkit-user-select: auto; user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } :where(hr) { border: none; border-block-start: 1px solid; color: inherit; block-size: 0; overflow: visible; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; box-sizing: border-box; } :where(button, label, select, summary, [role=button], [role=option]) { cursor: pointer; } :where(:disabled) { cursor: not-allowed; } :where(label:has(> input:disabled), label:has(+ input:disabled)) { cursor: not-allowed; } /* Remove all animations and transitions for people that prefer not to see them */ @media (prefers-reduced-motion: reduce) { :where(html:focus-within) { scroll-behavior: auto; } * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } /* stylelint-enable no-descending-specificity */ article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, menu, nav, section, main { display: block; } body { background-color: #fff; color: #000; font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; } html { font-size: 62.5%; } body { font-size: 1rem; } body * { line-height: 1.5; } * { -moz-font-feature-settings: "liga", "kern"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } /* stylelint-disable no-descending-specificity */ body { -moz-font-feature-settings: "liga", "kern"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-weight: 600; color: #0b0b0b; } .container img { width: 100%; height: auto; } .container a { color: #000; text-decoration: underline; } .container a:hover { text-decoration: none !important; } .js-inview { opacity: 0; transition: opacity 0.2s cubic-bezier(0, 0, 1, 1), transform 0.6s cubic-bezier(0, 0, 0.58, 1); transform: translateY(20px); will-change: opacity, transform; } .js-inview.is-inview { opacity: 1; transform: translateY(0); } .global { position: relative; z-index: 5; } .global__obj.__1, .global__obj.__2 { content: ""; display: block; z-index: -1; position: absolute; pointer-events: none; } .global__obj.__2 { top: 0; right: 0; } .outer { position: relative; } .outer.__offset-before { z-index: 1; } .outer.__offset-after { z-index: 2; } .outer.__offset { z-index: 3; } .__beige { background-color: #F9F9F9; overflow: hidden; } .__white { background-color: #fff; } .__orange { background-color: #00AEF0; } .__skin { background-color: #fff6eb; } .btn .link { -webkit-appearance: none; appearance: none; padding: 0; border: 0; border-radius: 0; outline: none; background: transparent; font-family: inherit; display: flex; justify-content: center; align-items: center; border-radius: 100vh; background-color: #004A9C; color: #fff; font-weight: bold; text-align: center; margin-right: auto; margin-left: auto; text-decoration: none; filter: drop-shadow(0 8px 0 rgb(0, 48, 101)); transform: translateY(0); transition: tarnsform 0.2s linear; } .btn .link:hover { /* filter: drop-shadow(0 0 0 rgb(0, 48, 101)); */ filter: none; transform: translateY(8px); } .btn.disable .link { background-color: #d0d0d0; color: #fff; cursor: default; pointer-events: none; filter: drop-shadow(0 0 0 rgba(114, 0, 0, 0)); } .btn.disable .link:hover { /* filter: drop-shadow(0 0 0 rgba(114, 0, 0, 0)); */ filter: none; transform: translateY(0); } .btn.btn__rect .link { border-radius: 20px; justify-content: space-between; text-align: left; } .btn.btn__pdf .link { gap: 10px; } .btn.btn__pdf .link i { display: block; background: url("/assets/img/common2025/btn-icon-pdf.webp") no-repeat 0 0; background-size: 100%; } .btn.btn__arrow .link { gap: 10px; } .btn.btn__arrow .link i { display: block; background: url("/assets/img/common2025/btn-icon-arrow.webp") no-repeat 0 0; background-size: 100%; } .btn.btn__download .link { gap: 10px; } .btn.btn__download .link i { display: block; background: url("/assets/img/common2025/btn-icon-download.webp") no-repeat 0 0; background-size: 100%; } .btn.btn__back .link { gap: 10px; } .btn.btn__back .link i { display: block; background: url("/assets/img/common/btn-icon-back.webp") no-repeat 0 0; background-size: 100%; } .btn__round .link { -webkit-appearance: none; appearance: none; padding: 0; border: 0; border-radius: 0; outline: none; background: transparent; font-family: inherit; display: flex; justify-content: center; align-items: center; border-radius: 100vh; background-color: #fff; border: 2px solid #f08301; color: #f08301; font-weight: bold; text-align: center; margin-right: auto; margin-left: auto; text-decoration: none; filter: opacity(100%); transition: filter 0.2s cubic-bezier(0, 0, 1, 1); } .btn__round .link:hover { filter: opacity(80%); } .btn__round.btn__pdf .link { gap: 10px; } .btn__round.btn__pdf .link i { display: block; background: url("/assets/img/common2025/btn-round-icon-pdf.webp") no-repeat 0 0; background-size: 100%; } .round__area.__type1 .round__area__header { background-color: #00AEF0; text-align: center; color: #fff; font-weight: bold; } .round__area.__type1 .round__area__header.disable { background-color: #b9b9b9; } .round__area.__type1 .round__area__body { border: 1px solid #00AEF0; } .round__area.__type1 .round__area__body.disable { border: 1px solid #b9b9b9; } .round__area.__type1 .round__area__body.disable .round__area__row .item__title { border: 1px solid #b9b9b9; color: #b9b9b9; } .round__area.__type1 .round__area__body.disable .round__area__row .item__body { color: #b9b9b9; } .round__area.__type1 .note { color: #e00000; } .round__area.__type2 .round__area__body { border: 1px solid #00AEF0; } .text.red { color: #910000; } .contents__heading { font-size: 0; outline: none; overflow: hidden; text-indent: 100%; white-space: nowrap; } .round__table .red { color: #910000; } .round__table a { color: #004A9C; } .round__table .bold { font-weight: bold; } .round__table.__type1 .table__heading { display: flex; align-items: center; background-color: #00AEF0; color: #fff; font-weight: bold; text-align: center; } .round__table.__type1 .table__body { border: 1px solid #00AEF0; } .round__table.__type1 .table__body__row { border-bottom: 1px solid #00AEF0; } .round__table.__type1 .table__body__row .col { font-weight: normal; } .round__table.__type1 .table__body__row .col.__1 { font-weight: bold; } .round__table.__type1 .table__body__row:last-child { border-bottom: none; } .round__table.__type1 .table__body__row:nth-child(odd) { background-color: #fff; } .round__table.__type1 .table__body__row:nth-child(2n) { background-color: #fcfcf5; } .round__table.__type2 .table__body { border: 1px solid #00AEF0; } .round__table.__type2 .table__body__row .col { font-weight: normal; } .round__table.__type2 .table__body__row .col.__1 { font-weight: bold; } .round__table.__type2 .table__body__row:last-child { border-bottom: none; } .heading__text.__type1 { font-weight: bold; } .heading__text.t__center { text-align: center; } .contents__text .text { font-weight: normal; } .border__area { border: 1px solid #0b0b0b; } .border__area.border__red { border-color: #910000; } .border__area .border__area__title { text-align: center; font-weight: bold; color: #910000; } .border__area .border__area__contents { text-align: center; } .border__area .border__area__contents .text { font-weight: normal; } .border__area a { color: #910000; } .rect__article.skin { background-color: #fee9d3; } .heading__title { text-align: center; position: relative; } .heading__title.heading__title__type1::after { content: ""; display: block; background-color: #00AEF0; margin-right: auto; margin-left: auto; } .heading__title.heading__title__type1 .title { font-weight: bold; } .heading__title.heading__title__type1 span { display: block; } .heading__title.heading__title__type2 .title { font-weight: bold; } .heading__title.heading__title__type2 .title::before { content: ""; display: block; margin-right: auto; margin-left: auto; } .heading__title.heading__title__type2 .title.period__title::before { background: url("/assets/img/common2025/icon-period.webp") no-repeat 0 0; background-size: 100%; } .heading__title.heading__title__type2 .title.schedule__title::before { background: url("/assets/img/common2025/icon-schedule.webp") no-repeat 0 0; background-size: 100%; } .heading__title.heading__title__type2 .title.history__title::before { background: url("/assets/img/common2025/icon-history.webp") no-repeat 0 0; background-size: 100%; } .heading__title.heading__title__type2 .title__ul li { font-weight: normal; } .heading__title.heading__title__type2 .title__ul li a { color: #004A9C; } .heading__title.heading__title__type3 .title { font-weight: bold; text-align: center; } .dropdown__select { display: inline-flex; align-items: center; position: relative; } .dropdown__select::after { position: absolute; right: 20px; background: url("/assets/img/common2025/select-arrow.webp") no-repeat 0 0; background-size: 100%; font-size: 0; outline: none; overflow: hidden; text-indent: 100%; white-space: nowrap; content: ""; pointer-events: none; } .dropdown__select .select { -webkit-appearance: none; appearance: none; padding: 0.4em calc(0.8em + 20px) 0.4em 0.8em; border: 2px solid #004A9C; background-color: #fff; cursor: pointer; font-weight: normal; } @media only screen and (max-width: 767px) { .only--desktop { display: none !important; } .container { margin-right: 5.3333333333vw; margin-left: 5.3333333333vw; } .global + .outer { margin-top: -24vw; padding-top: 37.3333333333vw; position: relative; z-index: 4; } .global__obj.__2 { width: 43.7333333333vw; height: 93.6vw; background: url("/assets/img/common2025/global-bg2-sp.webp") no-repeat 0 0; background-size: 100%; } .outer { padding: 13.3333333333vw 0 16vw; } .outer.__offset-before { padding-bottom: 29.3333333333vw; } .outer.__offset-after { padding-top: 29.3333333333vw; margin-top: -13.3333333333vw; } .__bottom-right-round { border-bottom-right-radius: 13.3333333333vw; } .__bottom-left-round { border-bottom-left-radius: 13.3333333333vw; } .__top-right-round { border-top-right-radius: 13.3333333333vw; } .__top-left-round { border-top-left-radius: 13.3333333333vw; } .btn .link { width: 89.3333333333vw; height: 17.0666666667vw; font-size: 4.2666666667vw; } .btn.btn__yellow .link i { width: 6.4vw; height: 6.4vw; } .btn.btn__rect .link { padding: 0 5.3333333333vw; } .btn.btn__rect .link .title { font-size: 4.2666666667vw; } .btn.btn__rect .link .title span { font-size: 3.7333333333vw; } .btn.btn__rect .link .title .date { font-size: 3.2vw; } .btn.btn__pdf .link i { width: 5.6vw; height: 6.6666666667vw; } .btn.btn__arrow .link i { width: 3.2vw; height: 2.9333333333vw; } .btn.btn__download .link i { width: 2.9333333333vw; height: 3.4666666667vw; } .btn.btn__back .link i { width: 2.6666666667vw; height: 2.9333333333vw; } .btn__round .link { width: 89.3333333333vw; height: 17.0666666667vw; font-size: 4.2666666667vw; } .btn__round.btn__pdf .link i { width: 5.6vw; height: 6.6666666667vw; } .round__area.__type1 .round__area__header { padding: 3.2vw 0; border-top-right-radius: 5.3333333333vw; border-top-left-radius: 5.3333333333vw; font-size: 4.2666666667vw; } .round__area.__type1 .round__area__body { padding: 5.3333333333vw; border-bottom-right-radius: 5.3333333333vw; border-bottom-left-radius: 5.3333333333vw; } .round__area.__type1 + .round__area { margin-top: 8vw; } .round__area.__type1 .note { margin-top: 3.2vw; font-size: 4.2666666667vw; text-align: left; line-height: 1.25; } .round__area.__type2 .round__area__body { border-radius: 5.3333333333vw; } .round__table .desc + .note, .round__table .desc + .decimal, .round__table .desc + div { margin-top: 2.6666666667vw; } .round__table .text { font-size: 4.2666666667vw; } .round__table .text .small { font-size: 3.7333333333vw; } .round__table .note { font-size: 3.7333333333vw; } .round__table .note li + li { margin-top: 2.6666666667vw; } .round__table .decimal li { font-size: 4.2666666667vw; padding-left: 1em; text-indent: -1em; } .round__table .decimal li + li { margin-top: 1.3333333333vw; } .round__table .dot li { font-size: 4.2666666667vw; padding-left: 1em; text-indent: -1em; } .round__table .dot li + li { margin-top: 1.3333333333vw; } .round__table.__type1 .table__body { border-radius: 5.3333333333vw; } .round__table.__type1 .table__body__row:first-child { border-top-right-radius: 5.3333333333vw; border-top-left-radius: 5.3333333333vw; } .round__table.__type1 .table__body__row:last-child { border-bottom-right-radius: 5.3333333333vw; border-bottom-left-radius: 5.3333333333vw; } .round__table.__type1 .table__body__row .col.__1 { padding: 5.3333333333vw 5.3333333333vw 0; font-size: 4.2666666667vw; color: #00AEF0; } .round__table.__type1 .table__body__row .col.__2 { padding: 1.3333333333vw 5.3333333333vw 5.3333333333vw; font-size: 3.7333333333vw; } .round__table.__type2 .table__body { border-radius: 5.3333333333vw; } .round__table.__type2 .table__body__row { border-bottom: 1px solid #00AEF0; } .round__table.__type2 .table__body__row:first-child { border-top-right-radius: 5.3333333333vw; border-top-left-radius: 5.3333333333vw; } .round__table.__type2 .table__body__row:last-child { border-bottom-right-radius: 5.3333333333vw; border-bottom-left-radius: 5.3333333333vw; } .round__table.__type2 .table__body__row:nth-child(odd) { background-color: #fff; } .round__table.__type2 .table__body__row .col.__1 { padding: 5.3333333333vw 5.3333333333vw 0; font-size: 4.2666666667vw; color: #00AEF0; } .round__table.__type2 .table__body__row .col.__2 { padding: 1.3333333333vw 5.3333333333vw 5.3333333333vw; font-size: 3.7333333333vw; } .heading__text.__type1 { font-size: 4.8vw; margin-bottom: 5.3333333333vw; } .contents__text .text { font-size: 3.7333333333vw; } .border__area { padding: 5.3333333333vw 5.8666666667vw; } .border__area .border__area__title { font-size: 3.7333333333vw; } .border__area .border__area__contents { margin-top: 3.7333333333vw; } .border__area .desc .text { font-size: 4.2666666667vw; } .border__area .desc .text .small { font-size: 3.7333333333vw; } .border__area .desc .text + .text { margin-top: 2.6666666667vw; } .rect__article.skin { padding: 8vw 5.3333333333vw 10.6666666667vw; } .heading__title.heading__title__type1::after { width: 22.4vw; height: 0.5333333333vw; margin-top: 2.6666666667vw; } .heading__title.heading__title__type1 .title { font-size: 6.4vw; } .heading__title.heading__title__type1 .title span { font-size: 4.8vw; } .heading__title.heading__title__type2 .title { font-size: 5.3333333333vw; } .heading__title.heading__title__type2 .title::before { margin-bottom: 1.3333333333vw; } .heading__title.heading__title__type2 .title.seminar__title::before { width: 9.0666666667vw; height: 8vw; } .heading__title.heading__title__type2 .title.period__title::before { width: 7.2vw; height: 8vw; } .heading__title.heading__title__type2 .title.schedule__title::before { width: 6.9333333333vw; height: 8vw; } .heading__title.heading__title__type2 .title.history__title::before { width: 6.4vw; height: 8.5333333333vw; } .heading__title.heading__title__type2 .title__ul { margin-top: 5.3333333333vw; } .heading__title.heading__title__type2 .title__ul li { text-align: left; font-size: 4.2666666667vw; } .heading__title.heading__title__type3 .title { font-size: 4.8vw; margin-bottom: 3.7333333333vw; } .dropdown__select::after { right: 5.3333333333vw; width: 4.2666666667vw; height: 2.9333333333vw; } .dropdown__select .select { width: 89.3333333333vw; height: 13.6vw; padding: 1.3333333333vw 10.6666666667vw 1.3333333333vw 5.3333333333vw; border-radius: 10px; font-size: 4.2666666667vw; } } @media screen and (min-width: 768px) { a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none; } .only--mobile { display: none !important; } .container { width: min(80.5270863836vw, 1100px); margin-right: auto; margin-left: auto; } .global + .outer { margin-top: max(-13.17715959vw, -180px); padding-top: min(21.9619326501vw, 300px); position: relative; z-index: 4; } .global__obj.__1 { background: url("/assets/img/common2025/global-bg1.webp") no-repeat 0 0; background-size: 100%; width: min(15.0805270864vw, 206px); height: min(33.3089311859vw, 455px); top: min(9.5168374817vw, 130px); left: 0; } .global__obj.__2 { width: min(49.121522694vw, 671px); height: min(65.3001464129vw, 892px); background: url("/assets/img/common2025/global-bg2.webp") no-repeat 0 0; background-size: 100%; } .outer { padding: min(7.3206442167vw, 100px) 0 min(10.980966325vw, 150px); } .outer.__offset-before { padding-bottom: min(20.4978038067vw, 280px); } .outer.__offset-after { margin-top: max(-9.5168374817vw, -130px); padding-top: min(20.4978038067vw, 280px); } .__bottom-right-round { border-bottom-right-radius: min(13.17715959vw, 180px); } .__bottom-left-round { border-bottom-left-radius: min(13.17715959vw, 180px); } .__top-right-round { border-top-right-radius: min(13.17715959vw, 180px); } .__top-left-round { border-top-left-radius: min(13.17715959vw, 180px); } .btn .link { width: min(31.4787701318vw, 430px); height: min(5.8565153734vw, 80px); font-size: min(1.4641288433vw, 20px); } .btn.btn__yellow .link i { width: min(1.756954612vw, 24px); height: min(1.756954612vw, 24px); } .btn.btn__rect .link { padding: 0 min(2.196193265vw, 30px); } .btn.btn__rect .link .title { font-size: min(1.756954612vw, 24px); } .btn.btn__rect .link .title span { font-size: min(1.1713030747vw, 16px); } .btn.btn__rect .link .title .date { font-size: min(1.0248901903vw, 14px); } .btn.btn__pdf .link i { width: min(1.5373352855vw, 21px); height: min(1.8301610542vw, 25px); } .btn.btn__arrow .link i { width: min(1.2445095168vw, 17px); height: min(1.2445095168vw, 17px); } .btn.btn__download .link i { width: min(1.5373352855vw, 21px); height: min(1.8301610542vw, 25px); } .btn.btn__zip .link i { width: min(1.5373352855vw, 21px); height: min(1.8301610542vw, 25px); } .btn.btn__back .link i { width: min(1.2445095168vw, 17px); height: min(1.2445095168vw, 17px); } .btn.btn__site .link i { width: min(1.9033674963vw, 26px); height: min(1.9033674963vw, 26px); } .btn__round .link { width: min(36.6032210835vw, 500px); height: min(4.39238653vw, 60px); font-size: min(1.4641288433vw, 20px); } .btn__round.btn__pdf .link i { width: min(1.5373352855vw, 21px); height: min(1.8301610542vw, 25px); } .round__area.__type1 .round__area__header { padding: min(1.1713030747vw, 16px) 0; border-top-right-radius: min(1.4641288433vw, 20px); border-top-left-radius: min(1.4641288433vw, 20px); font-size: min(1.4641288433vw, 20px); } .round__area.__type1 .round__area__body { padding: min(2.9282576867vw, 40px); border-bottom-right-radius: min(1.4641288433vw, 20px); border-bottom-left-radius: min(1.4641288433vw, 20px); } .round__area.__type1 + .round__area { margin-top: min(2.9282576867vw, 40px); } .round__area.__type1 .note { margin-top: min(1.756954612vw, 24px); font-size: min(1.4641288433vw, 20px); text-align: center; } .round__area.__type2 .round__area__body { padding: min(2.9282576867vw, 40px); border-radius: min(1.4641288433vw, 20px); } .round__table .desc + .note, .round__table .desc + .decimal, .round__table .desc + div { margin-top: min(1.0980966325vw, 15px); } .round__table .text { font-size: min(1.317715959vw, 18px); } .round__table .text .small { font-size: min(1.0248901903vw, 14px); } .round__table .text a { font-weight: bold; color: #720000; } .round__table .note { font-size: min(1.0248901903vw, 14px); } .round__table .note li + li { margin-top: min(0.3660322108vw, 5px); } .round__table .decimal li { font-size: min(1.317715959vw, 18px); padding-left: 1em; text-indent: -1em; } .round__table .decimal li + li { margin-top: min(0.7320644217vw, 10px); } .round__table .dot li { font-size: min(1.317715959vw, 18px); padding-left: 1em; text-indent: -1em; } .round__table .dot li + li { margin-top: min(0.7320644217vw, 10px); } .round__table.__type1 .table__heading { border-top-right-radius: min(1.4641288433vw, 20px); border-top-left-radius: min(1.4641288433vw, 20px); font-size: min(1.1713030747vw, 16px); } .round__table.__type1 .table__heading .col { padding: min(2.196193265vw, 30px); font-size: min(1.317715959vw, 18px); } .round__table.__type1 .table__heading .col.__1 { flex-shrink: 0; width: min(14.6412884334vw, 200px); border-right: 1px solid #fff; } .round__table.__type1 .table__heading .col.__2 { width: 90%; } .round__table.__type1 .table__body { border-bottom-right-radius: min(1.4641288433vw, 20px); border-bottom-left-radius: min(1.4641288433vw, 20px); } .round__table.__type1 .table__body__row { display: flex; } .round__table.__type1 .table__body__row:last-child { border-bottom-right-radius: min(1.4641288433vw, 20px); border-bottom-left-radius: min(1.4641288433vw, 20px); } .round__table.__type1 .table__body__row .col { padding: min(1.8301610542vw, 25px); font-size: min(1.317715959vw, 18px); } .round__table.__type1 .table__body__row .col.__1 { flex-shrink: 0; width: min(14.6412884334vw, 200px); border-right: 1px dotted #00AEF0; } .round__table.__type1 .table__body__row .col.__2 { width: 90%; } .round__table.__type2 .table__body { border-radius: min(1.4641288433vw, 20px); } .round__table.__type2 .table__body__row { display: flex; } .round__table.__type2 .table__body__row:first-child .col.__1 { border-top-left-radius: min(1.4641288433vw, 20px); } .round__table.__type2 .table__body__row:first-child .col.__2 { border-top-right-radius: min(1.4641288433vw, 20px); } .round__table.__type2 .table__body__row:last-child .col.__1 { border-bottom-left-radius: min(1.4641288433vw, 20px); border-bottom: none; } .round__table.__type2 .table__body__row:last-child .col.__2 { border-bottom-right-radius: min(1.4641288433vw, 20px); border-bottom: none; } .round__table.__type2 .table__body__row .col { padding: min(1.8301610542vw, 25px); font-size: min(1.317715959vw, 18px); } .round__table.__type2 .table__body__row .col.__1 { flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: min(14.6412884334vw, 200px); background-color: #00AEF0; border-bottom: 1px solid #fff; color: #fff; text-align: center; } .round__table.__type2 .table__body__row .col.__2 { width: 90%; background-color: #fff; border-bottom: 1px dotted #00AEF0; } .heading__text.__type1 { font-size: min(1.756954612vw, 24px); margin-bottom: min(2.196193265vw, 30px); } .contents__text .text { font-size: min(1.1713030747vw, 16px); } .border__area { padding: min(2.196193265vw, 30px) min(1.4641288433vw, 20px) min(2.9282576867vw, 40px); } .border__area .border__area__title { font-size: min(1.1713030747vw, 16px); } .border__area .border__area__contents { margin-top: min(1.4641288433vw, 20px); } .border__area .desc .text { font-size: min(1.317715959vw, 18px); } .border__area .desc .text .small { font-size: min(1.0248901903vw, 14px); } .border__area .desc .text + .text { margin-top: min(0.7320644217vw, 10px); } .rect__article.skin { padding: min(2.9282576867vw, 40px) 0 min(3.6603221083vw, 50px); } .heading__title.heading__title__type1::after { width: min(10.2489019034vw, 140px); height: min(0.2928257687vw, 4px); margin-top: min(0.7320644217vw, 10px); } .heading__title.heading__title__type1 .title { font-size: min(2.9282576867vw, 40px); } .heading__title.heading__title__type1 .title span { font-size: min(2.0497803807vw, 28px); } .heading__title.heading__title__type2 .title { font-size: min(1.9033674963vw, 26px); } .heading__title.heading__title__type2 .title::before { margin-bottom: min(0.3660322108vw, 5px); } .heading__title.heading__title__type2 .title.seminar__title::before { width: min(2.4890190337vw, 34px); height: min(2.196193265vw, 30px); } .heading__title.heading__title__type2 .title.period__title::before { width: min(1.9765739385vw, 27px); height: min(2.196193265vw, 30px); } .heading__title.heading__title__type2 .title.schedule__title::before { width: min(1.9033674963vw, 26px); height: min(2.196193265vw, 30px); } .heading__title.heading__title__type2 .title.history__title::before { width: min(1.756954612vw, 24px); height: min(2.3426061493vw, 32px); } .heading__title.heading__title__type2 .title__ul { margin-top: min(1.4641288433vw, 20px); font-size: min(1.317715959vw, 18px); } .heading__title.heading__title__type3 .title { font-size: min(1.756954612vw, 24px); margin-bottom: min(1.4641288433vw, 20px); } .dropdown__select::after { right: min(1.4641288433vw, 20px); width: min(1.4641288433vw, 20px); height: min(1.0248901903vw, 14px); } .dropdown__select .select { width: min(38.0673499268vw, 520px); height: min(3.7335285505vw, 51px); border-radius: 10px; padding: 5px 40px 5px 20px; font-size: min(1.317715959vw, 18px); } } .header__logo { background: url("/assets/img/common/header-logo.svg") no-repeat 0 0; background-size: 100%; font-size: 0; outline: none; overflow: hidden; text-indent: 100%; white-space: nowrap; position: absolute; } .header__logo.__page { background: none; } .header__logo.__page a { display: block; background: url("/assets/img/common2025/header-logo.svg") no-repeat 0 0; background-size: 100%; } .nav__li .nav__btn { -webkit-appearance: none; appearance: none; padding: 0; border: 0; border-radius: 0; outline: none; background: transparent; font-family: inherit; display: inline-block; color: #080808; cursor: pointer; filter: opacity(100%); transition: color 0.2s cubic-bezier(0, 0, 1, 1); text-decoration: none; } .nav__li .nav__btn:hover { filter: opacity(80%); color: #00AEF0; } .nav__li .nav__link { display: inline-block; color: #080808; cursor: pointer; text-decoration: none; filter: opacity(100%); transition: filter 0.2s cubic-bezier(0, 0, 1, 1); } .nav__li .nav__link:hover { filter: opacity(80%); } .nav__link .link { display: flex; justify-content: center; align-items: center; border-radius: 100vh; background-color: #7AC143; color: #fff; text-decoration: none; transition: background-color 0.2s cubic-bezier(0, 0, 1, 1); } .nav__link::after { content: ""; position: absolute; width: 0; height: 0; background: url("/assets/img/common2025/icon-nav-download_black.webp") no-repeat -9999px -9999px; visibility: hidden; } .nav__link .link:hover { color: #0B0B0B; background-color: #fff; border: 1px solid #7AC143; } .nav__link i { display: block; background: url("/assets/img/common2025/icon-nav-download.webp") no-repeat 0 0; background-size: 100%; } .nav__link .link:hover i{ background: url("/assets/img/common2025/icon-nav-download_black.webp") no-repeat 0 0; background-size: 100%; } .nav__link i { display: block; background: url("/assets/img/common2025/icon-nav-download.webp") no-repeat 0 0; background-size: 100%; } @media only screen and (max-width: 767px) { .header__logo { width: 65.6vw; height: 26.6666666667vw; top: 5.8666666667vw; left: 5.3333333333vw; } .header__logo.__page a { width: 39.4666666667vw; height: 16vw; } .menu__btn { -webkit-appearance: none; appearance: none; padding: 0; border: 0; border-radius: 0; outline: none; background: transparent; font-family: inherit; position: fixed; z-index: 25; display: flex; justify-content: center; align-items: center; width: 19.7333333333vw; height: 19.7333333333vw; background-color: #7AC143; border-bottom-left-radius: 8vw; cursor: pointer; top: 0; right: 0; } .menu__btn span { display: block; width: 9.0666666667vw; height: 0.2666666667vw; background-color: #fff; position: relative; z-index: 1; } .menu__btn span::before, .menu__btn span::after { content: ""; display: block; width: 9.0666666667vw; height: 0.2666666667vw; background-color: #fff; position: absolute; transition: transform 0.2s linear; } .menu__btn span::before { top: -8px; } .menu__btn span::after { bottom: -8px; } .menu__btn.is-active span { background-color: transparent; } .menu__btn.is-active span::before { transform: translateY(8px) rotate(-45deg); } .menu__btn.is-active span::after { transform: translateY(-8px) rotate(45deg); } .menu__content { position: fixed; top: 0; left: 0; z-index: 20; display: block; width: 100%; height: 100%; visibility: hidden; background: #F9F9F9 url("/assets/img/common2025/menu-bg-sp.webp") no-repeat 0 0; background-size: 100%; opacity: 0; transition: opacity 120ms cubic-bezier(0, 0, 1, 1), visibility 160ms cubic-bezier(0, 0, 0.58, 1); will-change: opacity, visibility; } .menu__content.is-active { visibility: visible; opacity: 1; transition-duration: 320ms, 400ms; } .nav__ul { text-align: center; } .nav__list { position: relative; z-index: 2; padding-top: 24vw; } .nav__li .nav__btn, .nav__li .nav__link { font-size: 4.8vw; font-weight: bold; } .nav__li + .nav__li { margin-top: 10.6666666667vw; } .nav__link .link { gap: 1.3333333333vw; width: 72vw; height: 16vw; margin-top: 13.3333333333vw; margin-right: auto; margin-left: auto; font-size: 4.8vw; } .nav__link i { width: 3.7333333333vw; height: 4.8vw; } } @media screen and (min-width: 768px) { .header { width: 100%; position: fixed; top: 0; left: 0; z-index: 10; transition: top 0.2s linear; } .header[data-appearance=achieved] { height: min(7.3206442167vw, 100px); background-color: #fff; } .header[data-appearance=achieved] .nav__list { display: flex; flex-direction: row-reverse; top: min(1.4641288433vw, 20px); } .header[data-appearance=achieved] .header__logo { width: min(10.980966325vw, 150px); height: min(4.39238653vw, 60px); top: min(1.4641288433vw, 20px); } .header[data-appearance=achieved] .header__logo.__page a { width: min(10.980966325vw, 150px); height: min(4.39238653vw, 60px); } .header[data-scrolled=down][data-appearance=unachieved] { top: max(-15.7393850659vw, -215px); transition: top 0.2s linear; } .header[data-scrolled=down][data-appearance=achieved] { top: 0; transition: top 0.2s linear; } .header[data-scrolled=up][data-appearance=unachieved] { top: max(-15.7393850659vw, -215px); transition: top 0.2s linear; } .header[data-scrolled=up][data-appearance=unachieved] .header__logo { width: min(10.980966325vw, 150px); height: min(4.39238653vw, 60px); top: min(1.4641288433vw, 20px); } .header[data-scrolled=up][data-appearance=unachieved] .header__logo.__page a { width: min(18.3016105417vw, 250px); height: min(7.3206442167vw, 100px); } .header[data-scrolled=up][data-window-top=top] { top: 0; } .header[data-scrolled=up][data-window-top=top] .header__logo { width: min(32.9428989751vw, 450px); height: min(13.2503660322vw, 181px); top: min(2.196193265vw, 30px); } .header[data-scrolled=up][data-window-top=top] .header__logo.__page a { width: min(18.3016105417vw, 250px); height: min(7.3206442167vw, 100px); } .header__logo { width: min(32.9428989751vw, 450px); height: min(13.2503660322vw, 181px); top: min(2.196193265vw, 30px); left: min(3.6603221083vw, 50px); } .header__logo.__page a { width: min(18.3016105417vw, 250px); height: min(7.3206442167vw, 100px); } .nav__list { display: grid; align-items: center; gap: min(2.635431918vw, 36px); position: absolute; top: min(1.4641288433vw, 20px); right: min(2.196193265vw, 30px); } .nav__ul { display: flex; gap: min(2.196193265vw, 30px); order: 2; } .nav__li .nav__btn, .nav__li .nav__link { font-size: min(1.317715959vw, 18px); font-weight: bold; } .nav__wrap { display: flex; gap: min(0.7320644217vw, 10px); } .nav__link { display: flex; order: 1; margin-left: auto; } .nav__link .link { gap: min(0.3660322108vw, 5px); width: min(15.2269399707vw, 208px); height: min(4.39238653vw, 60px); font-size: min(1.1713030747vw, 16px); } .nav__link i { width: min(1.0248901903vw, 14px); height: min(1.317715959vw, 18px); } } .footer { position: relative; z-index: 4; background: #fff; } .footer .footer__logo__wrap { display: flex; justify-content: center; align-items: center; } .footer .logo.__1 .link { display: block; background: url("/assets/img/common2025/footer-logo-1.webp") no-repeat 0 0; background-size: 100%; font-size: 0; outline: none; overflow: hidden; text-indent: 100%; white-space: nowrap; } .footer .footer__text .text { font-weight: bold; } .footer .footer__text .text + .text { margin-top: 1em; } .footer .date { text-align: center; font-weight: normal; } .footer .copy__link { text-align: center; } .footer .copy__link a { color: #004A9C; font-weight: normal; } .footer .copyrights { text-align: center; } .footer .page__top .page__top__btn { -webkit-appearance: none; appearance: none; padding: 0; border: 0; border-radius: 0; outline: none; background: transparent; font-family: inherit; display: block; background: url("/assets/img/common2025/btn-pagetop.webp") no-repeat 0 0; background-size: 100%; font-size: 0; outline: none; overflow: hidden; text-indent: 100%; white-space: nowrap; position: absolute; } @media only screen and (max-width: 767px) { .footer .container { padding: 8vw 0 40vw; } .footer .footer__text .text { font-size: 3.7333333333vw; } .footer .date { margin-top: 10.6666666667vw; font-size: 3.2vw; } .footer .footer__logo__wrap { gap: 6.6666666667vw; margin-top: 8vw; } .footer .logo.__1 .link { width: 40vw; height: 13.3333333333vw; } .footer .logo.__2 .link { width: 36vw; height: 12.8vw; } .footer .copy__link { margin-top: 8vw; font-size: 3.2vw; } .footer .page__top__btn { width: 13.3333333333vw; height: 13.3333333333vw; margin-right: auto; margin-left: auto; right: 5.3333333333vw; bottom: 18.6666666667vw; } } @media screen and (min-width: 768px) { .footer .container { padding: min(2.196193265vw, 30px) 0 min(6.588579795vw, 90px); } .footer .footer__text { text-align: center; } .footer .footer__text .text { font-size: min(1.1713030747vw, 16px); } .footer .date { margin-top: min(2.9282576867vw, 40px); font-size: min(0.878477306vw, 12px); } .footer .footer__logo__wrap { gap: min(2.9282576867vw, 40px); margin-top: min(2.9282576867vw, 40px); } .footer .logo.__1 .link { width: min(17.8623718887vw, 244px); height: min(5.9297218155vw, 81px); } .footer .logo.__2 .link { width: min(15.3733528551vw, 210px); height: min(5.4904831625vw, 75px); } .footer .copy__link { margin-top: min(2.196193265vw, 30px); font-size: min(1.0248901903vw, 14px); } .footer .page__top__btn { width: min(5.1244509517vw, 70px); height: min(5.1244509517vw, 70px); right: min(2.196193265vw, 30px); bottom: min(6.588579795vw, 90px); } } .contact a { color: #fff; } .contact .heading__title.heading__title__type1::after { background-color: #fff; } .contact .contact__title { color: #fff; } .contact .contact__text .text { font-weight: bold; color: #fff; text-align: center; } .contact .contact__text .text + .text { margin-top: 1em; } .contact .contact__note { font-weight: bold; color: #fff; } .contact .contact__detail { text-align: center; color: #fff; } .contact .contact__detail__title, .contact .contact__detail__note, .contact .contact__detail__tell { font-weight: bold; } @media only screen and (max-width: 767px) { .contact .contact__mail .text { margin-top: 8vw; width: 59.7333333333vw; height: 4.8vw; pointer-events: inherit; } .contact .contact__text { margin-top: 8vw; } .contact .contact__text .text { font-size: 3.4666666667vw; } .contact .btn { margin-top: 8vw; } .contact .contact__note { margin-top: 5.3333333333vw; font-size: 3.7333333333vw; line-height: 1.5; } .contact .contact__detail { margin-top: 6.4vw; } .contact .contact__detail__title, .contact .contact__detail__note { font-size: 3.7333333333vw; } .contact .contact__detail__tell { font-size: 6.4vw; } .contact .contact__detail__tell a { text-decoration: none; } } @media screen and (min-width: 768px) { .contact .contact__mail .text { margin-top: min(2.196193265vw, 30px); width: min(20.4978038067vw, 280px); height: min(1.6837481698vw, 23px); pointer-events: none; } .contact .contact__text { margin-top: min(2.196193265vw, 30px); } .contact .contact__text .text { font-size: min(1.317715959vw, 18px); } .contact .btn { margin-top: min(2.196193265vw, 30px); } .contact .contact__note { margin-top: min(2.196193265vw, 30px); font-size: min(1.0248901903vw, 14px); text-align: center; } .contact .contact__detail { margin-top: min(2.196193265vw, 30px); } .contact .contact__detail__title, .contact .contact__detail__note { font-size: min(1.0248901903vw, 14px); } .contact .contact__detail__tell { font-size: min(2.196193265vw, 30px); } } .faq .faq__tab__title { text-align: center; } .faq .note li { padding-left: 1em; text-indent: -1em; } .faq .indent li { padding-left: 1em; text-indent: -1em; } .faq .link__faq { text-align: center; } .faq .link__faq a { color: #870000; font-weight: normal; } .faq .link__faq a:hover { text-decoration: none; } @media only screen and (max-width: 767px) { .faq .btn__round { margin-top: 8vw; } .faq .faq__container { margin-top: 13.3333333333vw; } .faq .faq__tab__title { margin-top: 10.6666666667vw; font-size: 4.8vw; } .faq .btn { margin-top: 8vw; } .faq .link__faq { margin-top: 5.3333333333vw; } .faq .link__faq a { font-size: 4.2666666667vw; } } @media screen and (min-width: 768px) { .faq .btn__round { margin-top: min(3.6603221083vw, 50px); } .faq .faq__tab__container { width: min(68.8140556369vw, 940px); margin-right: auto; margin-left: auto; } .faq .faq__tab__title { margin-top: min(5.1244509517vw, 70px); font-size: min(1.756954612vw, 24px); } .faq .faq__container { margin-top: min(3.6603221083vw, 50px); } .faq .btn { margin-top: min(3.6603221083vw, 50px); } .faq .link__faq { margin-top: min(2.196193265vw, 30px); } .faq .link__faq a { font-size: min(1.1713030747vw, 16px); } } .faq__contents a { color: #004A9C; } .faq__contents .underline { text-decoration: underline; } .faq__contents .keywords__search__form { display: flex; justify-content: center; margin-right: auto; margin-left: auto; background: #fff; box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05); } .faq__contents .keywords__search__form__input { -webkit-appearance: none; appearance: none; padding: 0; border: 0; border-radius: 0; outline: none; background: transparent; font-family: inherit; border: 2px solid #004A9C; border-radius: 10px 0 0 10px; color: #666; font-weight: normal; } .faq__contents .keywords__search__form__submit { -webkit-appearance: none; appearance: none; padding: 0; border: 0; border-radius: 0; outline: none; background: transparent; font-family: inherit; display: flex; justify-content: center; align-items: center; border-radius: 0 10px 10px 0; background-color: #004A9C; color: #fff; } .faq__contents .keywords__search__form__submit::before { content: ""; background: url("/assets/img/common/icon-search.webp") no-repeat 0 0; background-size: 100%; } .faq__contents .faq__category__title .title { font-weight: bold; background-image: linear-gradient(to right, #004A9C, #004A9C); /* 線の色 */ background-size: 100% 2px; background-position: bottom; background-repeat: no-repeat; padding-bottom: 5px; } .faq__contents .sub-title { font-weight: bold; text-align: center; } .faq__contents .tab__list { margin-top: 0; } .faq__contents .faq__nav__round { border: 2px solid #f08301; border-radius: 20px; background-color: #fff; } .faq__contents .faq__nav__round .faq__nav__item { -webkit-appearance: none; appearance: none; padding: 0; border: 0; border-radius: 0; outline: none; background: transparent; font-family: inherit; display: flex; justify-content: center; align-items: center; gap: 5px; cursor: pointer; color: #870000; } .faq__contents .faq__nav__round .faq__nav__item i { display: block; background: url("/assets/img/renew2025/faq/faq-nav-arrow.webp") no-repeat 0 0; background-size: 100%; } @media only screen and (max-width: 767px) { .faq__contents { padding: 8vw 0 26.6666666667vw; } .faq__contents .keywords__search__form { width: 89.3333333333vw; height: 22.1333333333vw; margin-bottom: 10.6666666667vw; padding: 4.2666666667vw 0; border-radius: 2.6666666667vw; } .faq__contents .keywords__search__form__input { width: 67.4666666667vw; height: 13.3333333333vw; padding: 0 4.2666666667vw; font-size: 3.7333333333vw; } .faq__contents .keywords__search__form__submit { width: 13.3333333333vw; height: 13.3333333333vw; } .faq__contents .keywords__search__form__submit::before { width: 4.8vw; height: 4.8vw; } .faq__contents .keywords__search__form__submit span { display: none; } .faq__contents .faq__category__title .title { font-size: 4.8vw; padding: 0 2.4vw 2.4vw; } .faq__contents .faq__category__title .number { margin: 2.6666666667vw 0 0 1em; font-size: 3.2vw; } .faq__contents .sub-title { font-size: 4.8vw; margin: 16vw auto 5.3333333333vw; } .faq__contents .faq__contents__item + .faq__contents__item { margin-top: 21.3333333333vw; } .faq__contents .faq__nav__round { margin-top: 8vw; padding: 8vw 6.4vw; } .faq__contents .faq__nav__round .faq__nav + .faq__nav { margin-top: 5.3333333333vw; } .faq__contents .faq__nav__round .faq__nav__item { font-size: 4.2666666667vw; text-align: left; } .faq__contents .faq__nav__round .faq__nav__item i { flex-shrink: 0; width: 4.8vw; height: 4.8vw; } } @media screen and (min-width: 768px) { .faq__contents { padding: min(2.196193265vw, 30px) 0 min(13.17715959vw, 180px); } .faq__contents .keywords__search__form { width: min(68.8140556369vw, 940px); height: min(7.3206442167vw, 100px); margin-bottom: min(4.39238653vw, 60px); padding: min(1.756954612vw, 24px) 0; border-radius: min(1.4641288433vw, 20px); } .faq__contents .keywords__search__form__input { width: min(54.9048316252vw, 750px); height: min(3.6603221083vw, 50px); padding: 0 min(1.756954612vw, 24px); font-size: min(1.1713030747vw, 16px); } .faq__contents .keywords__search__form__submit { gap: min(0.2196193265vw, 3px); width: min(8.0527086384vw, 110px); height: min(3.6603221083vw, 50px); font-size: min(1.1713030747vw, 16px); } .faq__contents .keywords__search__form__submit::before { width: min(1.317715959vw, 18px); height: min(1.317715959vw, 18px); } .faq__contents .faq__category__title { width: min(68.8140556369vw, 940px); margin-right: auto; margin-left: auto; } .faq__contents .faq__category__title .title { font-size: min(1.6105417277vw, 22px); } .faq__contents .faq__category__title .number { margin: min(1.0980966325vw, 15px) 0 0 1em; font-size: min(1.0248901903vw, 14px); } .faq__contents .sub-title { font-size: min(1.6105417277vw, 22px); margin: min(4.39238653vw, 60px) auto min(2.196193265vw, 30px); } .faq__contents .faq__contents__item + .faq__contents__item { margin-top: min(5.8565153734vw, 80px); } .faq__contents .faq__nav__round { display: flex; flex-wrap: wrap; gap: min(1.4641288433vw, 20px) min(4.39238653vw, 60px); margin-top: min(2.196193265vw, 30px); padding: min(2.196193265vw, 30px) min(2.9282576867vw, 40px); } .faq__contents .faq__nav__round .faq__nav__item { font-size: min(1.1713030747vw, 16px); } .faq__contents .faq__nav__round .faq__nav__item i { width: min(1.317715959vw, 18px); height: min(1.317715959vw, 18px); } } .bread__nav { display: flex; justify-content: right; align-items: center; gap: 1em; } .bread__nav__li { display: flex; justify-content: center; align-items: center; gap: 1em; font-weight: normal; } .bread__nav__li a { color: #004A9C; } .bread__nav__li + .bread__nav__li::before { content: "＞"; display: block; } @media only screen and (max-width: 767px) { .bread__nav { font-size: 3.2vw; } } @media screen and (min-width: 768px) { .bread__nav { font-size: min(1.1713030747vw, 16px); } } .accordion.__type1 .acc__item > .acc__header { display: flex; align-items: center; position: relative; cursor: pointer; background-color: #00AEF0; color: #fff; } .accordion.__type1 .acc__item > .acc__header::after { flex-shrink: 0; content: ""; display: block; background: url("/assets/img/common2025/icon-open-wh.webp") no-repeat center center; background-size: 100%; margin-left: auto; } .accordion.__type1 .acc__item > .acc__header.is-open::after { background: url("/assets/img/common2025/icon-close-wh.webp") no-repeat center center; background-size: 100%; } .accordion.__type1 .acc__item > .acc__body { height: 0; transition: padding-bottom 0.4s linear; overflow: hidden; background-color: rgba(0, 174, 240, 0.05); } .accordion.__type1 .acc__inner__item { background-color: #fff; border: 1px solid #00AEF0; } .accordion.__type1 .acc__inner__item .acc__header { display: flex; position: relative; cursor: pointer; } .accordion.__type1 .acc__inner__item .acc__header::after { flex-shrink: 0; content: ""; display: block; background: url("/assets/img/common2025/icon-open.webp") no-repeat center center; background-size: 100%; margin-left: auto; } .accordion.__type1 .acc__inner__item .acc__header.is-open::after { background: url("/assets/img/common2025/icon-close.webp") no-repeat center center; background-size: 100%; } .accordion.__type1 .acc__inner__item .acc__header .faq__q { flex-shrink: 0; font-weight: bold; color: #00AEF0; } .accordion.__type1 .acc__inner__item .acc__body { display: flex; align-items: flex-start; height: 0; transition: padding-bottom 0.4s linear; overflow: hidden; } .accordion.__type1 .acc__inner__item .acc__body .faq__a { flex-shrink: 0; font-weight: bold; color: #00AEF0; } .accordion.__type1 .acc__inner__item .acc__body .text { font-weight: normal; } .accordion.__type2 .acc__item { background-color: #fff; border: 1px solid #00AEF0; } .accordion.__type2 .acc__item > .acc__header { display: flex; align-items: center; position: relative; cursor: pointer; font-weight: normal; } .accordion.__type2 .acc__item > .acc__header::after { flex-shrink: 0; content: ""; display: block; background: url("/assets/img/common2025/icon-open.webp") no-repeat center center; background-size: 100%; margin-left: auto; } .accordion.__type2 .acc__item > .acc__header.is-open::after { background: url("/assets/img/common2025/icon-close.webp") no-repeat center center; background-size: 100%; } .accordion.__type2 .acc__item > .acc__disable__item { display: flex; align-items: center; position: relative; font-weight: normal; } .accordion.__type2 .acc__item > .acc__disable__link__item { display: flex; align-items: center; position: relative; font-weight: normal; text-decoration: none; color: #000; } .accordion.__type2 .acc__item > .acc__disable__link__item::after { flex-shrink: 0; content: ""; display: block; background: url("/assets/img/common2025/icon-arrow.webp") no-repeat center center; background-size: 100%; margin-left: auto; } .accordion.__type2 .acc__item > .acc__body { height: 0; transition: padding-bottom 0.4s linear; overflow: hidden; font-weight: normal; } .accordion.__type2 .acc__item .date__dl { pointer-events: none; } .accordion.__type2 .acc__inner__item { background-color: rgba(0, 174, 240, 0.05); } .accordion.__type2 .acc__inner__item .acc__header { display: flex; position: relative; cursor: pointer; } .accordion.__type2 .acc__inner__item .acc__header::after { flex-shrink: 0; content: ""; display: block; background: url("/assets/img/common2025/icon-open.webp") no-repeat center center; background-size: 100%; margin-left: auto; } .accordion.__type2 .acc__inner__item .acc__header.is-open::after { background: url("/assets/img/common2025/icon-close.webp") no-repeat center center; background-size: 100%; } .accordion.__type2 .acc__inner__item .acc__header .faq__q { flex-shrink: 0; font-weight: bold; color: #00AEF0; } .accordion.__type2 .acc__inner__item .acc__body { display: flex; align-items: flex-start; height: 0; transition: padding-bottom 0.4s linear; overflow: hidden; } .accordion.__type2 .acc__inner__item .acc__body .faq__a { flex-shrink: 0; font-weight: bold; color: #00AEF0; } .accordion.__type2 .acc__inner__item .acc__body .text { font-weight: normal; } .accordion.__type3 .acc__item { background-color: #fff; border: 1px solid #00AEF0; } .accordion.__type3 .acc__item .acc__header { display: flex; position: relative; cursor: pointer; } .accordion.__type3 .acc__item .acc__header::after { flex-shrink: 0; content: ""; display: block; background: url("/assets/img/common2025/icon-open.webp") no-repeat center center; background-size: 100%; margin-left: auto; } .accordion.__type3 .acc__item .acc__header.is-open::after { background: url("/assets/img/common2025/icon-close.webp") no-repeat center center; background-size: 100%; } .accordion.__type3 .acc__item .acc__header .faq__q { flex-shrink: 0; font-weight: bold; color: #00AEF0; } .accordion.__type3 .acc__item .acc__body { display: flex; align-items: flex-start; height: 0; transition: padding-bottom 0.4s linear; overflow: hidden; } .accordion.__type3 .acc__item .acc__body .faq__a { flex-shrink: 0; font-weight: bold; color: #00AEF0; } .accordion.__type3 .acc__item .acc__body .text { font-weight: normal; } @media only screen and (max-width: 767px) { .accordion.__type1 .acc__item + .acc__item { margin-top: 8vw; } .accordion.__type1 .acc__item > .acc__header { border-radius: 18px; padding: 6.1333333333vw 4.2666666667vw; font-size: 4.8vw; transition: border-radius 0.1s linear 0.4s; } .accordion.__type1 .acc__item > .acc__header::after { width: 3.7333333333vw; height: 3.7333333333vw; } .accordion.__type1 .acc__item > .acc__header.is-open { border-bottom-right-radius: 0; border-bottom-left-radius: 0; transition: border-radius 0.1s linear; } .accordion.__type1 .acc__item > .acc__body { border-bottom-right-radius: 18px; border-bottom-left-radius: 18px; } .accordion.__type1 .acc__item > .acc__body.is-open { padding-bottom: 10.6666666667vw; } .accordion.__type1 .acc__inner__item { width: 84vw; padding: 6.6666666667vw 8vw 0; margin: 8vw auto 0; border-radius: 18px; } .accordion.__type1 .acc__inner__item + .acc__inner__item { margin-top: 8vw; } .accordion.__type1 .acc__inner__item .acc__header { align-items: baseline; padding-bottom: 6.6666666667vw; gap: 2.6666666667vw; } .accordion.__type1 .acc__inner__item .acc__header::after { width: 3.7333333333vw; height: 3.7333333333vw; } .accordion.__type1 .acc__inner__item .acc__header.is-open::after { width: 3.7333333333vw; height: 3.7333333333vw; } .accordion.__type1 .acc__inner__item .acc__header .faq__q { width: 6.6666666667vw; font-size: 4.2666666667vw; } .accordion.__type1 .acc__inner__item .acc__header .text { width: 53.3333333333vw; font-size: 4.2666666667vw; } .accordion.__type1 .acc__inner__item .acc__header .text .note { font-size: 3.7333333333vw; } .accordion.__type1 .acc__inner__item .acc__body { gap: 2.6666666667vw; } .accordion.__type1 .acc__inner__item .acc__body.is-open { padding-bottom: 6.6666666667vw; } .accordion.__type1 .acc__inner__item .acc__body .faq__a { width: 6.6666666667vw; font-size: 4.2666666667vw; } .accordion.__type1 .acc__inner__item .acc__body .text { width: 53.3333333333vw; font-size: 4.2666666667vw; } .accordion.__type2 { margin-top: 5.3333333333vw; } .accordion.__type2 .acc__item { border-radius: 5.3333333333vw; } .accordion.__type2 .acc__item + .acc__item { margin-top: 5.3333333333vw; } .accordion.__type2 .acc__item .date__dt { width: 73.3333333333vw; flex-shrink: 0; } .accordion.__type2 .acc__item .date__dd { margin-top: 2.6666666667vw; width: 73.3333333333vw; } .accordion.__type2 .acc__item > .acc__header { padding: 5.3333333333vw 5.3333333333vw; font-size: 4.2666666667vw; transition: border-radius 0.1s linear 0.4s; } .accordion.__type2 .acc__item > .acc__header::after { width: 3.7333333333vw; height: 3.7333333333vw; } .accordion.__type2 .acc__item > .acc__header.is-open { border-bottom-right-radius: 0; border-bottom-left-radius: 0; transition: border-radius 0.1s linear; } .accordion.__type2 .acc__item > .acc__disable__item { padding: 5.3333333333vw 5.3333333333vw; font-size: 4.2666666667vw; } .accordion.__type2 .acc__item > .acc__disable__link__item { padding: 5.3333333333vw 5.3333333333vw; font-size: 4.2666666667vw; } .accordion.__type2 .acc__item > .acc__disable__link__item::after { width: 3.7333333333vw; height: 3.2vw; } .accordion.__type2 .acc__item > .acc__body { font-size: 4.2666666667vw; } .accordion.__type2 .acc__item > .acc__body.is-open { padding-bottom: 5.3333333333vw; } .accordion.__type2 .acc__inner__item { width: 78.6666666667vw; padding: 5.3333333333vw; margin: 0 auto; border-radius: 2.9333333333vw; } .accordion.__type2 .acc__inner__item + .acc__inner__item { margin-top: 8vw; } .accordion.__type2 .acc__inner__item .acc__header { padding-bottom: 6.6666666667vw; align-items: center; gap: 2.6666666667vw; } .accordion.__type2 .acc__inner__item .acc__header::after { width: 5.8666666667vw; height: 5.8666666667vw; } .accordion.__type2 .acc__inner__item .acc__header.is-open::after { width: 5.8666666667vw; height: 0.8vw; } .accordion.__type2 .acc__inner__item .acc__header .faq__q { width: 8vw; font-size: 6.4vw; } .accordion.__type2 .acc__inner__item .acc__header .text { width: 210.6666666667vw; font-size: 4.2666666667vw; } .accordion.__type2 .acc__inner__item .acc__body { gap: 2.6666666667vw; } .accordion.__type2 .acc__inner__item .acc__body.is-open { padding-bottom: 6.6666666667vw; } .accordion.__type2 .acc__inner__item .acc__body .faq__a { width: 8vw; font-size: 6.4vw; } .accordion.__type2 .acc__inner__item .acc__body .text { width: 210.6666666667vw; margin-top: 0.5em; font-size: 4.2666666667vw; } .accordion.__type2 .acc__inner__item .acc__body .text .note { font-size: 3.7333333333vw; } .accordion.__type3 .acc__item { width: 89.3333333333vw; padding: 5.3333333333vw 5.3333333333vw 0; margin: 4.2666666667vw auto 0; border-radius: 2.9333333333vw; } .accordion.__type3 .acc__item + .acc__item { margin-top: 5.3333333333vw; } .accordion.__type3 .acc__item .acc__header { padding-bottom: 6.6666666667vw; align-items: center; gap: 2.6666666667vw; } .accordion.__type3 .acc__item .acc__header::after { width: 5.8666666667vw; height: 5.8666666667vw; } .accordion.__type3 .acc__item .acc__header.is-open::after { width: 5.8666666667vw; height: 0.8vw; } .accordion.__type3 .acc__item .acc__header .faq__q { width: 8vw; font-size: 6.4vw; } .accordion.__type3 .acc__item .acc__header .text { width: 210.6666666667vw; font-size: 4.2666666667vw; } .accordion.__type3 .acc__item .acc__body { gap: 2.6666666667vw; } .accordion.__type3 .acc__item .acc__body.is-open { padding-bottom: 6.6666666667vw; } .accordion.__type3 .acc__item .acc__body .faq__a { width: 8vw; font-size: 6.4vw; } .accordion.__type3 .acc__item .acc__body .text { width: 210.6666666667vw; margin-top: 0.5em; font-size: 4.2666666667vw; } .accordion.__type3 .acc__item .acc__body .text .note { font-size: 3.7333333333vw; } } @media screen and (min-width: 768px) { .accordion.__type1 .acc__item + .acc__item { margin-top: min(2.9282576867vw, 40px); } .accordion.__type1 .acc__item > .acc__header { border-radius: 40px; padding: min(1.9033674963vw, 26px) min(3.6603221083vw, 50px); font-size: min(1.6105417277vw, 22px); transition: border-radius 0.1s linear 0.4s; } .accordion.__type1 .acc__item > .acc__header::after { width: min(1.6105417277vw, 22px); height: min(1.6105417277vw, 22px); } .accordion.__type1 .acc__item > .acc__header.is-open { border-bottom-right-radius: 0; border-bottom-left-radius: 0; transition: border-radius 0.1s linear; } .accordion.__type1 .acc__item > .acc__body { border-bottom-right-radius: 40px; border-bottom-left-radius: 40px; } .accordion.__type1 .acc__item > .acc__body.is-open { padding-bottom: min(3.6603221083vw, 50px); } .accordion.__type1 .acc__inner__item { width: min(68.8140556369vw, 940px); padding: min(1.8301610542vw, 25px) min(2.196193265vw, 30px) 0; margin: min(2.9282576867vw, 40px) auto 0; border-radius: min(2.7818448023vw, 38px); } .accordion.__type1 .acc__inner__item + .acc__inner__item { margin-top: min(2.196193265vw, 30px); } .accordion.__type1 .acc__inner__item .acc__header { padding-bottom: min(1.8301610542vw, 25px); align-items: center; gap: min(0.7320644217vw, 10px); } .accordion.__type1 .acc__inner__item .acc__header::after { width: min(1.6105417277vw, 22px); height: min(1.6105417277vw, 22px); } .accordion.__type1 .acc__inner__item .acc__header.is-open::after { width: min(1.6105417277vw, 22px); height: min(0.2196193265vw, 3px); } .accordion.__type1 .acc__inner__item .acc__header .faq__q { width: min(2.196193265vw, 30px); font-size: min(1.756954612vw, 24px); } .accordion.__type1 .acc__inner__item .acc__header .text { width: min(57.8330893119vw, 790px); font-size: min(1.1713030747vw, 16px); } .accordion.__type1 .acc__inner__item .acc__body { gap: min(0.7320644217vw, 10px); } .accordion.__type1 .acc__inner__item .acc__body.is-open { padding-bottom: min(1.8301610542vw, 25px); } .accordion.__type1 .acc__inner__item .acc__body .faq__a { width: min(2.196193265vw, 30px); font-size: min(1.756954612vw, 24px); } .accordion.__type1 .acc__inner__item .acc__body .text { width: min(57.8330893119vw, 790px); margin-top: 0.5em; font-size: min(1.1713030747vw, 16px); } .accordion.__type1 .acc__inner__item .acc__body .text .note { font-size: min(1.0248901903vw, 14px); } .accordion.__type2 { margin-top: min(2.9282576867vw, 40px); } .accordion.__type2 .acc__item { border-radius: min(2.196193265vw, 30px); } .accordion.__type2 .acc__item + .acc__item { margin-top: min(2.9282576867vw, 40px); } .accordion.__type2 .acc__item .date__dl { display: flex; justify-content: left; } .accordion.__type2 .acc__item .date__dt { width: min(11.7130307467vw, 160px); flex-shrink: 0; } .accordion.__type2 .acc__item .date__dd { width: min(61.4934114202vw, 840px); } .accordion.__type2 .acc__item > .acc__header { border-radius: 40px; padding: min(1.9033674963vw, 26px) min(2.196193265vw, 30px); font-size: min(1.317715959vw, 18px); transition: border-radius 0.1s linear 0.4s; } .accordion.__type2 .acc__item > .acc__header::after { width: min(1.6105417277vw, 22px); height: min(1.6105417277vw, 22px); } .accordion.__type2 .acc__item > .acc__header.is-open { border-bottom-right-radius: 0; border-bottom-left-radius: 0; transition: border-radius 0.1s linear; } .accordion.__type2 .acc__item > .acc__disable__item { border-radius: 40px; padding: min(1.9033674963vw, 26px) min(2.196193265vw, 30px); font-size: min(1.317715959vw, 18px); } .accordion.__type2 .acc__item > .acc__disable__link__item { border-radius: 40px; padding: min(1.9033674963vw, 26px) min(2.196193265vw, 30px); font-size: min(1.317715959vw, 18px); } .accordion.__type2 .acc__item > .acc__disable__link__item::after { width: min(1.6105417277vw, 22px); height: min(1.317715959vw, 18px); } .accordion.__type2 .acc__item > .acc__body { font-size: min(1.317715959vw, 18px); } .accordion.__type2 .acc__item > .acc__body.is-open { padding-bottom: min(2.196193265vw, 30px); } .accordion.__type2 .acc__inner__item { width: min(76.1346998536vw, 1040px); padding: min(1.756954612vw, 24px) min(4.39238653vw, 60px); margin: 0 auto; border-radius: min(0.8052708638vw, 11px); } .accordion.__type2 .acc__inner__item + .acc__inner__item { margin-top: min(2.196193265vw, 30px); } .accordion.__type2 .acc__inner__item .acc__header { padding-bottom: min(1.8301610542vw, 25px); align-items: center; gap: min(0.7320644217vw, 10px); } .accordion.__type2 .acc__inner__item .acc__header::after { width: min(1.6105417277vw, 22px); height: min(1.6105417277vw, 22px); } .accordion.__type2 .acc__inner__item .acc__header.is-open::after { width: min(1.6105417277vw, 22px); height: min(0.2196193265vw, 3px); } .accordion.__type2 .acc__inner__item .acc__header .faq__q { width: min(2.196193265vw, 30px); font-size: min(1.756954612vw, 24px); } .accordion.__type2 .acc__inner__item .acc__header .text { width: min(57.8330893119vw, 790px); font-size: min(1.1713030747vw, 16px); } .accordion.__type2 .acc__inner__item .acc__body { gap: min(0.7320644217vw, 10px); } .accordion.__type2 .acc__inner__item .acc__body.is-open { padding-bottom: min(1.8301610542vw, 25px); } .accordion.__type2 .acc__inner__item .acc__body .faq__a { width: min(2.196193265vw, 30px); font-size: min(1.756954612vw, 24px); } .accordion.__type2 .acc__inner__item .acc__body .text { width: min(57.8330893119vw, 790px); margin-top: 0.5em; font-size: min(1.1713030747vw, 16px); } .accordion.__type2 .acc__inner__item .acc__body .text .note { font-size: min(1.0248901903vw, 14px); } .accordion.__type3 .acc__item { width: min(68.8140556369vw, 940px); padding: min(1.8301610542vw, 25px) min(2.196193265vw, 30px) 0; margin: min(2.9282576867vw, 40px) auto 0; border-radius: min(2.7818448023vw, 38px); } .accordion.__type3 .acc__item + .acc__item { margin-top: min(2.9282576867vw, 40px); } .accordion.__type3 .acc__item .acc__header { padding-bottom: min(1.8301610542vw, 25px); align-items: center; gap: min(0.7320644217vw, 10px); } .accordion.__type3 .acc__item .acc__header::after { width: min(1.6105417277vw, 22px); height: min(1.6105417277vw, 22px); } .accordion.__type3 .acc__item .acc__header.is-open::after { width: min(1.6105417277vw, 22px); height: min(0.2196193265vw, 3px); } .accordion.__type3 .acc__item .acc__header .faq__q { width: min(2.196193265vw, 30px); font-size: min(1.756954612vw, 24px); } .accordion.__type3 .acc__item .acc__header .text { width: min(57.8330893119vw, 790px); font-size: min(1.1713030747vw, 16px); } .accordion.__type3 .acc__item .acc__body { gap: min(0.7320644217vw, 10px); } .accordion.__type3 .acc__item .acc__body.is-open { padding-bottom: min(1.8301610542vw, 25px); } .accordion.__type3 .acc__item .acc__body .faq__a { width: min(2.196193265vw, 30px); font-size: min(1.756954612vw, 24px); } .accordion.__type3 .acc__item .acc__body .text { width: min(57.8330893119vw, 790px); margin-top: 0.5em; font-size: min(1.1713030747vw, 16px); } .accordion.__type3 .acc__item .acc__body .text .note { font-size: min(1.0248901903vw, 14px); } } .kv .container { padding-top: 1px; } .kv .kv__heading__title { background: url("/assets/img/renew2025/faq/faq-title.webp") no-repeat 0 0; background-size: 100%; font-size: 0; outline: none; overflow: hidden; text-indent: 100%; white-space: nowrap; } @media only screen and (max-width: 767px) { .kv { padding-top: 26.6666666667vw; } .kv .kv__heading__title { width: 40vw; height: 6.4vw; margin-top: 8vw; } } @media screen and (min-width: 768px) { .kv { padding-top: min(14.6412884334vw, 200px); } .kv .container { display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse; } .kv .kv__heading__title { width: min(16.4714494876vw, 225px); height: min(2.635431918vw, 36px); } } .faq__contents .acc__body .text a{ word-break: break-word; overflow-wrap: break-word; white-space: normal; }