@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) */ *: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; } .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: #fcfcf5; } .__white { background-color: #fff; } .__orange { background-color: #f08300; } .__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: #910000; color: #fff; font-weight: bold; text-align: center; margin-right: auto; margin-left: auto; text-decoration: none; filter: drop-shadow(0 8px 0 rgb(114, 0, 0)); transform: translateY(0); transition: tarnsform 0.2s linear; } .btn .link:hover { filter: drop-shadow(0 0 0 rgb(114, 0, 0)); 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)); transform: translateY(0); } .btn.btn__yellow .link { gap: 5px; background-color: #ffdf58; color: #000; filter: drop-shadow(0 8px 0 rgb(244, 180, 61)); } .btn.btn__yellow .link i { display: block; background: url("/assets/img/common/btn-yellow-icon-arrow.webp") no-repeat 0 0; background-size: 100%; } .btn.btn__yellow .link:hover { filter: drop-shadow(0 0 0 rgb(244, 180, 61)); transform: translateY(8px); } .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/common/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/common/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/common/btn-icon-download.webp") no-repeat 0 0; background-size: 100%; } .btn.btn__zip .link { gap: 10px; } .btn.btn__zip .link i { display: block; background: url("/assets/img/common/btn-icon-zip.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.btn__site .link { gap: 10px; } .btn.btn__site .link i { display: block; background: url("/assets/img/common/btn-icon-site.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/common/btn-round-icon-pdf.webp") no-repeat 0 0; background-size: 100%; } .tab__list { display: flex; justify-content: center; align-items: center; border-bottom: 4px solid #f08301; } .tab__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; background-color: #fff; border-top: 2px solid #f08301; border-right: 2px solid #f08301; border-left: 2px solid #f08301; border-radius: 20px 20px 0 0; color: #f08301; } .tab__nav__item.current { background-color: #f08301; color: #fff; } .tab__group { display: none; height: 0; visibility: hidden; opacity: 0; } .tab__group.current { display: block; height: auto; visibility: visible; opacity: 1; } .round__area.__type1 .round__area__header { background-color: #f08300; 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 #f08300; } .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 #f08300; } .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: #870000; } .round__table .bold { font-weight: bold; } .round__table.__type1 .table__heading { display: flex; align-items: center; background-color: #f08300; color: #fff; font-weight: bold; text-align: center; } .round__table.__type1 .table__body { border: 1px solid #f08300; } .round__table.__type1 .table__body__row { border-bottom: 1px solid #f08300; } .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 #f08300; } .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: #f08300; 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.seminar__title::before { background: url("/assets/img/common/icon-seminar.webp") no-repeat 0 0; background-size: 100%; } .heading__title.heading__title__type2 .title.period__title::before { background: url("/assets/img/common/icon-period.webp") no-repeat 0 0; background-size: 100%; } .heading__title.heading__title__type2 .title.schedule__title::before { background: url("/assets/img/common/icon-schedule.webp") no-repeat 0 0; background-size: 100%; } .heading__title.heading__title__type2 .title.history__title::before { background: url("/assets/img/common/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: #870000; } .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/common/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 #870000; 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/common/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__zip .link i { width: 2.9333333333vw; height: 3.4666666667vw; } .btn.btn__back .link i { width: 2.6666666667vw; height: 2.9333333333vw; } .btn.btn__site .link i { width: 6.9333333333vw; height: 6.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; } .tab__list { gap: 4.2666666667vw; margin: 5.3333333333vw 0 8vw; } .tab__nav__item { width: 42.6666666667vw; height: 15.4666666667vw; font-size: 4.8vw; } .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: #f08300; } .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 #f08300; } .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: #f08300; } .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/common/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/common/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); } .tab__list { gap: min(1.4641288433vw, 20px); margin-top: min(2.196193265vw, 30px); } .tab__nav__item { width: min(33.6749633968vw, 460px); height: min(5.6368960469vw, 77px); font-size: min(2.0497803807vw, 28px); } .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 #f08300; } .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: #f08300; 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 #f08300; } .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/common/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: #f08300; } .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: #ffdf58; text-decoration: none; transition: background-color 0.2s cubic-bezier(0, 0, 1, 1); } .nav__link .link:hover { background-color: #fff; border: 1px solid #ffdf58; } .nav__link i { display: block; background: url("/assets/img/common/icon-nav-download.webp") no-repeat 0 0; background-size: 100%; } .nav__link__koufu .link { display: flex; justify-content: center; align-items: center; border-radius: 100vh; color: #fff; background-color: #870000; text-decoration: none; transition: background-color 0.2s cubic-bezier(0, 0, 1, 1); } .nav__link__koufu .link:hover { background-color: #fff; border: 1px solid #870000; color: #000; } @media only screen and (max-width: 767px) { .header__logo { width: 65.6vw; height: 26.6666666667vw; /* top: 5.8666666667vw; */ top: calc(5.8666666667vw + calc(60 / 375 * 100vw)); 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: #ffdf58; border-bottom-left-radius: 8vw; cursor: pointer; top: calc(60 / 375 * 100vw); right: 0; } .menu__btn span { display: block; width: 9.0666666667vw; height: 0.2666666667vw; background-color: #000; position: relative; z-index: 1; } .menu__btn span::before, .menu__btn span::after { content: ""; display: block; width: 9.0666666667vw; height: 0.2666666667vw; background-color: #000; 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: #fcfcf5 url("/assets/img/common/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; } .nav__link__koufu .link { width: 72vw; height: 16vw; margin-top: 13.3333333333vw; margin-right: auto; margin-left: auto; font-size: 4.8vw; } } @media screen and (min-width: 768px) { .header { width: 100%; position: fixed; /* top: 0; */ top: min(calc(50 / 1366 * 100vw), 50px); 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; */ top: min(calc(50 / 1366 * 100vw), 50px); 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: min(calc(50 / 1366 * 100vw), 50px); } .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); } .nav__link__koufu { display: flex; } .nav__link__koufu .link { width: min(17.2767203514vw, 236px); height: min(4.39238653vw, 60px); font-size: min(1.1713030747vw, 16px); } } .footer { position: relative; } .footer .footer__logo__wrap { display: flex; justify-content: center; align-items: center; } .footer .logo.__1 .link { display: block; background: url("/assets/img/common/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 .logo.__2 .link { display: block; background: url("/assets/img/common/footer-logo-2.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: #720000; 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/common/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); } } .about .about__movie { margin-right: auto; margin-left: auto; width: 100%; aspect-ratio: 16/9; border: 1px solid #f08300; } .about .about__movie iframe { width: 100%; height: 100%; } .about .about__lead { text-align: center; font-weight: normal; } .about .about__lead span { font-weight: bold; color: #910000; text-decoration: underline; } .about .round__area .desc { margin-top: min(1.4641288433vw, 20px); } .about .round__area .desc .text { font-weight: normal; } .about .round__area__row .item__title { font-weight: bold; color: #f08300; border: 1px solid #f08300; } .about .round__area__row .item__body { font-weight: bold; } @media only screen and (max-width: 767px) { .about .about__movie { margin-top: 8vw; width: 89.3333333333vw; } .about .about__lead { margin-top: 10.1333333333vw; } .about .about__lead .text { font-size: 4.8vw; line-height: 2; } .about .about__figure__1 { width: 78.6666666667vw; margin: 10.6666666667vw auto 0; } .about .about__figure__2 { width: 89.3333333333vw; margin: 8vw auto 0; } } @media screen and (min-width: 768px) { .about .about__movie { margin-top: min(2.9282576867vw, 40px); width: min(55.6368960469vw, 760px); } .about .about__lead { margin-top: min(2.9282576867vw, 40px); } .about .about__lead .text { font-size: min(1.4641288433vw, 20px); line-height: 2.3; } .about .about__figure__1 { width: min(68.1551976574vw, 931px); margin: min(5.1244509517vw, 70px) auto 0; } .about .about__figure__2 { width: min(80.5270863836vw, 1100px); margin: min(4.39238653vw, 60px) auto 0; } } .target .target__title { font-size: 0; outline: none; overflow: hidden; text-indent: 100%; white-space: nowrap; margin-right: auto; margin-left: auto; } .target .target__item { background-color: #fff; } .target .target__item .figure { margin-right: auto; margin-left: auto; } .target .target__item .target__item__title { font-weight: bold; color: #f08300; text-align: center; } .target .target__text { color: #fff; text-align: center; } .target .target__text a { color: #fff; } .target .target__note { font-weight: normal; color: #fff; } @media only screen and (max-width: 767px) { .target .target__title { width: 76.2666666667vw; height: 13.6vw; background: url("/assets/img/common/target-title-sp.webp") no-repeat 0 0; background-size: 100%; } .target .target__contents { margin-top: 8vw; } .target .target__item { padding: 2.9333333333vw 0 8vw; border-radius: 8vw; } .target .target__item + .target__item { margin-top: 5.3333333333vw; } .target .target__item .figure { width: 42.6666666667vw; } .target .target__item .target__item__title { margin-top: 2.4vw; font-size: 5.3333333333vw; line-height: 1.4; } .target .target__text { margin-top: 13.3333333333vw; font-size: 5.3333333333vw; } .target .target__text a { font-size: 6.4vw; } .target .target__note { margin-top: 13.3333333333vw; font-size: 3.7333333333vw; } .target .target__note li + li { margin-top: 5.3333333333vw; } } @media screen and (min-width: 768px) { .target .target__title { width: min(47.2913616398vw, 646px); height: min(2.4890190337vw, 34px); background: url("/assets/img/common/target-title.webp") no-repeat 0 0; background-size: 100%; } .target .target__contents { display: flex; justify-content: center; flex-wrap: wrap; gap: min(2.196193265vw, 30px); margin-top: min(4.39238653vw, 60px); } .target .target__item { width: min(24.5241581259vw, 335px); padding: min(0.8052708638vw, 11px) 0 min(2.9282576867vw, 40px); border-radius: min(2.196193265vw, 30px); } .target .target__item .figure { width: min(11.7130307467vw, 160px); } .target .target__item .target__item__title { margin-top: min(0.6588579795vw, 9px); font-size: min(1.4641288433vw, 20px); line-height: 1.3; } .target .target__text { margin-top: min(3.6603221083vw, 50px); font-size: min(1.756954612vw, 24px); } .target .target__text a { font-size: min(2.0497803807vw, 28px); } .target .target__note { margin-top: min(3.6603221083vw, 50px); font-size: min(1.0248901903vw, 14px); } .target .target__note li + li { margin-top: min(1.4641288433vw, 20px); } } .jgrants .jgrants__area { background-color: #910000; } .jgrants .jgrants__area .note { color: #fff; text-align: center; } .jgrants .jgrants__area__title { display: flex; justify-content: center; align-items: center; font-weight: bold; color: #fff; text-align: center; } .jgrants .jgrants__area__title::before, .jgrants .jgrants__area__title::after { content: ""; display: block; width: 2px; background-color: #fff; } .jgrants .jgrants__area__title::before { transform: rotate(-30deg); } .jgrants .jgrants__area__title::after { transform: rotate(30deg); } .jgrants .jgrants__area__text { font-weight: bold; color: #fff; text-align: center; } .jgrants .jgrants__kouhu__title { font-weight: bold; text-align: center; } .jgrants .jgrants__kouhu__text { font-weight: normal; text-align: center; } @media only screen and (max-width: 767px) { .jgrants .jgrants__area { padding: 8vw 0; border-radius: 2.6666666667vw; } .jgrants .jgrants__area__title { gap: 4vw; font-size: 4.8vw; } .jgrants .jgrants__area__title::before, .jgrants .jgrants__area__title::after { height: 6.4vw; } .jgrants .jgrants__area__text { margin-top: 2.6666666667vw; font-size: 5.3333333333vw; } .jgrants .btn { margin-top: 4.8vw; } .jgrants .btn .link { width: 74.6666666667vw; } .jgrants .note { margin-top: 5.3333333333vw; font-size: 3.7333333333vw; } .jgrants .jgrants__kouhu__title { margin-top: 10.6666666667vw; font-size: 4.8vw; } .jgrants .jgrants__kouhu__text { margin: 5.3333333333vw 0; font-size: 4.2666666667vw; } } @media screen and (min-width: 768px) { .jgrants .jgrants__area { padding: min(3.2210834553vw, 44px) 0; border-radius: min(1.4641288433vw, 20px); } .jgrants .jgrants__area__title { gap: min(1.0980966325vw, 15px); font-size: min(1.756954612vw, 24px); } .jgrants .jgrants__area__title::before, .jgrants .jgrants__area__title::after { height: min(1.756954612vw, 24px); } .jgrants .jgrants__area__text { margin-top: min(0.7320644217vw, 10px); font-size: min(1.756954612vw, 24px); } .jgrants .btn { margin-top: min(1.317715959vw, 18px); } .jgrants .note { margin-top: min(2.5622254758vw, 35px); font-size: min(1.0248901903vw, 14px); } .jgrants .jgrants__kouhu__title { margin-top: min(4.39238653vw, 60px); font-size: min(1.756954612vw, 24px); } .jgrants .jgrants__kouhu__text { margin: min(1.8301610542vw, 25px) 0; font-size: min(1.317715959vw, 18px); } } .schedule { position: relative; z-index: 3; } .schedule .schedule__heading { position: relative; } .schedule .schedule__heading .schedule__heading__title { background: url("/assets/img/common/schedule-title.webp") no-repeat 0 0; background-size: 100%; font-size: 0; outline: none; overflow: hidden; text-indent: 100%; white-space: nowrap; } .schedule .schedule__heading .schedule__heading__figure { background: url("/assets/img/common/schedule-heading-figure.webp") no-repeat 0 0; background-size: 100%; font-size: 0; outline: none; overflow: hidden; text-indent: 100%; white-space: nowrap; position: absolute; right: 0; } .schedule .schedule__catch { text-align: center; color: #f08301; } .schedule .schedule__contents .figure { position: relative; } .schedule .schedule__contents .figure__link { position: absolute; } .schedule .schedule__contents .figure__link a { display: flex; justify-content: center; align-items: center; gap: 5px; color: #870000; text-decoration: underline; } .schedule .schedule__contents .figure__link a i { display: block; background: url("/assets/img/common/schedule-figure-arrow.webp") no-repeat 0 0; background-size: 100%; font-size: 0; outline: none; overflow: hidden; text-indent: 100%; white-space: nowrap; } .schedule .note { font-weight: normal; } @media only screen and (max-width: 767px) { .schedule { margin-top: 13.3333333333vw; } .schedule .schedule__heading .schedule__heading__title { width: 41.6vw; height: 6.9333333333vw; } .schedule .schedule__heading .schedule__heading__figure { width: 43.2vw; height: 26.4vw; top: max(-19.7657393851vw, -270px); } .schedule .schedule__catch { font-size: 4.2666666667vw; margin-top: 5.3333333333vw; } .schedule .schedule__contents { margin-top: 4vw; } .schedule .schedule__contents .schedule__swipe__container { width: 94.6666666667vw; overflow-x: scroll; } .schedule .schedule__contents .figure__text { width: 86.1333333333vw; height: 3.4666666667vw; margin-top: 2.6666666667vw; background: url("/assets/img/common/schedule-figure-text.webp") no-repeat 0 0; background-size: 100%; font-size: 0; outline: none; overflow: hidden; text-indent: 100%; white-space: nowrap; } .schedule .schedule__contents .figure__link { top: 52.5333333333vw; left: 32vw; } .schedule .schedule__contents .figure__link a { font-size: 3.2vw; } .schedule .schedule__contents .figure__link a i { width: 4.8vw; height: 4.8vw; } .schedule .note { margin-top: 5.3333333333vw; font-size: 3.7333333333vw; } .schedule .btn { margin-top: 6.6666666667vw; } } @media screen and (min-width: 768px) { .schedule { margin-top: min(4.39238653vw, 60px); } .schedule .schedule__heading .schedule__heading__title { width: min(18.3016105417vw, 250px); height: min(2.9282576867vw, 40px); } .schedule .schedule__heading .schedule__heading__figure { width: min(22.3279648609vw, 305px); height: min(13.6896046852vw, 187px); top: max(-10.6881405564vw, -146px); } .schedule .schedule__catch { font-size: min(1.4641288433vw, 20px); margin-top: min(1.4641288433vw, 20px); } .schedule .schedule__contents { margin-top: min(2.196193265vw, 30px); } .schedule .schedule__contents .figure__link { top: min(12.4450951684vw, 170px); left: min(18.8140556369vw, 257px); } .schedule .schedule__contents .figure__link a { font-size: min(0.878477306vw, 12px); } .schedule .schedule__contents .figure__link a i { width: min(1.317715959vw, 18px); height: min(1.317715959vw, 18px); } .schedule .note { margin-top: min(1.4641288433vw, 20px); font-size: min(1.0248901903vw, 14px); text-align: center; } .schedule .btn__wrap { display: flex; justify-content: center; gap: min(2.9282576867vw, 40px); } .schedule .btn { margin-top: min(2.9282576867vw, 40px); } } .info .info__list { overflow-y: scroll; } .info .info__row { font-weight: normal; border-bottom: 1px dotted #b9b9b9; } .info .info__row.link { text-decoration: none; color: #000; filter: opacity(100%); transition: filter 0.2s cubic-bezier(0, 0, 1, 1); } .info .info__row.link::after { content: ""; display: block; background: url("/assets/img/common/icon-arrow-red.webp") no-repeat 0 0; background-size: 100%; font-size: 0; outline: none; overflow: hidden; text-indent: 100%; white-space: nowrap; } .info .info__row.link:hover { filter: opacity(60%); } .info .bold { font-weight: bold; } .info a { color: #910000; } .info button { -webkit-appearance: none; appearance: none; padding: 0; border: 0; border-radius: 0; outline: none; background: transparent; font-family: inherit; color: #910000; text-decoration: underline; } .info button:hover { text-decoration: none; } @media only screen and (max-width: 767px) { .info { margin-top: 10.6666666667vw; } .info .info__list { height: 100vw; margin-top: 2.6666666667vw; } .info .info__row { padding: 5.3333333333vw 0; } .info .info__row.link { display: block; position: relative; } .info .info__row.link::after { flex-shrink: 0; width: 3.7333333333vw; height: 3.4666666667vw; position: absolute; right: 0; top: 50%; } .info .info__row .date { width: 75.4666666667vw; font-size: 4.2666666667vw; } .info .info__row .text { width: 75.4666666667vw; margin-top: 4vw; font-size: 4.2666666667vw; } } @media screen and (min-width: 768px) { .info { margin-top: min(7.3206442167vw, 100px); } .info .info__list { height: min(15.3733528551vw, 210px); margin-top: min(4.39238653vw, 60px); } .info .info__row { display: flex; align-items: center; gap: min(1.8301610542vw, 25px); padding: min(1.1713030747vw, 16px); } .info .info__row.link::after { width: min(1.0248901903vw, 14px); height: min(0.9516837482vw, 13px); } .info .info__row .date { flex-shrink: 0; min-width: min(10.2489019034vw, 140px); font-size: min(1.1713030747vw, 16px); } .info .info__row .text { min-width: min(61.4934114202vw, 840px); font-size: min(1.1713030747vw, 16px); } } .summary .btn__wrap__item__title .title { font-weight: bold; text-align: center; } .summary .seminar__movie { margin-right: auto; margin-left: auto; width: 100%; aspect-ratio: 16/9; border: 1px solid #f08300; } .summary .seminar__movie iframe { width: 100%; height: 100%; } .summary .period .round__area__row .item__title { font-weight: bold; color: #f08300; border: 1px solid #f08300; } .summary .period .round__area__row .item__body { font-weight: bold; } .summary .period .note { text-align: center; color: #e00000; } .summary .contents__heading { font-size: 0; outline: none; overflow: hidden; text-indent: 100%; white-space: nowrap; } .summary .contents__heading.__1 { background: url("/assets/img/common/summary-heading-tittle-1.webp") no-repeat 0 0; background-size: 100%; } .summary .contents__heading.__2 { background: url("/assets/img/common/summary-heading-tittle-2.webp") no-repeat 0 0; background-size: 100%; } .summary .contents__heading.__3 { background: url("/assets/img/common/summary-heading-tittle-3.webp") no-repeat 0 0; background-size: 100%; } .summary .table__note { font-weight: normal; overflow-wrap: break-word; } .summary .table__note a { color: #910000; } .summary .acc__header { display: flex; align-items: center; position: relative; border-bottom: 2px solid #f08300; } .summary .acc__header::after { flex-shrink: 0; content: ""; display: block; background: url("/assets/img/common/icon-open.webp") no-repeat 0 0; background-size: 100%; margin-left: auto; } .summary .acc__header.is-open::after { background: url("/assets/img/common/icon-close.webp") no-repeat 0 0; background-size: 100%; } .summary .acc__body { height: 0; overflow: hidden; } .summary .round__table__text { text-align: center; } .summary .round__table__text a { color: #910000; } .summary .rect__article .note { font-weight: normal; } .summary .rect__article .note a { color: #910000; } .summary .rect__article .center { text-align: center; } .summary .rect__article .bold { font-weight: bold; } .summary .rect__article .red { color: #e00000; } @media only screen and (max-width: 767px) { .summary .seminar__title { margin-top: 10.6666666667vw; } .summary .btn__wrap { margin-top: 8vw; } .summary .btn__wrap .btn { margin-top: 2.6666666667vw; } .summary .btn__wrap .btn + .btn { margin-top: 5.3333333333vw; } .summary .btn__wrap .btn__wrap__item__title .title { font-size: 4.8vw; } .summary .btn__wrap + .btn__wrap { margin-top: 5.3333333333vw; } .summary .btn__wrap .btn__wrap__item + .btn__wrap__item { margin-top: 8vw; } .summary .seminar__movie { margin-top: 3.2vw; width: 89.3333333333vw; } .summary .period { margin-top: 21.3333333333vw; } .summary .period .round__area__header { margin-top: 5.3333333333vw; } .summary .period .round__area__body { padding: 8vw 0; } .summary .period .round__area__row { text-align: center; } .summary .period .round__area__row .item__title { display: inline-block; margin: 0 auto; padding: 2px 5px; } .summary .period .round__area__row .row__item { justify-content: start; } .summary .period .round__area__row .row__item + .row__item { margin-top: 2.6666666667vw; } .summary .period .round__area__row .item__title, .summary .period .round__area__row .item__body { font-size: 4.2666666667vw; } .summary .period .round__area__row .item__body { margin-top: 1.3333333333vw; } .summary .period .note { margin-top: 2.6666666667vw; font-size: 4.2666666667vw; } .summary .contents__heading.__1 { width: 61.3333333333vw; height: 6.9333333333vw; } .summary .contents__heading.__2 { width: 29.3333333333vw; height: 6.9333333333vw; } .summary .contents__heading.__3 { width: 72.5333333333vw; height: 6.9333333333vw; margin-top: 16vw; } .summary .contents__heading__text { margin-top: 5.3333333333vw; font-size: 4.2666666667vw; font-weight: normal; } .summary .history { margin-top: 16vw; } .summary .history .history__title { margin-bottom: 5.3333333333vw; } .summary .table__note { margin-top: 5.3333333333vw; font-size: 3.7333333333vw; } .summary .acc__header { padding-bottom: 2.6666666667vw; } .summary .acc__header::after { width: 3.7333333333vw; height: 3.7333333333vw; } .summary .acc__header.is-open::after { width: 3.7333333333vw; height: 0.5333333333vw; } .summary .acc__body + .acc__header { margin-top: 10.6666666667vw; } .summary .rect__article { margin-top: 10.6666666667vw; } .summary .rect__article .btn .link { width: 74.6666666667vw; } .summary .rect__article .note { margin-top: 6.6666666667vw; font-size: 3.7333333333vw; } .summary .rect__article .text { margin-top: 6.6666666667vw; font-size: 3.7333333333vw; } .summary .round__table__text { margin-top: 5.3333333333vw; text-align: center; font-size: 5.3333333333vw; } .summary .round__table__text a { font-size: 6.4vw; } } @media screen and (min-width: 768px) { .summary .seminar__title { margin-top: min(4.39238653vw, 60px); } .summary .btn__wrap { margin-top: min(4.39238653vw, 60px); } .summary .btn__wrap .btn__wrap__item__title .title { font-size: min(1.756954612vw, 24px); } .summary .btn__wrap .btn { margin-top: min(0.7320644217vw, 10px); } .summary .btn__wrap + .btn__wrap { margin-top: min(2.9282576867vw, 40px); } .summary .seminar__movie { margin-top: min(0.878477306vw, 12px); width: min(55.6368960469vw, 760px); } .summary .period { margin-top: min(5.8565153734vw, 80px); } .summary .period .round__area__header { margin-top: min(1.4641288433vw, 20px); } .summary .period .round__area__row { display: flex; justify-content: center; align-items: center; gap: 40px; } .summary .period .round__area__row .item__title { padding: 2px 5px; } .summary .period .round__area__row .item__title, .summary .period .round__area__row .item__body { font-size: min(1.4641288433vw, 20px); } .summary .period .row__item { display: flex; justify-content: center; align-items: center; gap: 10px; } .summary .period .note { margin-top: min(1.756954612vw, 24px); font-size: min(1.4641288433vw, 20px); } .summary .contents__heading.__1 { width: min(26.7203513909vw, 365px); height: min(2.9282576867vw, 40px); } .summary .contents__heading.__2 { width: min(12.6647144949vw, 173px); height: min(2.9282576867vw, 40px); } .summary .contents__heading.__3 { width: min(31.6251830161vw, 432px); height: min(2.9282576867vw, 40px); margin-top: min(5.8565153734vw, 80px); } .summary .contents__heading__text { margin-top: min(2.196193265vw, 30px); font-size: min(1.317715959vw, 18px); font-weight: normal; } .summary .history { margin-top: min(5.8565153734vw, 80px); } .summary .history .history__title { margin-bottom: min(1.4641288433vw, 20px); } .summary .table__note { margin-top: min(2.196193265vw, 30px); font-size: min(1.0248901903vw, 14px); } .summary .acc__header { padding-bottom: min(0.7320644217vw, 10px); } .summary .acc__header::after { width: min(1.6105417277vw, 22px); height: min(1.6105417277vw, 22px); } .summary .acc__header.is-open::after { width: min(1.6105417277vw, 22px); height: min(0.2196193265vw, 3px); } .summary .acc__body + .acc__header { margin-top: min(5.8565153734vw, 80px); } .summary .rect__article { margin-top: min(4.39238653vw, 60px); } .summary .rect__article .note { margin-top: min(1.8301610542vw, 25px); font-size: min(1.317715959vw, 18px); text-align: center; } .summary .rect__article .text { margin-top: min(1.8301610542vw, 25px); font-size: min(1.317715959vw, 18px); } .summary .round__table__text { margin-top: min(2.9282576867vw, 40px); text-align: center; font-size: min(1.756954612vw, 24px); } .summary .round__table__text a { font-size: min(2.0497803807vw, 28px); } } .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); } } .contact a { color: #fff; } .contact .heading__title.heading__title__type1::after { background-color: #fff; } .contact .contact__title { color: #fff; } .contact .contact__mail .text { display: block; background: url("/assets/img/common/contact-mail.webp") no-repeat 0 0; background-size: 100%; font-size: 0; outline: none; overflow: hidden; text-indent: 100%; white-space: nowrap; margin-right: auto; margin-left: auto; } .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); } } .accordion.__type1 .acc__item > .acc__header { display: flex; align-items: center; position: relative; cursor: pointer; background-color: #f08300; color: #fff; } .accordion.__type1 .acc__item > .acc__header::after { flex-shrink: 0; content: ""; display: block; background: url("/assets/img/common/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/common/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: #fee8d2; } .accordion.__type1 .acc__inner__item { background-color: #fff; border: 1px solid #f08300; } .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/common/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/common/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: #f08300; } .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: #f08300; } .accordion.__type1 .acc__inner__item .acc__body .text { font-weight: normal; } .accordion.__type2 .acc__item { background-color: #fff; border: 1px solid #f08300; } .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/common/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/common/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/common/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: #fff6eb; } .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/common/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/common/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: #f08300; } .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: #f08300; } .accordion.__type2 .acc__inner__item .acc__body .text { font-weight: normal; } .accordion.__type3 .acc__item { background-color: #fff; border: 1px solid #f08300; } .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/common/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/common/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: #f08300; } .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: #f08300; } .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 .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 .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 { font-size: 0; outline: none; overflow: hidden; text-indent: 100%; white-space: nowrap; position: relative; z-index: 2; } .kv .kv__bg { position: absolute; left: 0; z-index: 1; } .kv .kv__bg .__1, .kv .kv__bg .__2, .kv .kv__bg .__3 { font-size: 0; outline: none; overflow: hidden; text-indent: 100%; white-space: nowrap; position: absolute; z-index: 1; } .kv .kv__coin { background: url("/assets/img/top/kv-coin.webp") no-repeat 0 0; background-size: 100%; font-size: 0; outline: none; overflow: hidden; text-indent: 100%; white-space: nowrap; position: absolute; z-index: 2; } .kv .kv__content { position: relative; z-index: 2; } .kv .kv__lead, .kv .kv__catch { text-align: center; font-weight: normal; } .kv .kv__lead .text span, .kv .kv__catch .text span { color: #910000; text-decoration: underline; font-weight: bold; } .kv .kv__catch { margin-right: auto; margin-left: auto; position: relative; z-index: 2; } .kv .kv__note .text { font-weight: normal; } .kv .kv__note .text a { color: #910000; text-decoration: underline; } .kv .kv__desc .text { text-align: center; font-weight: bold; color: #f08300; } .kv .btn__application__fixed { opacity: 0; transition: opacity 0.4s linear; will-change: opacity; position: relative; z-index: 10; } .kv .btn__application__fixed.is-active { opacity: 1; visibility: visible; } .kv .btn__application__fixed .btn { display: block; font-size: 0; outline: none; overflow: hidden; text-indent: 100%; white-space: nowrap; position: fixed; right: -6px; bottom: -6px; } .kv .btn__contact { opacity: 1; transition: opacity 0.2s linear; } .kv .btn__contact.hide { opacity: 0; } .kv .btn__contact .link { -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/common/kv-btn-contact.webp") no-repeat 0 0; background-size: 100%; font-size: 0; outline: none; overflow: hidden; text-indent: 100%; white-space: nowrap; position: fixed; } .kv .kv__nav__li__btn { -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; color: #870000; font-weight: bold; border: 1px solid #870000; border-radius: 100vh; background-color: #fff; filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.16)); transition: background-color 0.2s cubic-bezier(0, 0, 1, 1); } .kv .kv__nav__li__btn span { display: flex; justify-content: center; align-items: center; } .kv .kv__nav__li__btn span::after { content: ""; display: block; background: url("/assets/img/top/kv-nav-arrow.webp") no-repeat 0 0; background-size: 100%; } .kv .kv__nav__li__btn:hover { background-color: #870000; color: #fff; } .kv .kv__nav__li__btn:hover span::after { background: url("/assets/img/top/kv-nav-arrow-wh.webp") no-repeat 0 0; background-size: 100%; } @media only screen and (max-width: 767px) { .kv { padding: calc(36.2666666667vw + calc(60 / 375 * 100vw)) 0 16vw; position: relative; } .kv .kv__heading__title { width: 63.7333333333vw; height: 10.1333333333vw; background: url("/assets/img/top/kv-heading-title-sp.webp") no-repeat 0 0; background-size: 100%; } .kv .kv__bg { width: 100%; height: 74.6666666667vw; background: url("/assets/img/top/kv-bg-sp.webp") no-repeat 0 0; background-size: 100%; top: calc(calc(60 / 375 * 100vw) + 42.6666666667vw); } .kv .kv__coin { width: 34.6666666667vw; height: 34.6666666667vw; top: calc(86.6666666667vw + calc(60 / 375 * 100vw)); left: 5.3333333333vw; } .kv .kv__content { margin-top: 79.7333333333vw; } .kv .kv__lead .text, .kv .kv__catch .text { font-size: 4.8vw; line-height: 2; } .kv .kv__note { margin-top: 5.3333333333vw; } .kv .kv__note .text { font-size: 3.7333333333vw; line-height: 1.5; } .kv .kv__figure.__1 { width: 101.3333333333vw; margin-top: 10.6666666667vw; margin-left: -5.3333333333vw; } .kv .kv__figure.__2 { margin-bottom: 8vw; } .kv .kv__figure.__2 .kv__figure__container { width: 94.6666666667vw; overflow-x: scroll; } .kv .kv__figure.__2 .figure { width: 241.3333333333vw; height: 72vw; margin-right: -5.3333333333vw; } .kv .kv__figure.__2 .figure img { width: 241.3333333333vw; } .kv .kv__figure.__2 .kv__figure__text { width: 86.1333333333vw; height: 3.4666666667vw; margin-top: 2.6666666667vw; background: url("/assets/img/top/kv-swipe-sp.webp") no-repeat 0 0; background-size: 100%; font-size: 0; outline: none; overflow: hidden; text-indent: 100%; white-space: nowrap; } .kv .btn__application__fixed .btn { width: 58.1333333333vw; height: 12.8vw; background: url("/assets/img/top/btn-application-fixed-sp.webp") no-repeat 0 0; background-size: 100%; } .kv .btn__contact .link { width: 26.6666666667vw; height: 26.6666666667vw; right: 6.4vw; bottom: 7.2vw; } .kv .kv__nav__li__btn { width: 83.4666666667vw; height: 12vw; margin: 0 auto 4.2666666667vw; padding: 4vw 0; font-size: 4.2666666667vw; } .kv .kv__nav__li__btn span { gap: 3px; } .kv .kv__nav__li__btn span::after { width: 4.2666666667vw; height: 4.2666666667vw; } } @media screen and (min-width: 768px) { .kv { margin-top: min(calc(50 / 1366 * 100vw), 50px); padding-bottom: min(8.0527086384vw, 110px); position: relative; } .kv .kv__heading__title { width: min(25.1830161054vw, 344px); height: min(3.8799414348vw, 53px); background: url("/assets/img/top/kv-heading-title.webp") no-repeat 0 0; background-size: 100%; position: absolute; top: min(15.8857979502vw, 217px); left: min(9.7364568082vw, 133px); } .kv .kv__bg { width: 73.3333333333vw; height: 22.6vw; background: url("/assets/img/top/kv-bg.webp") no-repeat 0 0; background-size: cover; top: min(13.9092240117vw, 190px); left: 10.6666666667vw; } .kv .kv__coin { width: min(14.6412884334vw, 200px); height: min(14.6412884334vw, 200px); top: 20.6666666667vw; right: min(13.17715959vw, 180px); } .kv .kv__content { margin-top: 37.3333333333vw; } .kv .kv__content .info__list { margin-top: min(2.5622254758vw, 35px); } .kv .kv__lead .text { font-size: min(1.4641288433vw, 20px); line-height: 2.3; } .kv .kv__catch .text { font-size: min(1.756954612vw, 24px); } .kv .kv__note { margin-top: min(1.8301610542vw, 25px); text-align: center; } .kv .kv__note .text { font-size: min(1.317715959vw, 18px); line-height: 1.3333333333; } .kv .kv__figure.__1 { width: min(63.9092240117vw, 873px); margin-top: min(2.9282576867vw, 40px); margin-right: auto; margin-left: auto; } .kv .kv__figure.__2 { width: min(67.9355783309vw, 928px); margin: min(2.9282576867vw, 40px) auto min(3.953147877vw, 54px); } .kv .kv__desc { width: min(68.8140556369vw, 940px); margin-right: auto; margin-left: auto; } .kv .kv__desc .text { font-size: min(1.4641288433vw, 20px); line-height: 2.3; } .kv .btn__application__fixed .btn { width: min(24.3045387994vw, 332px); height: min(6.0029282577vw, 82px); background: url("/assets/img/top/btn-application-fixed.webp") no-repeat 0 0; background-size: 100%; } .kv .btn__contact .link { width: min(11.420204978vw, 156px); height: min(11.420204978vw, 156px); right: min(1.756954612vw, 24px); bottom: min(1.9765739385vw, 27px); } .kv .kv__nav__list { display: flex; justify-content: center; align-items: center; gap: 20px; } .kv .kv__nav__li__btn { padding: min(1.4641288433vw, 20px) min(2.196193265vw, 30px); font-size: min(1.1713030747vw, 16px); } .kv .kv__nav__li__btn span { gap: 3px; } .kv .kv__nav__li__btn span::after { width: min(1.1713030747vw, 16px); height: min(1.1713030747vw, 16px); } } .banner{ background: #00AEF0; color: #fff; height: min(calc(50 / 1366 * 100vw), 50px); display: flex; justify-content: center; align-items: center; text-align: center; z-index: 99; position: fixed; top: 0; left: 0; right: 0; } .banner .banner__txt{ font-size: min(calc(20 / 1366 * 100vw), 20px); letter-spacing: 0; font-weight: bold; } .banner .banner__txt a{ color: #fff; text-decoration: none; border-bottom: min(calc(2 / 1366 * 100vw), 2px) solid #fff; padding-bottom: min(calc(1 / 1366 * 100vw), 1px); } @media screen and (max-width: 767px){ .banner{ height: min(calc(60 / 375 * 100vw), 60px); } .banner .banner__txt{ font-size: min(calc(16 / 375 * 100vw), 16px); white-space: nowrap; line-height: calc(22/16); padding-bottom: min(calc(4 / 375 * 100vw), 4px); } .banner .banner__txt a{ display: table; margin: 0 auto; line-height: 1; margin-top: calc(4 / 375 * 100vw); border-bottom: 1px solid #fff; } } .contact{ position: relative; } #contact{ position: absolute; top: min(calc(-120 / 1366 * 100vw), -120px); left: 0; width: 0; height: 0; } @media screen and (max-width: 767px){ #contact{ top: calc(-60 / 375 * 100vw); } }