@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: #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)); 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: #7AC143; color: #000; filter: drop-shadow(0 8px 0 rgb(244, 180, 61)); } .btn.btn__yellow .link i { display: block; background: url("/assets/img/common2025/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/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__zip .link { gap: 10px; } .btn.btn__zip .link i { display: block; background: url("/assets/img/common2025/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/common2025/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/common2025/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 #004A9C; color: #004A9C; 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%; } .tab__list { display: flex; justify-content: center; align-items: center; border-bottom: 4px solid #004A9C; } .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 #004A9C; border-right: 2px solid #004A9C; border-left: 2px solid #004A9C; border-radius: 20px 20px 0 0; color: #004A9C; } .tab__nav__item.current { background-color: #004A9C; 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: #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: #004A9C; } .contents__heading { font-size: 0; outline: none; overflow: hidden; text-indent: 100%; white-space: nowrap; } .round__table .red { color: #004A9C; } .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: #004A9C; } .border__area .border__area__title { text-align: center; font-weight: bold; color: #004A9C; } .border__area .border__area__contents { text-align: center; } .border__area .border__area__contents .text { font-weight: normal; } .border__area a { color: #004A9C; } .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.seminar__title::before { background: url("/assets/img/common2025/icon-seminar.webp") no-repeat 0 0; background-size: 100%; } .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__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: #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); } .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 #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/common2025/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 .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:hover i { background-image: url(/assets/img/common2025/icon-nav-download_black.webp); } .nav__link__koufu .link { display: flex; justify-content: center; align-items: center; border-radius: 100vh; color: #fff; background-color: #004A9C; 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 #004A9C; color: #000; } @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: #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/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; } .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; 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); } .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/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 .logo.__2 .link { display: block; background: url("/assets/img/common2025/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/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); } } .data__contents { position: relative; opacity: 1; visibility: visible; } .data__contents.hide { opacity: 0; visibility: hidden; transition: opacity 0.2s cubic-bezier(0, 0, 1, 1) 0.4s, visibility 0.2s linear; will-change: opacity, visibility; } .select__item__title { font-weight: bold; } .koufu__item { border: 1px solid #00AEF0; background-color: #fff; } .koufu__category { display: inline-flex; justify-content: center; align-items: center; background-color: #c4efff; border-radius: 100vh; font-weight: normal; } .koufu__location__title, .koufu__office__title, .koufu__consortium__title { color: #004A9C; font-weight: bold; } .area__search label { position: relative; cursor: pointer; padding-left: 38px; } .area__search label::before, .area__search label::after { content: ""; display: block; border-radius: 50%; position: absolute; transform: translateY(-50%); top: 50%; } .area__search label::before { background-color: #fff; border: 1px solid #00AEF0; border-radius: 50%; width: 24px; height: 24px; left: 5px; } .area__search label::after { background-color: #00AEF0; border-radius: 50%; opacity: 0; width: 12px; height: 12px; left: 11px; } .area__search input { position: absolute; white-space: nowrap; border: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); overflow: hidden; height: 1px; width: 1px; margin: -1px; padding: 0; } .area__search input:checked + label::after { opacity: 1; } .results__note { color: #666; font-weight: bold; } .loading { display: flex; justify-content: center; align-items: center; background-color: #fff; border-radius: 14px; opacity: 1; visibility: visible; position: absolute; top: 0; right: 0; left: 0; z-index: 2; margin: auto; transition: opacity 0.2s linear, visibility 0.2s linear 0.4s; } .loading.hide { opacity: 0; visibility: hidden; } .loading__icon { background: url("/assets/img/common2025/loading.webp") no-repeat 0 0; background-size: 100%; font-size: 0; outline: none; overflow: hidden; text-indent: 100%; white-space: nowrap; animation: rotation 1s infinite linear; } @keyframes rotation { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .error__text { text-align: center; } @media only screen and (max-width: 767px) { .koufu__contents { padding-bottom: 16vw; } .select__contents { margin-top: 8vw; } .select__item + .select__item { margin-top: 5.3333333333vw; } .select__item__title { margin-bottom: 1.3333333333vw; font-size: 4.8vw; } .data__contents { min-height: 53.3333333333vw; } .results__list { margin-top: 8vw; } .koufu__item { padding: 5.3333333333vw 6.6666666667vw 7.4666666667vw; border-radius: 18px; } .koufu__item + .koufu__item { margin-top: 5.3333333333vw; } .koufu__category { padding: 0.8vw 5.3333333333vw; font-size: 3.7333333333vw; } .koufu__name { margin-top: 2.1333333333vw; font-size: 5.3333333333vw; } .koufu__location { margin-top: 5.3333333333vw; } .koufu__office { margin-top: 2.6666666667vw; } .koufu__consortium { margin-top: 2.6666666667vw; } .koufu__location__title, .koufu__office__title, .koufu__consortium__title { font-size: 3.7333333333vw; } .koufu__location__text, .koufu__office__text, .koufu__consortium__text { font-size: 3.7333333333vw; font-weight: normal; } .koufu__link { margin-top: 5.3333333333vw; } .koufu__link .btn .link { width: 75.4666666667vw; height: 13.0666666667vw; } .koufu__link .btn + .btn { margin-top: 4.8vw; } .results__note { margin-top: 10.6666666667vw; } .results__note li { margin-top: 4vw; font-size: 4.5333333333vw; } .loading { width: 30.4vw; height: 30.4vw; top: 120vw; } .loading__icon { width: 17.6vw; height: 17.6vw; } .error__text { font-size: 5.3333333333vw; color: #707070; } } @media screen and (min-width: 768px) { .koufu__contents { padding: min(2.196193265vw, 30px) 0 min(13.17715959vw, 180px); } .select__contents { display: flex; justify-content: space-between; align-items: center; } .select__item__title { margin-bottom: min(0.7320644217vw, 10px); font-size: min(1.317715959vw, 18px); } .area__search { display: flex; align-items: center; gap: min(2.9282576867vw, 40px); } .data__contents { min-height: min(29.2825768668vw, 400px); } .results__list { margin-top: min(2.9282576867vw, 40px); } .koufu__item { display: flex; justify-content: space-between; padding: min(2.196193265vw, 30px) min(3.6603221083vw, 50px) min(3.5871156662vw, 49px); border-radius: 30px; } .koufu__item + .koufu__item { margin-top: min(2.196193265vw, 30px); } .koufu__item__container { width: min(53.953147877vw, 737px); } .koufu__category { padding: min(0.2196193265vw, 3px) min(1.4641288433vw, 20px); font-size: min(1.1713030747vw, 16px); } .koufu__name { margin-top: min(0.5856515373vw, 8px); font-size: min(2.0497803807vw, 28px); } .koufu__location, .koufu__office, .koufu__consortium { display: flex; gap: min(0.7320644217vw, 10px); margin-top: min(1.4641288433vw, 20px); } .koufu__location { margin-top: min(1.4641288433vw, 20px); } .koufu__office, .koufu__consortium { margin-top: min(0.7320644217vw, 10px); } .koufu__location__title, .koufu__office__title, .koufu__consortium__title { flex-shrink: 0; width: min(9.8828696925vw, 135px); font-size: min(1.317715959vw, 18px); } .koufu__location__text, .koufu__office__text, .koufu__consortium__text { font-size: min(1.317715959vw, 18px); font-weight: normal; } .koufu__link { width: min(18.3016105417vw, 250px); flex-shrink: 0; } .koufu__link .btn .link { width: min(18.3016105417vw, 250px); height: min(4.6852122987vw, 64px); } .results__note { margin-top: min(4.39238653vw, 60px); } .results__note li { margin-top: min(1.4641288433vw, 20px); font-size: min(1.6105417277vw, 22px); } .loading { width: min(8.345534407vw, 114px); height: min(8.345534407vw, 114px); top: min(32.2108345534vw, 440px); } .loading__icon { width: min(4.831625183vw, 66px); height: min(4.831625183vw, 66px); } .error__text { font-size: min(1.4641288433vw, 20px); } } .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); } } .kv .container { padding-top: 1px; } .kv .kv__heading__title { background: url("/assets/img/renew2025/koufu/koufu-title.webp") no-repeat 0 0; background-size: contain; 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: 91.2vw; 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(43.7774524158vw, 598px); height: min(2.635431918vw, 36px); } } @media only screen and (max-width: 374px) { .area__search label { padding-left: calc(50 / 375 * 100vw); } .area__search label::before { width: calc(30 / 375 * 100vw); height: calc(30 / 375 * 100vw); } .area__search label::after { width: calc(15 / 375 * 100vw); height: calc(15 / 375 * 100vw); left: calc(15 / 375 * 100vw + 5px); transform: translate(-50%, -50%); } .area__search .item:nth-child(2) { margin-top: calc(10 / 375 * 100vw); margin-bottom: calc(10 / 375 * 100vw); } }