@charset "UTF-8"; /*** The new CSS reset - version 1.8.4 (last updated 14.2.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } [type=checkbox] { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } [type=radio] { -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::-webkit-input-placeholder { color: unset; } ::-moz-placeholder { color: unset; } :-ms-input-placeholder { color: unset; } ::-ms-input-placeholder { color: unset; } ::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; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } /* add original reset style */ html { /* iPhone safariで文字サイズが大きくなるバグを回避 */ -webkit-text-size-adjust: 100%; } html { scroll-behavior: smooth; font-size: clamp(50%, 0.9vw, 62.5%); scrollbar-gutter: stable; } @media screen and (max-width: 768px) { html { font-size: 62.5%; } } body { line-height: 1; font-family: "Noto Sans JP", Meiryo, メイリオ, Osaka, sans-serif; color: #000; font-size: clamp(1.2rem, 3.2vw, 1.6rem); font-weight: 500; overflow-x: hidden; } body.fixed { overflow: hidden; } *:target { scroll-margin-top: 5.8rem; } a { text-decoration: none; } img { max-width: 100%; width: 100%; vertical-align: bottom; } _::-webkit-full-page-media, _:future, :root * { -webkit-mask-image: none !important; mask-image: none !important; } input[name=tab-item] { display: none; } area { cursor: pointer; } .c-list li { position: relative; padding-left: 1.2em; } .c-list li::before { position: absolute; top: 0; left: 0; display: inline-block; } .c-list.is_disc li::before { content: "・"; } .c-list.is_circle li::before { content: "●"; } .c-list.is_asterisk li::before { content: "※"; } .c-list.is_decimal { counter-reset: cnt; } .c-list.is_decimal > li { counter-increment: cnt; } .c-list.is_decimal > li::before { content: "" counter(cnt) "."; } .c-list.is_decimal > li > .is_decimal { counter-reset: cnt2; } .c-list.is_decimal > li > .is_decimal > li { counter-increment: cnt2; } .c-list.is_decimal > li > .is_decimal > li::before { content: "" counter(cnt2) "."; } .c-list.is_arrow li { padding-left: 1.1em; } .c-list.is_arrow li::before { content: ""; display: inline-block; top: 0.55em; width: 0.9rem; height: 0.9rem; border-top: 0.2rem solid #0028ad; border-right: 0.2rem solid #0028ad; -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media screen and (max-width: 500px) { .c-list.is_arrow li::before { width: 0.7rem; height: 0.7rem; } } .c-button { font-size: 1.4rem; font-weight: bold; border-radius: 10rem; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; } .c-button::after { content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url("../images/common/icon-arrow.svg"); mask-image: url("../images/common/icon-arrow.svg"); background: #fff; display: inline-block; width: 1em; height: 0.785em; } @media screen and (max-width: 768px) { .c-button::after { width: 0.96em; height: 0.7em; } } .c-button.is_small { background-color: #fff; border: 0.1rem solid #0028ad; color: #0028ad; max-width: 34rem; width: 100%; height: 5.2rem; font-weight: 500; font-size: 1.6rem; } @media screen and (max-width: 768px) { .c-button.is_small { width: 16rem; height: 2.2rem; font-size: 1.4rem; } } .c-button.is_small::after { background: #0028ad; } .c-button.is_large { width: 100%; height: 6.1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: bold; border-radius: 20rem; border: 0.1rem solid #0028ad; color: #0028ad; max-width: 38.3rem; font-size: 1.6rem; margin: 0 auto; } @media screen and (max-width: 768px) { .c-button.is_large { font-size: 1.4rem; height: 5rem; } } .c-button.is_large::after { background: #0028ad; } .c-button.is_blue { background-color: #0028ad; color: #FFF; } .c-button.is_blue::after { background: #FFF; } .c-button.is_pdf { font-size: 1.6rem; } .c-button.is_pdf::after { -webkit-mask-image: url("../images/common/icon-pdf.svg"); mask-image: url("../images/common/icon-pdf.svg"); width: 1.18em; height: 1.56em; right: 2.5rem; } .c-button.is_external { -webkit-box-shadow: 0 0.6rem 0 #0028ad; box-shadow: 0 0.6rem 0 #0028ad; } .c-button.is_external::after { -webkit-mask-image: url("../images/common/icon-external.svg"); mask-image: url("../images/common/icon-external.svg"); width: 1.21em; height: 1.21em; } .c-title { color: #0028ad; font-weight: bold; line-height: 1.33; } .c-title.is_underline { border-bottom: 0.1rem solid #0028ad; padding-bottom: 0.3em; } .c-title.is_circle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: inherit; font-weight: normal; font-size: 2rem; } @media screen and (max-width: 768px) { .c-title.is_circle { font-size: 1.6rem; } } .c-title.is_circle::before { color: #0028ad; content: "●"; font-size: 2rem; } @media screen and (max-width: 768px) { .c-title.is_circle::before { font-size: 1.4rem; } } .c-title.is_circle.is_light::before { color: #52c3ff; } .c-title.is_solid { background-color: #f0f3ff; text-align: center; padding: 0.59em 0; font-size: 2.4rem; } @media screen and (max-width: 768px) { .c-title.is_solid { padding: 0.38em 0; font-size: 1.4rem; } } .c-title.is_solid.is_full { margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); padding: 0.3em; letter-spacing: 0.1em; font-size: 3.2rem; height: 11.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 768px) { .c-title.is_solid.is_full { font-size: 2rem; height: auto; display: block; } } .c-title.is_red { background-color: #ffe9e2; color: #d90000; } .c-text.is_indent { text-indent: 1em; } .c-text.is_underline { text-decoration: underline; } .c-text.is_light { font-weight: 300; } .c-text.is_regular { font-weight: 400; } .c-text.is_bold { font-weight: 700; } .c-text.is_underline { text-decoration: underline; } .c-text.is_italic { font-style: italic; } .c-text.is_caution { color: #de0012; } .c-text.is_asterisk { text-indent: -1em; padding-left: 1em; display: block; } .c-text.is_asterisk::before { content: "※"; margin-right: 0.1em; } .c-heading { position: relative; } .c-heading img { aspect-ratio: 1366/520; -o-object-fit: cover; object-fit: cover; max-height: 52rem; } @media screen and (max-width: 768px) { .c-heading img { aspect-ratio: initial; max-height: none; } } .c-heading__h1 { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 50%; left: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 33.1rem; height: 10.6rem; padding-left: 0.75em; background-color: #0028ad; color: #fff; font-weight: bold; font-size: 4.6rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 768px) { .c-heading__h1 { font-size: 2.4rem; width: 17.1rem; height: 5.5rem; } } .c-heading__h1::after { position: absolute; right: 0; bottom: 0; border-top: 1.05rem transparent solid; border-right: 1.05rem #52c3ff solid; border-bottom: 1.05rem #52c3ff solid; border-left: 1.05rem transparent solid; content: ""; } .c-content { padding-top: 13rem; border-top-left-radius: 3rem; border-top-right-radius: 3rem; background-color: #fff; margin-top: -3rem; position: relative; z-index: 1; } @media screen and (max-width: 768px) { .c-content { padding-top: 4rem; } } .c-inner { max-width: 124rem; padding: 0 2rem; margin: 0 auto; } @media screen and (max-width: 768px) { .c-inner { padding: 0 7%; } } .c-details { margin-top: 3rem; } .c-details summary { display: block; cursor: pointer; } .c-details summary::-webkit-details-marker { display: none; } .c-details__title { position: relative; padding: 0.88em 1em; background-color: #f0f3ff; font-size: 2rem; } @media screen and (max-width: 768px) { .c-details__title { font-size: 1.4rem; padding: 0.5em 1em; } } .c-details__title.is_light { background-color: #ddf3ff; } .c-details__title::after { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 50%; right: 0.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background-color: #fff; content: "＋"; font-size: 1.6rem; width: 3.2rem; height: 3.2rem; line-height: 1; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 768px) { .c-details__title::after { font-size: 1.2rem; width: 1.6rem; height: 1.6rem; } } .c-details__body { padding: 1.2rem; border: 0.1rem solid #f0f3ff; line-height: 1.71; font-size: 1.6rem; } @media screen and (max-width: 768px) { .c-details__body { font-size: 1.4rem; } } .c-details[open] .c-details__title::after { content: "－"; } .c-gnav { position: fixed; top: 10rem; right: 0; z-index: 51; width: calc((100% - 39.3rem) / 2); height: 100dvh; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; background: -webkit-gradient(linear, left top, right bottom, from(#52c3ff), to(#005fce)); background: linear-gradient(to bottom right, #52c3ff, #005fce); color: var(--text); --bg: #1e7fd6; --line: rgba(255, 255, 255, 0.45); --text: #fff; --rowH: 6.4rem; --subH: 4.4rem; visibility: hidden; opacity: 0; } @media screen and (max-width: 1311px) { .c-gnav { width: 39.8rem; } } @media screen and (max-width: 768px) { .c-gnav { position: fixed; top: 5.69rem; left: 0; width: 100%; height: calc(100dvh - 5.69rem); } } .c-gnav.is_show { visibility: visible; opacity: 1; } .c-gnav__inner { min-width: 28.3rem; width: 64%; margin: 0 auto; } .c-gnav__list { margin-top: 3rem; } .c-gnav__item { border-bottom: 0.1rem solid var(--line); } .c-gnav__item.is_open > .c-gnav__row > .is_chev { width: 1.8rem; height: 1.4rem; -webkit-mask-image: url("../images/common/icon-cross.svg"); mask-image: url("../images/common/icon-cross.svg"); } .c-gnav__logo { display: block; margin-top: 5rem; } @media screen and (max-width: 768px) { .c-gnav__logo { display: none; } } .c-gnav__text { font-size: 2rem; } .c-gnav__row, .c-gnav__subrow, .c-gnav__subsubrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; border: 0; background: transparent; color: var(--text); text-decoration: none; font-weight: 700; cursor: pointer; } .c-gnav__row { min-height: var(--rowH); border-top: 0.1rem solid var(--line); } .c-gnav__subrow { min-height: var(--subH); border-top: 0.1rem solid rgba(255, 255, 255, 0.2); } .c-gnav__subsubrow { min-height: 4rem; border-top: 0.1rem solid rgba(255, 255, 255, 0.18); } .c-gnav { /* アコーディオンパネル */ } .c-gnav__panel, .c-gnav__subpanel { overflow: hidden; height: 0; } .c-gnav__sublist, .c-gnav__subsublist { margin: 0; margin-left: 1em; padding: 0.6rem 0 1rem; list-style: none; } .c-gnav { /* → アイコン */ } .c-gnav__icon.is_arrow { width: 2.9rem; height: 2.4rem; background: #fff; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url("../images/common/icon-circle-arrow2.svg"); mask-image: url("../images/common/icon-circle-arrow2.svg"); } .c-gnav__icon.is_chev { position: relative; width: 1.8rem; height: 0.9rem; background: #fff; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url("../images/common/icon-chev-down.svg"); mask-image: url("../images/common/icon-chev-down.svg"); } .c-gnav__footer { display: -ms-grid; display: grid; margin-top: 3.5rem; gap: 1em; } .c-gnav__footer a { color: #fff; text-decoration: underline; font-weight: 700; font-size: 1.4rem; } .c-fixednav { position: fixed; bottom: 0; left: 0; z-index: 50; display: none; } @media screen and (max-width: 768px) { .c-fixednav { width: 100%; display: block; } } .c-fixednav__list { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-fixednav__list li { width: 50%; } .c-fixednav__list li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 1.3rem; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .c-fixednav__list.is_list1 li a { background-color: #fff; font-weight: bold; height: 7rem; font-size: 2.1rem; } .c-fixednav__list.is_list1 li a::after { display: block; width: 4.5rem; height: 3.8rem; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url("../images/common/icon-circle-arrow.svg"); mask-image: url("../images/common/icon-circle-arrow.svg"); } .c-fixednav__list.is_list1 li:first-of-type a { border-right: 0.1rem solid #d6d6d6; color: #0028ad; } .c-fixednav__list.is_list1 li:first-of-type a::after { background: #0028ad; } .c-fixednav__list.is_list1 li:last-of-type a { color: #d90000; } .c-fixednav__list.is_list1 li:last-of-type a::after { background: #d90000; } .c-fixednav__list.is_list2 li a { font-weight: bold; font-size: 1.5rem; height: 5rem; line-height: 1.4; } .c-fixednav__list.is_list2 li a::after { display: block; width: 4.5rem; height: 3.8rem; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; } .c-fixednav__list.is_list2 li a img { width: auto; height: 6.9rem; } .c-fixednav__list.is_list2 li:first-of-type a { background-color: #001869; color: #fff; } .c-fixednav__list.is_list2 li:first-of-type a::after { background-image: url("../images/common/icon-circle-arrow2-wh.svg"); } .c-fixednav__list.is_list2 li:last-of-type a { padding-left: 0.5rem; background-color: #FFE629; color: #001869; } .c-fixednav__list.is_list2 li:last-of-type a::after { background-image: url("../images/common/icon-circle-arrow2-bl.svg"); } .c-fixednav__list.is_list3 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 1.4rem; -webkit-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .c-fixednav__list.is_list3 li { width: 44.78%; position: relative; font-size: 1.6rem; } .c-fixednav__list.is_list3 li::after { content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url("../images/common/icon-chev-right.svg"); mask-image: url("../images/common/icon-chev-right.svg"); background: #fff; display: inline-block; height: 2rem; width: 1rem; position: absolute; top: 50%; right: 1.3rem; -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); pointer-events: none; } .c-fixednav__list.is_list3 li a { background-color: #0028ad; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; background-color: #0028ad; color: #fff; font-weight: bold; height: 4.3rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; pointer-events: none; background-color: #b7b7b7; color: #fff; } .c-fixednav__list.is_list3 li a::before { position: absolute; top: 0; left: 0; border-bottom: 1.05rem transparent solid; border-top: 1.05rem #898989 solid; border-left: 1.05rem #898989 solid; border-right: 1.05rem transparent solid; content: ""; } .c-fixednav__list.is_list3 li a::after { position: absolute; right: 0; bottom: 0; border-top: 1.05rem transparent solid; border-right: 1.05rem #898989 solid; border-bottom: 1.05rem #898989 solid; border-left: 1.05rem transparent solid; content: ""; } .c-fixednav__list.is_list4 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0.5rem; pointer-events: none; } .c-fixednav__list.is_list4 li { width: 62%; } .c-fixednav__list.is_list4 li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; color: #0028ad; font-size: 1.6rem; font-weight: bold; letter-spacing: 0.05em; height: 4rem; border: 0.2rem solid #0028ad; background-color: #b7b7b7; color: #fff; border-color: #b7b7b7; } .c-fixednav__list.is_list4 li a::after { content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url("../images/common/icon-chev-right.svg"); mask-image: url("../images/common/icon-chev-right.svg"); background: #0028ad; display: inline-block; width: 1em; height: 1em; margin-left: 1.3rem; background: #FFF; } .c-hamburger { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 7.8rem; height: 2.8rem; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; cursor: pointer; margin-left: 5rem; row-gap: 0.4rem; } @media screen and (max-width: 768px) { .c-hamburger { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 1.8rem; width: 2.8rem; height: 1.2rem; } } .c-hamburger__top, .c-hamburger__middle, .c-hamburger__bottom { -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; display: block; width: 100%; background-color: #fff; -webkit-transition: 0.3s; transition: 0.3s; position: absolute; height: 0.2rem; } @media screen and (max-width: 768px) { .c-hamburger__top, .c-hamburger__middle, .c-hamburger__bottom { height: 0.1rem; } } .c-hamburger__top { top: 0; left: 0; } .c-hamburger__middle { top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .c-hamburger__bottom { bottom: 0; left: 0; } .c-hamburger.is_active { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-hamburger.is_active .c-hamburger__top { top: 50%; -webkit-transform: translateY(-50%) rotate(-30deg); transform: translateY(-50%) rotate(-30deg); } .c-hamburger.is_active .c-hamburger__middle { opacity: 0; } .c-hamburger.is_active .c-hamburger__bottom { top: 50%; -webkit-transform: translateY(-50%) rotate(30deg); transform: translateY(-50%) rotate(30deg); } .c-link { color: #0028ad; } .c-link.is_underline { text-decoration: underline; } .c-link.is_underline:hover { text-decoration: none; } .c-link.is_inherit { color: inherit; } .c-table { width: 100%; line-height: 1.43; font-size: 1.8rem; } @media screen and (max-width: 768px) { .c-table { font-size: 1.4rem; } } .c-table th { background-color: #f0f3ff; border: 0.1rem solid #fff; vertical-align: middle; padding: 0.77em; } @media screen and (max-width: 768px) { .c-table th { padding: 0.3em 0; } } .c-table td { border: 0.1rem solid #f0f3ff; vertical-align: middle; padding: 1.35em 0; } @media screen and (max-width: 768px) { .c-table td { padding: 0.5em 0; } } .c-table.is_red th { background-color: #ffdddd; } .c-table.is_red td { border-color: #ffdddd; } .c-popup { position: fixed; width: 50rem; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; border-radius: 2rem; max-height: 92dvh; overflow-y: auto; -webkit-box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.18); box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.18); padding: 6rem 2rem 4rem; z-index: 5; opacity: 0; visibility: hidden; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .c-popup { width: 32rem; } } .c-popup.show { opacity: 1; visibility: visible; } .c-popup__close { position: absolute; top: 2rem; right: 1.6rem; width: 2.2rem; height: 2.2rem; cursor: pointer; } .c-popup__close::before, .c-popup__close::after { content: ""; background-color: #333333; width: 0.2rem; height: 3.1rem; display: inline-block; position: absolute; top: 50%; left: 50%; } .c-popup__close::before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .c-popup__close::after { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .c-popup__name { text-align: center; color: #0028ad; font-size: 2rem; } .c-popup__text { line-height: 1.25; font-size: 1.6rem; margin-top: 2em; } .c-popup__image { margin-top: 3rem; } .c-popup__link { text-align: center; margin-top: 3rem; } .js-swiper__buttons { position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 5.4rem; -moz-column-gap: 5.4rem; column-gap: 5.4rem; } .js-swiper__buttons > div { background-color: #0028ad; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; width: 6rem; height: 6rem; position: static; } .js-swiper__buttons > div::after { font-size: 2.6rem; font-weight: bold; color: #fff; } .js-animation { -webkit-transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); } .l-header { display: -webkit-box; display: -ms-flexbox; display: flex; position: sticky; background-color: #0028ad; top: 0; left: 0; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 1.8rem; padding-right: 5rem; z-index: 100; } @media screen and (max-width: 768px) { .l-header { height: 5.8rem; padding: 0 1.8rem; } } .l-header__logo img { width: 30rem; } @media screen and (max-width: 768px) { .l-header__logo img { width: 17rem; } } .l-header__sns { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; } @media screen and (max-width: 768px) { .l-header__sns { -webkit-column-gap: 1.6rem; -moz-column-gap: 1.6rem; column-gap: 1.6rem; } } .l-header__sns li a img { width: 6.4rem; } @media screen and (max-width: 768px) { .l-header__sns li a img { width: 2.8rem; } } .l-header__banners { display: -webkit-box; display: -ms-flexbox; display: flex; width: 49.3rem; margin-left: 3.6rem; } @media screen and (max-width: 768px) { .l-header__banners { display: none; } } .l-footer { padding-top: 10rem; background-color: #fff; padding-bottom: 7rem; } @media screen and (max-width: 768px) { .l-footer { padding-top: 4.5rem; padding-bottom: 2rem; } } .l-footer__banners { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 3.1%; -moz-column-gap: 3.1%; column-gap: 3.1%; } @media screen and (max-width: 768px) { .l-footer__banners { max-width: 32rem; margin: 0 auto; display: block; } } .l-footer__banners li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media screen and (max-width: 768px) { .l-footer__banners li:not(:first-of-type) { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; margin-top: 2.2rem; } } .l-footer__banners li a { -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .l-footer__banners li a:hover { opacity: 0.8; } .l-footer__logo { display: block; max-width: 56rem; margin: 0 auto; margin-top: 9rem; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } @media screen and (max-width: 768px) { .l-footer__logo { margin-top: 6rem; max-width: 25.5rem; } } .l-footer__logo:hover { opacity: 0.8; } .l-footer__address { margin-top: 3rem; color: #0028ad; text-align: center; font-size: 1.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; } @media screen and (max-width: 768px) { .l-footer__address { display: block; margin-top: 1rem; font-size: 1.4rem; line-height: 1.7; } } .l-footer__copyright { display: block; width: 100%; color: #000; text-align: center; font-weight: 400; font-size: 1.4rem; margin-top: 13rem; } @media screen and (max-width: 768px) { .l-footer__copyright { margin-top: 3rem; font-size: 1rem; } } .l-aside { width: calc((100% - 39.3rem) / 2); } @media screen and (max-width: 1311px) { .l-aside { position: fixed; bottom: 0; left: 0; z-index: 1; width: calc(100% - 39.8rem); } } @media screen and (max-width: 768px) { .l-aside { width: 100%; } } .l-aside__content { position: fixed; top: 0; left: 0; width: calc((100% - 39.3rem) / 2); height: 100dvh; background-image: url(../images/common/aside-bg.svg); background-position: center; background-size: cover; background-repeat: no-repeat; } @media screen and (max-width: 1311px) { .l-aside__content { display: none; } } .l-aside__copy { position: absolute; top: 50%; left: 50%; width: 82%; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .p-top-mainview-slide img { max-height: calc(100dvh - 9.9rem); -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .p-top-pickup { padding-top: 10rem; overflow: hidden; } .p-top-pickup__tit { text-align: center; } .p-top-pickup__tit img { max-width: 47.4rem; } @media screen and (max-width: 768px) { .p-top-pickup__tit img { max-width: 23.2rem; } } .p-top-pickup-slide { margin-top: 4rem; } @media screen and (max-width: 768px) { .p-top-pickup-slide { margin-top: 2rem; } } .p-top-pickup-slide__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 2.5rem; -webkit-column-gap: 2.6rem; -moz-column-gap: 2.6rem; column-gap: 2.6rem; } .p-top-pickup-slide__buttons .swiper-pagination { position: static; width: auto; } .p-top-pickup-slide__buttons .swiper-pagination .swiper-pagination-bullet { width: 1.3rem; height: 1.3rem; margin: 0 0.6rem; background-color: #333; } @media screen and (max-width: 768px) { .p-top-pickup-slide__buttons .swiper-pagination .swiper-pagination-bullet { width: 1.1rem; height: 1.1rem; } } .p-top-pickup-slide__buttons .swiper-pagination .swiper-pagination-bullet-active { background-color: #9a9a9a; } .p-top-pickup-slide__buttons .swiper-button-prev { display: block; position: static; width: auto; height: auto; margin: 0; } .p-top-pickup-slide__buttons .swiper-button-prev::after { color: #333; font-weight: bold; font-size: 1.2rem; } .p-top-pickup-slide__buttons .swiper-button-next { display: block; position: static; width: auto; height: auto; margin: 0; } .p-top-pickup-slide__buttons .swiper-button-next::after { color: #333; font-weight: bold; font-size: 1.2rem; } .p-top-pickup-slide__item { -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .p-top-pickup-slide__item:hover { opacity: 0.9; } .p-top-course { padding-top: 11rem; } @media screen and (max-width: 768px) { .p-top-course { padding-top: 6rem; } } .p-top-course__tit { z-index: -1; -webkit-transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); -webkit-transform: translateY(100%); transform: translateY(100%); text-align: center; } .p-top-course__tit.show { -webkit-transform: translateY(0.6rem); transform: translateY(0.6rem); } .p-top-course__tit img { max-width: 64.3rem; } .p-top-course__list { position: relative; z-index: 1; } .p-top-course__list a { -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .p-top-course__list a:hover { opacity: 0.8; } .p-top-course__link { display: block; position: relative; padding-top: 2.9rem; padding-bottom: 2.2rem; background: url("../images/top/course-obj1.svg") bottom #001765; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .p-top-course__link::after { display: block; position: absolute; right: 9.2%; bottom: 3.1rem; width: 11.5rem; height: 9.6rem; background: #fff; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url("../images/common/icon-circle-arrow.svg"); mask-image: url("../images/common/icon-circle-arrow.svg"); } .p-top-course__link:hover { opacity: 0.9; } .p-top-course__link.is_red { background: url("../images/top/course-obj2.svg") bottom #750000; } .p-top-course__name { -webkit-transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); } .p-top-course__name.is_course1 { -webkit-transform: translateX(-120%); transform: translateX(-120%); } .p-top-course__name.is_course2 { -webkit-transform: translateX(120%); transform: translateX(120%); } .p-top-course__name.show { -webkit-transform: translateX(0); transform: translateX(0); } .p-top-course__small { display: block; margin-top: 7rem; color: #fff; font-size: 1.2rem; line-height: 1.66; } .p-top-interview { position: relative; padding-top: 8rem; padding-bottom: 8rem; } @media screen and (max-width: 768px) { .p-top-interview { padding-top: 4.7rem; padding-bottom: 6.5rem; } } .p-top-interview::after { display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 3rem; background: -webkit-gradient(linear, left bottom, left top, from(#52c3ff), to(#005fce)); background: linear-gradient(to top, #52c3ff, #005fce); content: ""; } @media screen and (max-width: 768px) { .p-top-interview::after { display: block; } } .p-top-interview__tit { position: absolute; top: 4.7rem; left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: 2; width: 68.5%; max-width: 93.6rem; } @media screen and (max-width: 768px) { .p-top-interview__tit { width: 81%; } } .p-top-interview__tit.show { -webkit-transform: translate(0); transform: translate(0); } @media screen and (max-width: 768px) { .p-top-interview__tit.show { -webkit-transform: translateX(-52.5%); transform: translateX(-52.5%); } } .p-top-interview__obj-right1 { position: absolute; top: 0; right: 0; z-index: 2; width: 44.2%; pointer-events: none; -webkit-transform: translateX(100%); transform: translateX(100%); } .p-top-interview__obj-right1.show { -webkit-transform: translateX(0); transform: translateX(0); } .p-top-interview__obj-right2 { position: absolute; right: 0; top: 60%; z-index: 4; width: 5%; pointer-events: none; -webkit-transform: translateX(100%); transform: translateX(100%); } @media screen and (max-width: 768px) { .p-top-interview__obj-right2 { top: 47%; width: 9%; } } .p-top-interview__obj-right2.show { -webkit-transform: translateX(0); transform: translateX(0); } .p-top-interview__obj-diagonal1 { position: absolute; top: 9.5%; right: 0; z-index: 4; pointer-events: none; width: 5%; -webkit-transform: translate(100%); transform: translate(100%); } @media screen and (max-width: 768px) { .p-top-interview__obj-diagonal1 { width: 19.6%; } } .p-top-interview__obj-diagonal1.show { -webkit-transform: translate(0); transform: translate(0); } .p-top-interview__obj-diagonal2 { position: absolute; left: 0; top: 34%; z-index: 1; width: 39.9%; pointer-events: none; -webkit-transform: translate(100%); transform: translate(100%); } .p-top-interview__obj-diagonal2.show { -webkit-transform: translate(0); transform: translate(0); } .p-top-interview-slide { width: 73.2%; margin-left: auto; overflow: hidden; position: relative; z-index: 3; } .p-top-interview-slide__item { padding-bottom: 3.5rem; color: #0028ad; text-align: center; } .p-top-interview-slide__item img { clip-path: polygon(14% 0%, 86% 0%, 100% 14%, 100% 86%, 86% 100%, 14% 100%, 0% 86%, 0% 14%); } .p-top-interview-slide__post { margin-top: 1.5em; font-weight: bold; font-size: 2rem; line-height: 1.2; } .p-top-interview-slide__work { margin-top: 1em; font-size: 1.2rem; line-height: 1.33; } .p-top-interview-slide__name { margin-top: 0.5em; font-weight: bold; font-size: 2rem; } .p-top-interview-slide__name span { font-size: 0.7em; } .p-top-interview-slide .js-swiper__buttons { bottom: 35%; z-index: 1; } .p-top-interview-slide .c-button { max-width: 18rem; } .p-top-interview__obj-right3 { position: absolute; bottom: 0; width: 33%; right: 0; z-index: 2; pointer-events: none; -webkit-transform: translateX(100%); transform: translateX(100%); } @media screen and (max-width: 768px) { .p-top-interview__obj-right3 { width: 100%; } } .p-top-interview__obj-right3.show { -webkit-transform: translateX(0); transform: translateX(0); } .p-top-opencampus { margin-top: 1.5rem; background-color: #52c3ff; } @media screen and (max-width: 768px) { .p-top-opencampus { padding-top: 5.3rem; padding-bottom: 5rem; } } .p-top-opencampus__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: calc(50% - 50vw); -webkit-column-gap: 7.3%; -moz-column-gap: 7.3%; column-gap: 7.3%; } @media screen and (max-width: 768px) { .p-top-opencampus__flex { display: block; margin-left: 0; } } .p-top-opencampus-slide { width: calc(34.6% + 50vw - 50%); } @media screen and (max-width: 768px) { .p-top-opencampus-slide { width: auto; } } .p-top-opencampus-slide__item img { -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 768px) { .p-top-opencampus-slide__item img { clip-path: polygon(14% 0%, 86% 0%, 100% 14%, 100% 86%, 86% 100%, 14% 100%, 0% 86%, 0% 14%); } } @media screen and (max-width: 768px) { .p-top-opencampus__tit { top: -2.3rem; position: relative; z-index: 1; } } .p-top-opencampus__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 5rem; row-gap: 4rem; } @media screen and (max-width: 768px) { .p-top-opencampus__list { margin-top: 2rem; } } .p-top-opencampus__list li { position: relative; padding-top: 2.6rem; padding-bottom: 2.2rem; border: 0.1rem solid #0028ad; background-color: #fff; text-align: center; line-height: 1; width: 15.4rem; } @media screen and (max-width: 768px) { .p-top-opencampus__list li { width: 47%; } } .p-top-opencampus__top::before, .p-top-opencampus__top::after { display: block; position: absolute; top: 0; width: 3rem; height: 3rem; background-image: url(../images/top/opencampus-obj.svg); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; } .p-top-opencampus__top::before { top: 0; left: 0; -webkit-transform: translate(-25%, -25%); transform: translate(-25%, -25%); } .p-top-opencampus__top::after { top: 0; right: 0; -webkit-transform: rotate(90deg) translate(-25%, -25%); transform: rotate(90deg) translate(-25%, -25%); } .p-top-opencampus__bottom::before, .p-top-opencampus__bottom::after { display: block; position: absolute; bottom: 0; width: 3rem; height: 3rem; background-image: url(../images/top/opencampus-obj.svg); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; } .p-top-opencampus__bottom::before { left: 0; -webkit-transform: rotate(-90deg) translate(-25%, -25%); transform: rotate(-90deg) translate(-25%, -25%); } .p-top-opencampus__bottom::after { right: 0; -webkit-transform: rotate(180deg) translate(-25%, -25%); transform: rotate(180deg) translate(-25%, -25%); } .p-top-opencampus__year { color: #0028ad; font-weight: bold; font-size: 1.6rem; } .p-top-opencampus__date { margin-top: 0.7em; color: #0028ad; font-weight: bold; font-size: 2rem; } .p-top-opencampus__date span { font-size: 1.6em; font-family: "Poppins", sans-serif; } .p-top-opencampus__button { width: 100%; width: 84%; height: 3.7rem; margin: 0 auto; margin-top: 1.4rem; border: 0.1rem solid #0028ad; background-color: #FFE629; color: #0028ad; font-size: 1.2rem; } .p-top-opencampus__button::after { position: static; margin-left: 0.5em; background: #0028ad; -webkit-transform: none; transform: none; } .p-top-opencampus__detail { width: 34rem; height: 6rem; background-color: #0028ad; color: #fff; } @media screen and (max-width: 768px) { .p-top-opencampus__detail { width: 18rem; } } .p-top-about { padding-top: 7rem; padding-bottom: 17rem; background-image: url(../images/top/about-bg.svg); background-position: center bottom; background-size: cover; overflow: hidden; } .p-top-about__inner { padding: 0 2.4rem; } .p-top-about__tit { overflow: hidden; text-align: center; } .p-top-about__tit img { -webkit-transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); -webkit-transform: translateY(100%); transform: translateY(100%); max-width: 53.4rem; } .p-top-about__tit img.show { -webkit-transform: translateY(0); transform: translateY(0); } .p-top-about-slide { position: relative; } .p-top-about-slide__item { padding: 2.8rem; border: 0.1rem solid #0028ad; background-color: #fff; } .p-top-about-slide__balloon { position: relative; padding: 0.75em 1em; border-radius: 20rem; background-color: #0028ad; color: #fff; text-align: center; font-weight: bold; font-size: 1.6rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transform: translateY(-25%); transform: translateY(-25%); margin: 0 auto; } @media screen and (max-width: 768px) { .p-top-about-slide__balloon { width: 100%; -webkit-transform: translateY(-15%); transform: translateY(-15%); } } .p-top-about-slide__balloon::after { display: block; position: absolute; bottom: 0; left: 50%; border-top: 1.6rem solid #0028ad; border-right: 0.9rem solid transparent; border-left: 0.9rem solid transparent; content: ""; -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); } .p-top-about-slide__name { margin-top: 1em; color: #0028ad; text-align: center; font-weight: bold; font-size: 2.4rem; } .p-top-about-slide .js-swiper__buttons { bottom: -8.5rem; z-index: 1; } .p-top-special { background-color: #0028ad; } @media screen and (max-width: 768px) { .p-top-special { padding-top: 5.2rem; padding-bottom: 7rem; background: -webkit-gradient(linear, left top, left bottom, from(#0026a7), to(#00145a)); background: linear-gradient(to bottom, #0026a7, #00145a); } } .p-top-special .coming { margin-top: 1em; color: #FFF; font-size: 1.8rem; } @media screen and (max-width: 768px) { .p-top-special .coming { font-size: 1.4rem; } } .p-top-special__balloon { position: relative; padding: 0.75em 1em; border-radius: 20rem; background-color: #fff; color: #0028ad; text-align: center; font-weight: bold; font-size: 2rem; display: inline-block; margin-top: 3rem; } @media screen and (max-width: 768px) { .p-top-special__balloon { margin-top: 5rem; display: block; } } .p-top-special__balloon::after { display: block; position: absolute; bottom: 0; left: 50%; border-top: 1.6rem solid #fff; border-right: 0.9rem solid transparent; border-left: 0.9rem solid transparent; content: ""; -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); } .p-top-special__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: calc(50% - 50vw); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 6%; -moz-column-gap: 6%; column-gap: 6%; } @media screen and (max-width: 768px) { .p-top-special__flex { display: block; margin-left: 0; } } .p-top-special__texts { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media screen and (max-width: 768px) { .p-top-special__texts { width: 100%; } } .p-top-special__title { text-align: center; } .p-top-special__title img { max-width: 53.4rem; width: 89%; } @media screen and (max-width: 768px) { .p-top-special__title img { width: 100%; } } .p-top-special__copy { margin-top: 0.2em; color: #fff; font-weight: bold; font-size: 3.3rem; line-height: 2.2; } @media screen and (max-width: 1366px) { .p-top-special__copy { font-size: 3rem; } } @media screen and (max-width: 768px) { .p-top-special__copy { font-size: 3.3rem; } } .p-top-special__copy span { border-bottom: 0.6rem solid #FFE629; font-size: 1.6em; line-height: 1.5; } .p-top-special__image { width: calc(43.9% + 50vw - 50%); display: block; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media screen and (max-width: 768px) { .p-top-special__image { margin-top: 3rem; width: 100%; } } .p-top-special__image img { -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 768px) { .p-top-special__image img { clip-path: polygon(14% 0%, 86% 0%, 100% 14%, 100% 86%, 86% 100%, 14% 100%, 0% 86%, 0% 14%); } } .p-top-special__pc-button { background: #FFE629 !important; width: 18rem !important; } .p-top-news { position: relative; padding-top: 4.6rem; background-color: #d6d6d6; overflow: hidden; padding-bottom: 15rem; padding-bottom: 10%; isolation: isolate; } @media screen and (max-width: 768px) { .p-top-news { padding-bottom: 30%; } } .p-top-news .c-inner { z-index: 10; position: relative; } .p-top-news .js-zoomcircle { position: absolute; left: 50%; top: 80%; width: 175%; padding-top: 100%; border-radius: 50%; pointer-events: none; z-index: 0; background: radial-gradient(circle, #fff 99.2%, #fff 100%); -webkit-transform: translate3d(-50%, 0, 0) scale(0.72); transform: translate3d(-50%, 0, 0) scale(0.72); -webkit-transform-origin: center center; transform-origin: center center; will-change: transform; backface-visibility: hidden; -webkit-backface-visibility: hidden; } @media screen and (max-width: 768px) { .p-top-news .js-zoomcircle { top: 88%; } } .p-top-news > :not(.js-zoomcircle) { position: relative; z-index: 1; } .p-top-news__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 768px) { .p-top-news__flex { display: block; } } .p-top-news__tit { text-align: right; position: relative; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media screen and (max-width: 768px) { .p-top-news__tit { width: 26.9%; } } .p-top-news__tit p { font-size: 1.6rem; font-weight: bold; letter-spacing: -0.1em; color: #0028ad; } .p-top-news__tit img { width: 22.1rem; margin-top: 1rem; } .p-top-news__tit img.back { position: absolute; bottom: 0; right: 0; -webkit-transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); } .p-top-news__tit img.front { position: relative; z-index: 1; } .p-top-news__tit.show .back { -webkit-transform: translate(-0.5rem, 0.5rem); transform: translate(-0.5rem, 0.5rem); } .p-top-news__texts { width: 63%; } @media screen and (max-width: 768px) { .p-top-news__texts { width: 100%; } } .p-top-news__button { width: 18rem; height: 6rem; margin-top: 4rem; background-color: #0028ad; -webkit-box-shadow: 0 0.7rem 0 #fff; box-shadow: 0 0.7rem 0 #fff; color: #fff; } .p-top-news__obj { display: block; position: absolute; bottom: -73%; left: 50%; width: 100%; border-radius: 50%; background-color: #fff; width: 176%; padding-top: 176%; content: ""; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } @media screen and (max-width: 768px) { .p-top-news__button-wrap { text-align: center; } } .p-top-instagram { overflow: hidden; padding-top: 7rem; } @media screen and (max-width: 768px) { .p-top-instagram { padding-top: 5rem; } } .p-top-instagram__balloon { text-align: center; line-height: 1.5; } .p-top-instagram__balloon span { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; font-size: 2.4rem; } @media screen and (max-width: 768px) { .p-top-instagram__balloon span { font-size: 1.6rem; } } .p-top-instagram__balloon span::before, .p-top-instagram__balloon span::after { display: inline-block; width: 0.1rem; height: 5.2rem; background-color: #000; content: ""; } .p-top-instagram__balloon span::before { -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } .p-top-instagram__balloon span::after { -webkit-transform: rotate(30deg); transform: rotate(30deg); } .p-top-instagram__sns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 5.5rem; -webkit-column-gap: 3rem; -moz-column-gap: 3rem; column-gap: 3rem; } @media screen and (max-width: 768px) { .p-top-instagram__sns { margin-top: 1.6rem; } } .p-top-instagram__sns li a { display: block; width: 11rem; height: 11rem; } @media screen and (max-width: 768px) { .p-top-instagram__sns li a { width: 5.8rem; height: 5.8rem; } } .p-top-instagram__tit { text-align: center; margin-top: 10rem; } @media screen and (max-width: 768px) { .p-top-instagram__tit { margin-top: 5.8rem; } } .p-top-instagram__tit img { max-width: 72.5rem; } .p-top-instagram-slide { margin-top: 3.5rem; } .p-top-instagram__link { margin-top: 2em; color: #0028ad; text-align: center; font-size: 2.4rem; } @media screen and (max-width: 768px) { .p-top-instagram__link { font-size: 1.2rem; } } .p-top-instagram__link a { display: inline-block; position: relative; padding-bottom: 0.4em; border-bottom: 0.1rem solid #0028ad; } .p-top-instagram__link a img { position: absolute; top: 0.2em; left: -1.5em; width: 1.08em; height: 1.08em; margin-right: 0.5rem; } .p-course.is_course01 { background-color: #001869; } .p-course__section-h2 { position: relative; overflow-x: hidden; width: 100%; height: 39.8rem; } @media screen and (max-width: 768px) { .p-course__section-h2 { height: 15.8rem; } } .p-course__section-h2 img { position: absolute; top: 50%; left: 50%; max-width: 115%; width: auto; height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media screen and (max-width: 768px) { .p-course__section-h2 img { height: auto; } } .p-course__section-h2 span { display: block; position: absolute; bottom: 2.3em; left: 50%; width: 100%; color: #fff; text-align: center; font-weight: 500; -webkit-transform: translateX(-50%); transform: translateX(-50%); font-size: 4.5rem; } @media screen and (max-width: 768px) { .p-course__section-h2 span { font-size: 2rem; } } .p-course-mainview__text { position: absolute; top: 9.3rem; left: 2rem; z-index: 1; -webkit-transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); font-size: 1.6rem; color: #fff; width: 14.8rem; } .p-course-mainview__text span { background-color: #001869; color: #fff; display: inline-block; position: relative; -webkit-animation: reveal 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.5s; animation: reveal 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.5s; clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); padding: 0.2em 0.1em; } .p-course-mainview__text span + span { margin-top: 0.4rem; } .p-course-mainview__bottom { display: block; position: relative; padding-top: 2.9rem; padding-bottom: 2.2rem; background: url("../images/top/course-obj1.svg") bottom #001765; -webkit-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .p-course .text { display: inline-block; font-size: 64px; font-weight: bold; } .p-course-lead { text-align: center; margin-top: 9rem; } .p-course-lead__ratios { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 8.3%; -moz-column-gap: 8.3%; column-gap: 8.3%; } @media screen and (max-width: 768px) { .p-course-lead__ratios { display: block; } } .p-course-lead__image2 { width: 39.8%; } @media screen and (max-width: 768px) { .p-course-lead__image2 { width: auto; margin-top: 2.3rem; overflow: hidden; } } .p-course-lead__image2 img { -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); opacity: 0; } .p-course-lead__image2 img.show { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .p-course-lead__image3 { margin-right: calc(50% - 50vw); width: 51.4%; } @media screen and (max-width: 768px) { .p-course-lead__image3 { margin-left: -0.8rem; margin-right: -11%; margin-top: 3.8rem; width: auto; } } .p-course-lead__image3 img { clip-path: polygon(0 0, 0 0, 0 111%, 0 111%); } .p-course-lead__image3 img.show { -webkit-animation: reveal 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; animation: reveal 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); } .p-course-certification { padding-bottom: 13rem; background-image: url(../images/course/01/obj2-pc.svg); background-size: 100%; } @media screen and (max-width: 768px) { .p-course-certification { background-image: url(../images/course/01/obj2.svg); } } .p-course-certification { background-position: bottom; background-repeat: no-repeat; } .p-course-certification__plus { text-align: center; margin-top: 3rem; } @media screen and (max-width: 768px) { .p-course-certification__plus { margin-top: 1.7rem; } } .p-course-certification__plus img { width: 4.1rem; } @media screen and (max-width: 768px) { .p-course-certification__plus img { width: 2.5rem; } } .p-course-certification__name { overflow: hidden; text-align: center; } .p-course-certification__name img { -webkit-transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); max-width: 49.4rem; } .p-course-certification__name img.show { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .p-course-certification__h3 { margin-top: 1.5em; color: #fff; text-align: center; font-weight: bold; font-size: 2.4rem; margin-bottom: 2rem; } @media screen and (max-width: 768px) { .p-course-certification__h3 { font-size: 1.6rem; margin-bottom: 0; } } .p-course-certification__list li { margin-top: 1.2rem; background-color: #fff; color: #0028ad; padding: 1.12em 0; text-align: center; font-weight: bold; line-height: 1.22; -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; -webkit-transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); font-size: 2.8rem; } @media screen and (max-width: 768px) { .p-course-certification__list li { padding: 0.5em 0; margin-top: 0.8rem; font-size: 1.8rem; } } .p-course-certification__list li.show { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .p-course-certification__list li span { font-size: 2.2rem; } @media screen and (max-width: 768px) { .p-course-certification__list li span { font-size: 0.77em; } } .p-course-features { padding-bottom: 18rem; } @media screen and (max-width: 768px) { .p-course-features { padding-bottom: 9rem; } } .p-course-features__ankers { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: none; } @media screen and (max-width: 768px) { .p-course-features__ankers { display: -webkit-box; display: -ms-flexbox; display: flex; } } .p-course-features__ankers li { width: 33.3333333333%; text-align: center; } .p-course-features__ankers li .circle { width: 8rem; } .p-course-features__ankers li .year { margin-top: 1em; color: #fff; font-weight: bold; } .p-course-features__ankers li .year span { font-size: 3.2rem; font-family: "Poppins", sans-serif; } .p-course-features__ankers li .name { margin-top: 0.3em; color: #FFE629; text-align: center; font-weight: bold; font-size: 2.4rem; } .p-course-features__ankers li .chev { width: 2.5rem; margin-top: 1.4rem; } .p-course-features-unit { margin-top: 15rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .p-course-features-unit:first-of-type { margin-top: 5rem; } @media screen and (max-width: 768px) { .p-course-features-unit:first-of-type { margin-top: 15rem; } } @media screen and (max-width: 768px) { .p-course-features-unit { display: block; } } .p-course-features-unit__texts { width: 41.4%; } @media screen and (max-width: 768px) { .p-course-features-unit__texts { width: 100%; } } .p-course-features-unit__image { width: 55.4%; } @media screen and (max-width: 768px) { .p-course-features-unit__image { width: 100%; margin-top: 1.5rem; } } .p-course-features-unit__heading { position: relative; text-align: center; } .p-course-features-unit__heading .circle { display: block; position: absolute; top: 0; left: 0; width: 21.2rem; height: 21.2rem; max-block-size: none; content: ""; -webkit-transform: translateY(-23%); transform: translateY(-23%); } @media screen and (max-width: 768px) { .p-course-features-unit__heading .circle { width: 14rem; height: 14rem; -webkit-transform: translate(-23%, -40%); transform: translate(-23%, -40%); } } .p-course-features-unit__heading .year { display: inline-block; position: relative; z-index: 1; width: 15.1rem; margin: 0 auto; padding: 0.2em 0; border: 0.2rem solid #fff; border-radius: 0.5rem; background-color: #001869; color: #fff; font-weight: bold; font-size: 1.7rem; } .p-course-features-unit__heading .year span { font-size: 2.3rem; } .p-course-features-unit__heading h3 { margin-top: 1em; color: #fff; font-weight: bold; line-height: 1.2; font-size: 2.4rem; } @media screen and (max-width: 768px) { .p-course-features-unit__heading h3 { font-size: 2rem; } } .p-course-features-unit__heading h3 span { display: block; margin-bottom: 0.8em; color: #FFE629; font-size: 3.2rem; } @media screen and (max-width: 768px) { .p-course-features-unit__heading h3 span { margin-bottom: 0.4em; } } .p-course-features-unit__text { color: #fff; font-size: 1.6rem; line-height: 1.5; width: 82%; margin: 0 auto; margin-top: 1.5em; } @media screen and (max-width: 768px) { .p-course-features-unit__text { width: auto; } } .p-course-field { background: url("../images/course/01/obj3-pc.svg") bottom #0868D3; } @media screen and (max-width: 768px) { .p-course-field { background: url("../images/course/01/obj3.svg") bottom #0868D3; } } .p-course-field__heading { position: relative; } .p-course-field__heading img { max-height: 50vh; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 768px) { .p-course-field__heading img { max-height: none; } } .p-course-field__heading .p-course__section-h2 { position: absolute; bottom: 0; left: 50%; z-index: 1; -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .p-course-field__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 18rem; row-gap: 3.6rem; -webkit-column-gap: 3.5rem; -moz-column-gap: 3.5rem; column-gap: 3.5rem; } @media screen and (max-width: 768px) { .p-course-field__list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 8rem; row-gap: 2rem; -webkit-column-gap: normal; -moz-column-gap: normal; column-gap: normal; } } .p-course-field__list li { width: 27.4rem; display: block; position: relative; border-radius: 1rem; padding: 2.5rem 0; background-color: #fff; text-align: center; cursor: pointer; } @media screen and (max-width: 768px) { .p-course-field__list li { padding: 1.2rem 0; width: 48%; } } .p-course-field__list li::after { display: inline-block; position: absolute; background: #0028ad; content: ""; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); right: 1rem; bottom: 3.1rem; width: 1.8rem; height: 0.9rem; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url("../images/common/icon-chev-down.svg"); mask-image: url("../images/common/icon-chev-down.svg"); } @media screen and (max-width: 768px) { .p-course-field__list li::after { right: 0.3rem; bottom: 1.6rem; width: 1rem; height: 0.5rem; } } .p-course-field__list li img { width: auto; height: 9.5rem; } @media screen and (max-width: 768px) { .p-course-field__list li img { height: 5.2rem; } } .p-course-field__list li p { margin-top: 0.5em; color: #0028ad; font-size: 2.4rem; } @media screen and (max-width: 768px) { .p-course-field__list li p { margin-top: 1em; font-size: 1.4rem; } } .p-course-curriculum { padding-top: 3rem; background-color: #0868d3; } .p-course-curriculum__lists { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 4rem; -moz-column-gap: 4rem; column-gap: 4rem; row-gap: 4rem; } @media screen and (max-width: 960px) { .p-course-curriculum__lists { display: block; } } .p-course-curriculum__dl { width: 41%; background-color: #fff; } @media screen and (max-width: 960px) { .p-course-curriculum__dl { width: 100%; } } @media screen and (max-width: 960px) { .p-course-curriculum__dl:not(:first-of-type) { margin-top: 3rem; } } .p-course-curriculum__dl.is_yw { background-color: #FFE629; } .p-course-curriculum__dl.is_yw dt { border-color: #FFE629; color: #FFE629; } .p-course-curriculum__dl dt { padding: 0.5em; border: 0.3rem solid #fff; background-color: #0028ad; color: #fff; text-align: center; font-weight: bold; font-size: 2.4rem; } @media screen and (max-width: 768px) { .p-course-curriculum__dl dt { font-size: 1.6rem; } } .p-course-curriculum__dl dd { padding: 1.3rem 1em 1.7rem; } .p-course-curriculum__dl dd ul li { padding-left: 1em; color: #333; text-indent: -1em; line-height: 1.66; font-size: 2rem; } @media screen and (max-width: 768px) { .p-course-curriculum__dl dd ul li { font-size: 1.2rem; } } .p-course-curriculum__dl dd ul li::before { content: "●"; } .p-course-curriculum__dl dd.is_col2 { display: -webkit-box; display: -ms-flexbox; display: flex; } .p-course-curriculum__dl dd.is_col2 ul { width: 50%; } .p-course-curriculum__dl dd p { margin-top: 1em; line-height: 1.4; font-size: 1.6rem; } @media screen and (max-width: 768px) { .p-course-curriculum__dl dd p { font-size: 1rem; } } .p-course-schedule { padding-top: 17rem; background-color: #0868d3; } @media screen and (max-width: 768px) { .p-course-schedule { padding-top: 4.5rem; } } .p-course-schedule__balloon { color: #FFE629; } .p-course-schedule__balloon span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 0.5rem; -moz-column-gap: 0.5rem; column-gap: 0.5rem; font-size: 3.2rem; } @media screen and (max-width: 768px) { .p-course-schedule__balloon span { font-size: 1.6rem; } } .p-course-schedule__balloon span::before, .p-course-schedule__balloon span::after { display: inline-block; width: 0.1rem; height: 1em; background-color: #FFE629; content: ""; } .p-course-schedule__balloon span::before { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); margin-right: 0.4em; } .p-course-schedule__balloon span::after { -webkit-transform: rotate(15deg); transform: rotate(15deg); margin-left: 0.4rem; } .p-course-schedule__table { width: 100%; line-height: 1.6; margin-top: 2.5rem; } @media screen and (max-width: 768px) { .p-course-schedule__table { line-height: 1.3; margin-top: 0.7rem; } } .p-course-schedule__table col:not(:first-of-type) { width: 17.75%; } .p-course-schedule__table th { padding: 1em 0; border: 0.1rem solid #f0f3ff; background-color: #0028ad; color: #fff; vertical-align: middle; text-align: center; font-weight: bold; font-size: 2rem; } @media screen and (max-width: 768px) { .p-course-schedule__table th { padding: 0.4em 0; font-size: 1.4rem; } } .p-course-schedule__table td { border: 0.1rem solid #f0f3ff; background-color: #fff; color: #001869; vertical-align: middle; text-align: center; font-weight: bold; font-size: 2rem; } @media screen and (max-width: 768px) { .p-course-schedule__table td { font-size: 1.1rem; } } .p-course-schedule__asterisk { margin-top: 1em; color: #fff; font-size: 2rem; } @media screen and (max-width: 768px) { .p-course-schedule__asterisk { font-size: 1.2rem; } } .p-course-class { padding-top: 14rem; padding-bottom: 20rem; background-color: #0868d3; } @media screen and (max-width: 768px) { .p-course-class { padding-top: 5.5rem; padding-bottom: 10rem; } } .p-course-class__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; row-gap: 8rem; } @media screen and (max-width: 768px) { .p-course-class__list { row-gap: 3rem; } } .p-course-class__list li { width: 26.7%; color: #fff; } @media screen and (max-width: 768px) { .p-course-class__list li { width: 46.8%; } } .p-course-class__name { margin-top: 0.875em; text-align: center; white-space: nowrap; font-size: 2.4rem; } @media screen and (max-width: 768px) { .p-course-class__name { font-size: 1.6rem; } } .p-course-class__name.is_long { margin-left: -0.3em; } .p-course-class__text { line-height: 1.42; font-size: 1.6rem; margin-top: 1.5em; } @media screen and (max-width: 768px) { .p-course-class__text { font-size: 1.4rem; margin-top: 0.7em; } } .p-course-pickup { position: relative; } .p-course-pickup__obj1 { position: absolute; width: 100%; top: 5%; left: 0; opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); } @media screen and (max-width: 768px) { .p-course-pickup__obj1 { top: 10%; } } .p-course-pickup__obj1.show { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .p-course-pickup__obj2 { position: absolute; width: 100%; top: 47%; left: 0; opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); display: none; } @media screen and (max-width: 768px) { .p-course-pickup__obj2 { display: block; } } .p-course-pickup__obj2.show { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .p-course-pickup .c-inner { position: relative; z-index: 10; } .p-course-pickup__h2 { text-align: center; -webkit-transform: translateY(-30%); transform: translateY(-30%); } .p-course-pickup__h2 img { width: auto; height: 16.8rem; } @media screen and (max-width: 768px) { .p-course-pickup__h2 img { height: 7rem; } } .p-course-pickup__h2 span { display: block; margin-top: 0.5em; color: #fff; font-size: 4.5rem; } @media screen and (max-width: 768px) { .p-course-pickup__h2 span { font-size: 2rem; } } .p-course-pickup__ankers { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: none; } @media screen and (max-width: 768px) { .p-course-pickup__ankers { display: -webkit-box; display: -ms-flexbox; display: flex; } } .p-course-pickup__ankers li { overflow: hidden; width: 29.7%; border-radius: 50%; } .p-course-pickup__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 768px) { .p-course-pickup__list { display: block; } } .p-course-pickup__item { width: 26.6%; margin-top: 5.5rem; } @media screen and (max-width: 768px) { .p-course-pickup__item { width: 100%; } } .p-course-pickup__h3 { position: relative; z-index: 1; text-align: center; font-size: 1.6rem; } .p-course-pickup__h3 span { display: inline-block; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 21.2rem; height: 3.4rem; border: 0.1rem solid #fff; border-radius: 0.5rem; background-color: #001869; color: #fff; font-weight: bold; } .p-course-pickup__image { -webkit-transform: translateY(-1.7rem); transform: translateY(-1.7rem); } .p-course-pickup__text { margin-top: 1em; color: #fff; font-size: 1.6rem; line-height: 2; } @media screen and (max-width: 768px) { .p-course-pickup__text { font-size: 1.4rem; line-height: 1.42; } } .p-course-pickup__balloon { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; margin-top: 6rem; margin-bottom: 4.5rem; max-width: 62.4rem; border: 0.2rem solid #fff; border-radius: 20rem; background-color: #001869; color: #fff; font-weight: bold; height: 13.2rem; font-size: 3.2rem; } @media screen and (max-width: 768px) { .p-course-pickup__balloon { font-size: 2rem; line-height: 1.42; margin-top: 4.5rem; margin-bottom: 2rem; height: 6.8rem; } } .p-course-pickup__balloon::before, .p-course-pickup__balloon::after { display: block; position: absolute; bottom: 0; left: 50%; content: ""; -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); } .p-course-pickup__balloon::before { border-top: 4rem solid #fff; border-right: 2.2rem solid transparent; border-left: 2.2rem solid transparent; } @media screen and (max-width: 768px) { .p-course-pickup__balloon::before { border-top: 2.2rem solid #fff; border-right: 1.1rem solid transparent; border-left: 1.1rem solid transparent; } } .p-course-pickup__balloon::after { border-top: 3.8rem solid #001869; border-right: 1.9rem solid transparent; border-left: 1.9rem solid transparent; } @media screen and (max-width: 768px) { .p-course-pickup__balloon::after { border-top: 2rem solid #001869; border-right: 0.9rem solid transparent; border-left: 0.9rem solid transparent; } } .p-course-pickup__human { text-align: center; } .p-course-pickup__human img { max-width: 62.4rem; } .p-course.is_course02 { background-color: #520000; } .p-course.is_course02 .p-course-mainview__text { left: initial; right: 1.6rem; } .p-course.is_course02 .p-course-mainview__text span { background-color: #ad0000; } .p-course.is_course02 .p-course-mainview__bottom { background: url("../images/course/02/obj1.svg") bottom #520000; } .p-course.is_course02 .p-course-certification { background-image: url("../images/course/02/obj2-pc.svg"); } @media screen and (max-width: 768px) { .p-course.is_course02 .p-course-certification { background-image: url("../images/course/02/obj2.svg"); } } .p-course.is_course02 .p-course-certification__list li { color: #520000; } .p-course.is_course02 .p-course-lead { overflow: hidden; } @media screen and (max-width: 768px) { .p-course.is_course02 .p-course-lead__image2 img { width: 81.6%; } } @media screen and (max-width: 768px) { .p-course.is_course02 .p-course-lead__image3 { width: 125%; margin-top: 3.8rem; } } .p-course.is_course02 .p-course-certification__name img { max-width: 62.8rem; } .p-course.is_course02 .p-course-features-unit__heading .year { background-color: #520000; } .p-course.is_course02 .p-course-field { background: url("../images/course/02/obj3-pc.svg") bottom #AD0000; } @media screen and (max-width: 768px) { .p-course.is_course02 .p-course-field { background: url("../images/course/02/obj3.svg") bottom #AD0000; } } .p-course.is_course02 .p-course-field__list li p { color: #ad0000; } .p-course.is_course02 .p-course-field__list li::after { background: #ad0000; } .p-course.is_course02 .p-course-curriculum { background-color: #ad0000; } .p-course.is_course02 .p-course-curriculum__dl dt { background-color: #d90000; } .p-course.is_course02 .p-course-schedule { background-color: #ad0000; } .p-course.is_course02 .p-course-schedule__table th { background-color: #520000; } .p-course.is_course02 .p-course-schedule__table td { color: #520000; } .p-course.is_course02 .p-course-class { background-color: #ad0000; } .p-course.is_course02 .p-course-pickup h3 span { background-color: #520000; } .p-course.is_course02 .p-course-pickup__balloon { background-color: #520000; } .p-course.is_course02 .p-course-pickup__balloon::after { border-top-color: #520000; } .p-course.is_course02 .c-popup__name { color: #ad0000; } .p-course.is_course02 .c-popup__link a { border-color: #ad0000; color: #ad0000; } .p-course.is_course02 .c-popup__link a::after { background: #ad0000; } @-webkit-keyframes reveal { 0% { clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); } 100% { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } } @keyframes reveal { 0% { clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); } 100% { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } } .p-opencampus { background-color: #d8f1ff; } .p-opencampus-mainview { position: relative; } .p-opencampus-mainview img { width: 59.2%; } @media screen and (max-width: 768px) { .p-opencampus-mainview img { width: auto; } } .p-opencampus-mainview__tit { position: absolute; top: 50%; right: 5rem; width: 50.29%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 768px) { .p-opencampus-mainview__tit { position: static; width: auto; margin-top: -2.3rem; text-align: center; } } @media screen and (max-width: 768px) { .p-opencampus-mainview__tit img { max-width: 36.4rem; } } .p-opencampus__lead p { margin-top: 2em; color: #0028ad; text-align: center; font-weight: bold; font-size: 2.4rem; line-height: 2; } @media screen and (max-width: 768px) { .p-opencampus__lead p { margin-top: 3.5em; font-size: 1.6rem; } } .p-opencampus__h2 { padding: 0.57em 0; border-top: 0.1rem solid #0028ad; border-bottom: 0.1rem solid #0028ad; color: #0028ad; text-align: center; font-weight: 500; font-size: 2rem; } .p-opencampus-next { padding-top: 8rem; padding-bottom: 10rem; } @media screen and (max-width: 768px) { .p-opencampus-next { padding-top: 3rem; } } .p-opencampus-next__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; margin-top: 5rem; row-gap: 4rem; } @media screen and (max-width: 768px) { .p-opencampus-next__list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .p-opencampus-next__list li { position: relative; width: 18%; padding-top: 2.6rem; padding-bottom: 2.2rem; border: 0.1rem solid #0028ad; background-color: #fff; text-align: center; line-height: 1; } @media screen and (max-width: 768px) { .p-opencampus-next__list li { width: 47%; } } .p-opencampus-next__top::before, .p-opencampus-next__top::after { display: block; position: absolute; top: 0; width: 3rem; height: 3rem; background-image: url(../images/opencampus/next-obj.svg); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; } .p-opencampus-next__top::before { top: 0; left: 0; -webkit-transform: translate(-25%, -25%); transform: translate(-25%, -25%); } .p-opencampus-next__top::after { top: 0; right: 0; -webkit-transform: rotate(90deg) translate(-25%, -25%); transform: rotate(90deg) translate(-25%, -25%); } .p-opencampus-next__bottom::before, .p-opencampus-next__bottom::after { display: block; position: absolute; bottom: 0; width: 3rem; height: 3rem; background-image: url(../images/opencampus/next-obj.svg); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; } .p-opencampus-next__bottom::before { left: 0; -webkit-transform: rotate(-90deg) translate(-25%, -25%); transform: rotate(-90deg) translate(-25%, -25%); } .p-opencampus-next__bottom::after { right: 0; -webkit-transform: rotate(180deg) translate(-25%, -25%); transform: rotate(180deg) translate(-25%, -25%); } .p-opencampus-next__year { color: #0028ad; font-weight: bold; font-size: 2.2rem; } @media screen and (max-width: 768px) { .p-opencampus-next__year { font-size: 1.6rem; } } .p-opencampus-next__date { margin-top: 0.7em; color: #0028ad; font-weight: bold; font-size: 2.7rem; } @media screen and (max-width: 768px) { .p-opencampus-next__date { font-size: 2rem; } } .p-opencampus-next__date span { font-weight: 700; font-size: 1.6em; font-family: "Poppins", sans-serif; } .p-opencampus-next__button { width: 84%; height: 5.1rem; margin: 0 auto; margin-top: 2rem; border: 0.1rem solid #0028ad; background-color: #FFE629; color: #0028ad; font-weight: 500; font-size: 1.6rem; } @media screen and (max-width: 768px) { .p-opencampus-next__button { height: 3.7rem; margin-top: 1.4rem; font-size: 1.2rem; } } .p-opencampus-next__button::after { position: static; margin-left: 0.5em; background: #0028ad; -webkit-transform: none; transform: none; } .p-opencampus-flow-timeline { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 6rem; } @media screen and (max-width: 768px) { .p-opencampus-flow-timeline { margin-top: 3rem; display: block; } } .p-opencampus-flow-timeline__item { position: relative; padding-top: 4rem; padding-right: 4.1%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 768px) { .p-opencampus-flow-timeline__item { display: block; padding-bottom: 4.5rem; padding-right: 0; padding-left: 3.5rem; padding-top: 0; } } .p-opencampus-flow-timeline__item::before { display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 0.5rem; background-color: #0028ad; content: ""; } @media screen and (max-width: 768px) { .p-opencampus-flow-timeline__item::before { width: 0.5rem; height: 100%; } } .p-opencampus-flow-timeline__item:last-of-type { padding-bottom: 0; padding-right: 0; } .p-opencampus-flow-timeline__item:last-of-type::before { display: none; } .p-opencampus-flow-timeline__head { display: -webkit-box; display: -ms-flexbox; display: flex; } .p-opencampus-flow-timeline__head .time { display: inline-block; position: relative; margin-right: 1rem; padding-top: 0.3em; color: #0028ad; font-weight: bold; font-size: 1.6rem; } .p-opencampus-flow-timeline__head .time::before { display: inline-block; position: absolute; top: -4rem; left: 0; -webkit-transform: translateY(-40%); transform: translateY(-40%); width: 2.7rem; height: 2.7rem; border-radius: 50%; background-color: #0028ad; content: ""; } @media screen and (max-width: 768px) { .p-opencampus-flow-timeline__head .time::before { top: 0; -webkit-transform: translate(calc(-50% - 3.25rem)); transform: translate(calc(-50% - 3.25rem)); } } .p-opencampus-flow-timeline__head .texts { margin-bottom: 1.5rem; } @media screen and (max-width: 768px) { .p-opencampus-flow-timeline__head .texts { margin-bottom: 0; } } .p-opencampus-flow-timeline__head .texts .title { color: #0028ad; font-weight: bold; font-size: 2.4rem; } .p-opencampus-flow-timeline__head .texts .desc { margin-top: 0.8em; color: #333; font-size: 1.4rem; line-height: 1.7; } .p-opencampus-flow-timeline__image { margin-top: auto; } @media screen and (max-width: 768px) { .p-opencampus-flow-timeline__image { margin-top: 1.5rem; } } .p-opencampus-merit { padding-top: 8rem; } .p-opencampus-merit__ol { counter-reset: item; margin-top: 5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 2rem; } @media screen and (max-width: 768px) { .p-opencampus-merit__ol { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 1.5rem; row-gap: inherit; } } .p-opencampus-merit__ol li { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #0028ad; font-size: 2.4rem; font-weight: bold; line-height: 1.33; width: 33.3333333333%; } @media screen and (max-width: 768px) { .p-opencampus-merit__ol li { width: auto; font-size: 2.2rem; } } .p-opencampus-merit__ol li::before { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 7.2rem; height: 8.3rem; margin-right: 0.2em; background-image: url(../images/opencampus/icon-star.svg); content: counter(item, decimal); background-size: contain; counter-increment: item; font-size: 3.2rem; font-family: "Poppins", sans-serif; line-height: 1; } .p-opencampus-schedule { margin-top: 13rem; padding-bottom: 6.8rem; } @media screen and (max-width: 768px) { .p-opencampus-schedule { margin-top: 4rem; } } .p-opencampus-schedule__text { margin-top: 2rem; color: #0028ad; text-align: center; font-size: 1.4rem; } .p-opencampus-schedule__inner { max-width: 80rem; margin: 0 auto; } .p-opencampus-schedule__h3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 11.8rem; height: 4.8rem; border-radius: 10rem; background-color: #fff; color: #0028ad; margin-top: 4.6rem; font-size: 2.3rem; font-weight: 500; } @media screen and (max-width: 768px) { .p-opencampus-schedule__h3 { font-size: 1.4rem; margin-top: 1.5em; width: 6.8rem; height: 2.8rem; } } .p-opencampus-schedule__dl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0.5rem; font-family: "Poppins", sans-serif; } .p-opencampus-schedule__dl .adjust { display: inline-block; margin-top: 0.7em; } .p-opencampus-schedule__dl dt { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1.2rem; border-bottom: 0.1rem solid #fff; color: #0028ad; font-weight: bold; width: 8rem; font-size: 2.8rem; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (max-width: 768px) { .p-opencampus-schedule__dl dt { font-size: 1.6rem; width: 5rem; } } .p-opencampus-schedule__dl dt .poppins { display: inline-block; color: #FFE629; -webkit-text-stroke: 0.1rem #0028ad; font-size: 5.5rem; } @media screen and (max-width: 768px) { .p-opencampus-schedule__dl dt .poppins { font-size: 3.2rem; } } .p-opencampus-schedule__dl dd { width: calc(100% - 8rem); padding: 1.2rem; border-bottom: 0.1rem solid #fff; } @media screen and (max-width: 768px) { .p-opencampus-schedule__dl dd { width: calc(100% - 5rem); } } .p-opencampus-schedule__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #0028ad; line-height: 1; -webkit-column-gap: 2.5rem; -moz-column-gap: 2.5rem; column-gap: 2.5rem; } @media screen and (max-width: 768px) { .p-opencampus-schedule__list { row-gap: 1.5rem; -webkit-column-gap: 1.7rem; -moz-column-gap: 1.7rem; column-gap: 1.7rem; } } .p-opencampus-schedule__list li { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 2.8rem; } @media screen and (max-width: 768px) { .p-opencampus-schedule__list li { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 1.6rem; } } .p-opencampus-schedule__list li .poppins { display: inline-block; color: #0028ad; font-size: 5.5rem; min-width: 1.3em; text-align: right; } @media screen and (max-width: 768px) { .p-opencampus-schedule__list li .poppins { font-size: 3.2rem; } } .p-opencampus-schedule__list li .adjust { font-size: inherit; } .p-opencampus-schedule__list li .day { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2rem; height: 2rem; margin-top: 0.7em; margin-left: 0.2em; border-radius: 50%; background-color: #0028ad; color: #fff; font-weight: bold; font-size: 1.2rem; } .p-opencampus-schedule__reserve { text-align: center; } .p-opencampus-schedule__reserve .c-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 20.7rem; height: 5.1rem; margin-top: 5rem; border: 0.1rem solid #0028ad; background-color: #fff; color: #0028ad; font-weight: bold; font-size: 1.4rem; } .p-opencampus-schedule__reserve .c-button:after { background: #0028ad; } .p-interview-list__tit { text-align: center; margin-top: 10rem; } @media screen and (max-width: 768px) { .p-interview-list__tit { margin-top: 2.8rem; } } .p-interview-list__tit img { height: 8.6rem; } @media screen and (max-width: 768px) { .p-interview-list__tit img { height: 3.6rem; } } .p-interview-list__chips { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 76rem; margin: 0 auto; row-gap: 4.3rem; margin-top: 6.2rem; } @media screen and (max-width: 768px) { .p-interview-list__chips { row-gap: 2rem; margin-top: 3rem; } } .p-interview-list__chips .chip { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 29.3%; padding: 0 0.4em; background-color: #f0f3ff; color: #0028ad; font-size: 2rem; border-radius: 1.8rem; height: 6.6rem; line-height: 1.33; } @media screen and (max-width: 768px) { .p-interview-list__chips .chip { border-radius: 20rem; font-size: 1.2rem; height: 3.5rem; } } .p-interview-list__chips .chip { cursor: pointer; } .p-interview-list__chips .chip.is_active { background-color: #0028ad; color: #fff; } .p-interview-list__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; margin-top: 4rem; } @media screen and (max-width: 768px) { .p-interview-list__actions { margin-top: 1.7rem; } } .p-interview-list__actions .action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 0.1rem solid #0028ad; background-color: #fff; color: #0028ad; cursor: pointer; font-size: 3.2rem; height: 9rem; border-radius: 1.8rem; width: 29.6rem; } @media screen and (max-width: 768px) { .p-interview-list__actions .action { border-radius: 20rem; height: 3.8rem; width: 38.75%; font-size: 1.6rem; } } .p-interview-list__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 5rem; row-gap: 4rem; } .p-interview-list-card { width: 29.8%; } @media screen and (max-width: 768px) { .p-interview-list-card { width: 46.87%; } } .p-interview-list-card__tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 3.8rem; } @media screen and (max-width: 768px) { .p-interview-list-card__tags { margin-top: 1.4rem; -webkit-column-gap: 0.4rem; -moz-column-gap: 0.4rem; column-gap: 0.4rem; } } .p-interview-list-card__tags .tag { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 5rem; padding: 0 0.4em; border-radius: 20rem; background-color: #f0f3ff; color: #0028ad; line-height: 1.33; cursor: pointer; font-size: 1.6rem; width: 47.3%; } @media screen and (max-width: 768px) { .p-interview-list-card__tags .tag { height: 2.7rem; width: 7.1rem; font-size: 1rem; } } .p-interview-list-card__img img { -o-object-fit: cover; object-fit: cover; clip-path: polygon(14% 0%, 86% 0%, 100% 14%, 100% 86%, 86% 100%, 14% 100%, 0% 86%, 0% 14%); } .p-interview-list-card__name { color: #0028ad; text-align: center; font-weight: bold; font-size: 4.6rem; margin-top: 1em; } @media screen and (max-width: 768px) { .p-interview-list-card__name { margin-top: 0.5em; font-size: 2rem; } } .p-interview-list-card__name span { font-size: 3.2rem; } @media screen and (max-width: 768px) { .p-interview-list-card__name span { font-size: 1.4rem; } } .p-interview-list-card__button.is_small { width: 100%; margin-top: 5rem; } @media screen and (max-width: 768px) { .p-interview-list-card__button.is_small { width: 16rem; margin-top: 1.5rem; } } .p-interview-list-card.is_red .tag { background-color: #ffe9e2; color: #d90000; } .p-interview-list-card.is_red .p-interview-list-card__name { color: #d90000; } .p-interview-list-card.is_red .p-interview-list-card__button { border-color: #d90000; color: #d90000; } .p-interview-list-card.is_red .p-interview-list-card__button::after { background: #d90000; } .p-interview-mv { position: relative; z-index: -1; } .p-interview-mv__obj1 { position: absolute; top: -0.2rem; left: 0; width: 13%; } @media screen and (max-width: 960px) { .p-interview-mv__obj1 { width: 21.5%; } } .p-interview-mv__obj2 { position: absolute; right: 0; width: 9%; bottom: -80%; } @media screen and (max-width: 960px) { .p-interview-mv__obj2 { bottom: -4rem; } } .p-interview-mv__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (max-width: 960px) { .p-interview-mv__body { display: block; width: 89%; margin-left: auto; padding-top: 5rem; } } .p-interview-mv__body .p-interview-mv__image { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .p-interview-mv__body .p-interview-mv__texts { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .p-interview-mv__image { width: 62.5%; margin-top: 4rem; text-align: center; } @media screen and (max-width: 960px) { .p-interview-mv__image { width: auto; } } .p-interview-mv__image img { aspect-ratio: 854/668; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } @media screen and (max-width: 960px) { .p-interview-mv__image img { aspect-ratio: initial; width: 76.8%; } } .p-interview-mv__texts { margin-top: 10%; white-space: nowrap; margin-right: -14vw; z-index: 1; } .p-interview-mv__copy { margin-top: -3.6rem; } .p-interview-mv__copy span { display: inline-block; background-color: #0028ad; color: #fff; font-weight: bold; line-height: 1.2; font-size: 4.5rem; } @media screen and (max-width: 768px) { .p-interview-mv__copy span { font-size: 3.2rem; } } .p-interview-mv__copy span:not(:first-of-type) { margin-top: 0.3em; } .p-interview-mv-profile { padding-top: 3rem; } .p-interview-mv-profile__post { color: #0028ad; font-weight: bold; line-height: 1.2; font-size: 2.8rem; } @media screen and (max-width: 768px) { .p-interview-mv-profile__post { font-size: 2rem; } } .p-interview-mv-profile__work { margin-top: 1em; line-height: 1.33; font-size: 1.7rem; } @media screen and (max-width: 768px) { .p-interview-mv-profile__work { font-size: 1.2rem; } } .p-interview-mv-profile__name { margin-top: 0.4em; font-weight: bold; font-size: 2.8rem; } @media screen and (max-width: 768px) { .p-interview-mv-profile__name { font-size: 2rem; } } .p-interview-mv-profile__name span { font-size: 2rem; } @media screen and (max-width: 768px) { .p-interview-mv-profile__name span { font-size: 1.4rem; } } .p-interview-post .c-inner { overflow: hidden; } .p-interview-body { max-width: 72.3rem; margin: 0 auto; margin-top: 14rem; } @media screen and (max-width: 768px) { .p-interview-body { margin-top: 3rem; } } .p-interview-body *:first-child { margin-top: 0 !important; } .p-interview-body p { margin-top: 3em; font-size: 1.6rem; line-height: 2; } .p-interview-slide { margin-top: 10rem; } @media screen and (max-width: 768px) { .p-interview-slide { margin-top: 4rem; } } .p-interview-class { margin-top: 4rem; } .p-interview-class__text { color: #0028ad; text-align: center; font-weight: bold; font-size: 1.4rem; margin-bottom: 0.5em; } .p-interview-class__name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0.5em 0; color: #0028ad; font-weight: bold; font-size: 2.4rem; line-height: 1.25; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 2.7rem; -moz-column-gap: 2.7rem; column-gap: 2.7rem; } @media screen and (max-width: 768px) { .p-interview-class__name { -webkit-column-gap: 0.1em; -moz-column-gap: 0.1em; column-gap: 0.1em; } } .p-interview-class__name .swiper-button-prev, .p-interview-class__name .swiper-button-next { width: 3.7rem; height: 9.1rem; position: static; } .p-interview-class__name .swiper-button-prev:after, .p-interview-class__name .swiper-button-next:after { content: ""; width: 100%; height: 100%; background-image: url(../images/interview/icon-bracket.svg); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; } @media screen and (max-width: 768px) { .p-interview-class__name .swiper-button-prev, .p-interview-class__name .swiper-button-next { width: 2.4rem; height: 5.7rem; } } .p-interview-class__name .swiper-button-next { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .p-exam__emphasis { padding: 1em; border: 0.1rem solid #d90000; color: #d90000; } .p-exam__links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; row-gap: 1rem; } .p-exam__links li { width: 23.1%; } @media screen and (max-width: 1200px) { .p-exam__links li { width: 47.5%; } } .p-exam__links li a { display: block; padding: 0.47em 0; padding-left: 0.5em; border-radius: 0; color: #fff; font-size: 2.3rem; } @media screen and (max-width: 768px) { .p-exam__links li a { font-size: 1.4rem; } } .p-exam__links li a::after { right: 0.5em; font-size: 1.6rem; } @media screen and (max-width: 768px) { .p-exam__links li a::after { font-size: 1.4rem; } } .p-exam__links li a.is_exam1 { background-color: #d90000; } .p-exam__links li a.is_exam2 { background-color: #00ad2f; } .p-exam__links li a.is_exam3 { background-color: #f2653b; font-size: 2.3rem; } @media screen and (max-width: 768px) { .p-exam__links li a.is_exam3 { font-size: 1.2rem; } } .p-exam__links li a.is_exam4 { background-color: #0028ad; } .p-exam__links li a.is_current { background-color: #b7b7b7; pointer-events: none; } .p-exam-selective .c-title { color: #d90000; } .p-exam-selective .c-table th { background-color: #fdd; } .p-exam-selective .c-table td { border-color: #fdd; } .p-exam-selective__dl dt { position: relative; margin-top: 5rem; padding: 0.5em 0; background-color: #d90000; color: #fff; text-align: center; font-weight: bold; font-size: 2.4rem; } @media screen and (max-width: 768px) { .p-exam-selective__dl dt { font-size: 1.4rem; } } .p-exam-selective__dl dt::after { display: inline-block; position: absolute; top: -3.5rem; left: 50%; border-top: 2.3rem solid #d90000; border-right: 2.1rem solid transparent; border-left: 2.1rem solid transparent; content: ""; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .p-exam-selective__dl dt:first-of-type { margin-top: 1rem; } .p-exam-selective__dl dt:first-of-type:after { display: none; } .p-exam-selective__dl dd { background-color: #fdd; line-height: 1.43; font-size: 1.6rem; padding: 1em; } @media screen and (max-width: 768px) { .p-exam-selective__dl dd { padding: 0.7em; font-size: 1.4rem; } } .p-exam-selective__h3 { margin-top: 1.28em; padding: 0.47em 1em; background-color: #d90000; color: #fff; font-weight: bold; font-size: 2.3rem; } @media screen and (max-width: 768px) { .p-exam-selective__h3 { font-size: 1.4rem; } } .p-exam-selective__table1 col:first-of-type { width: 12.8em; } @media screen and (max-width: 768px) { .p-exam-selective__table1 col:first-of-type { width: 4.5em; } } .p-exam-selective__table1 col:nth-of-type(2) { width: 26.2em; } @media screen and (max-width: 768px) { .p-exam-selective__table1 col:nth-of-type(2) { width: auto; } } @media screen and (max-width: 768px) { .p-exam-selective__table1 col:nth-of-type(3) { width: 14em; } } .p-exam-selective__table2 col:first-of-type { width: 12.8em; } @media screen and (max-width: 768px) { .p-exam-selective__table2 col:first-of-type { width: 6em; } } .p-exam-selective__table3 { table-layout: fixed; } @media screen and (max-width: 768px) { .p-exam-selective__table3 { table-layout: auto; } } @media screen and (max-width: 768px) { .p-exam-selective__table3 col:first-of-type { width: 6em; } } @media screen and (max-width: 768px) { .p-exam-selective__table3 col:nth-of-type(3) { width: 14em; } } .p-exam-officer__address { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.8rem; font-weight: normal; text-align: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 34em; } @media screen and (max-width: 768px) { .p-exam-officer__address { width: 100%; } } .p-exam-officer__address:first-of-type { margin-top: 4rem; } @media screen and (max-width: 768px) { .p-exam-officer__address:first-of-type { margin-top: 2rem; } } .p-exam-officer__address:nth-of-type(2) { margin-top: 2rem; } @media screen and (max-width: 768px) { .p-exam-officer__address:nth-of-type(2) { margin-top: 1rem; } } @media screen and (max-width: 768px) { .p-exam-officer__address { font-size: 1.4rem; } } .p-exam-officer__address dt { background-color: #f0f3ff; border: 0.1rem solid #f0f3ff; padding: 1em; width: 50%; } @media screen and (max-width: 768px) { .p-exam-officer__address dt { width: 100%; } } .p-exam-officer__address dd { border: 0.1rem solid #f0f3ff; padding: 1em; width: 50%; } @media screen and (max-width: 768px) { .p-exam-officer__address dd { width: 100%; } } .p-tuition__emphasis { padding: 1em; border: 0.1rem solid #d90000; color: #d90000; } .p-tuition-support__dl dt { position: relative; background-color: #0028ad; color: #fff; text-align: center; font-weight: bold; font-size: 2.4rem; margin-top: 5.4rem; padding: 0.8em 0; } @media screen and (max-width: 768px) { .p-tuition-support__dl dt { padding: 0.5em 0; margin-top: 2.5rem; font-size: 1.4rem; } } .p-tuition-support__dl dt:first-of-type { margin-top: 3.5rem; } .p-tuition-support__dl dt span { font-size: 1.2rem; } .p-tuition-support__dl dd { background-color: #f0f3ff; font-size: 1.4rem; line-height: 1.43; padding: 5rem; } @media screen and (max-width: 768px) { .p-tuition-support__dl dd { padding: 2rem 0.7em; } } .p-tuition-support-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 5rem; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 768px) { .p-tuition-support-heading { margin-top: 3rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .p-tuition-support-heading__circle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 11.2rem; height: 11.2rem; border-radius: 50%; background-color: #0028ad; color: #fff; font-weight: bold; font-size: 2.6rem; } @media screen and (max-width: 768px) { .p-tuition-support-heading__circle { width: 6.8rem; height: 6.8rem; font-size: 1.6rem; } } .p-tuition-support-heading__circle span { display: inline-block; margin-top: 0.6em; font-size: 1rem; } .p-tuition-support-heading__texts { font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 768px) { .p-tuition-support-heading__texts { display: block; } } .p-tuition-support-heading__texts .sm { line-height: 1.71; font-size: 2.2rem; margin-right: 0.5em; } @media screen and (max-width: 768px) { .p-tuition-support-heading__texts .sm { font-size: 1.4rem; } } .p-tuition-support-heading__texts .lg { line-height: 1.2; font-size: 3.3rem; } @media screen and (max-width: 768px) { .p-tuition-support-heading__texts .lg { font-size: 2rem; } } .p-tuition-support-heading.is_red .p-tuition-support-heading__circle { background-color: #d90000; } .p-tuition-support__headings { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; } @media screen and (max-width: 768px) { .p-tuition-support__headings { display: block; } } .p-tuition-support-heading2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 4rem; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 768px) { .p-tuition-support-heading2 { margin-top: 1rem; } } .p-tuition-support-heading2__circle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background-color: #f0f3ff; color: #0028ad; font-weight: bold; width: 9.2rem; height: 9.2rem; font-size: 2.2rem; } @media screen and (max-width: 768px) { .p-tuition-support-heading2__circle { width: 5.3rem; height: 5.3rem; font-size: 1.4rem; } } .p-tuition-support-heading2__texts .sm { line-height: 1.71; font-size: 2.2rem; } @media screen and (max-width: 768px) { .p-tuition-support-heading2__texts .sm { font-size: 1.4rem; } } .p-tuition-support-heading2__texts .lg { font-weight: bold; line-height: 1.2; font-size: 3.5rem; } @media screen and (max-width: 768px) { .p-tuition-support-heading2__texts .lg { font-size: 2rem; } } .p-tuition-support-heading2__texts .lg .number { padding-left: 0.15em; font-size: 5.5rem; } @media screen and (max-width: 768px) { .p-tuition-support-heading2__texts .lg .number { font-size: 3.2rem; } } .p-tuition-support-heading2__texts .lg .maker { background-color: #ffe629; } .p-tuition-support-heading2.is_red .p-tuition-support-heading__circle { background-color: #d90000; } .p-tuition-support__conditions { margin-top: 2rem; text-align: center; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media screen and (max-width: 768px) { .p-tuition-support__conditions { display: block; } } .p-tuition-support__conditions .sm { font-size: 2.2rem; margin-right: 0.2em; } @media screen and (max-width: 768px) { .p-tuition-support__conditions .sm { font-size: 1.4rem; margin-right: 0; } } .p-tuition-support__conditions .lg { font-size: 3.4rem; } @media screen and (max-width: 768px) { .p-tuition-support__conditions .lg { margin-top: 0.3em; font-size: 2rem; } } .p-tuition-support__conditions .lg span { color: #d90000; font-size: 5.6rem; } @media screen and (max-width: 768px) { .p-tuition-support__conditions .lg span { font-size: 3.2rem; } } .p-tuition-support__maker { text-align: center; margin-top: 4rem; } @media screen and (max-width: 768px) { .p-tuition-support__maker { margin-top: 2rem; } } .p-tuition-support__maker span { background-color: #ffe629; font-weight: bold; line-height: 1.71; font-size: 2.4rem; } @media screen and (max-width: 768px) { .p-tuition-support__maker span { font-size: 1.4rem; } } .p-tuition-support__figure-bottom { font-size: 2.4rem; font-weight: bold; line-height: 1.66; text-align: center; margin-top: 6rem; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); } @media screen and (max-width: 768px) { .p-tuition-support__figure-bottom { font-size: 1.4rem; margin-top: 1.5em; } } .p-tuition-overview__tables { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 3.05%; -moz-column-gap: 3.05%; column-gap: 3.05%; } .p-tuition-overview__tables > div { width: 31.3%; } @media screen and (max-width: 768px) { .p-tuition-overview__tables > div { width: 100%; } } .p-tuition-overview .c-table { font-size: 1.5rem; font-weight: normal; } @media screen and (max-width: 768px) { .p-tuition-overview .c-table { font-size: 1.4rem; } } .p-tuition-overview .c-table th, .p-tuition-overview .c-table td { padding: 0.3em 0; } @media screen and (max-width: 768px) { .p-tuition-overview .c-table th, .p-tuition-overview .c-table td { padding: 0.77em 0; } } .p-tuition-examption-table { text-align: center; border-collapse: separate; margin-top: 3rem; margin-left: -0.9rem; margin-right: -0.9rem; border-spacing: 0.9rem 0; } @media screen and (max-width: 768px) { .p-tuition-examption-table { border-collapse: collapse; margin: 1em 0; } } .p-tuition-examption__date { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.8rem; margin-top: 2rem; -ms-flex-wrap: wrap; flex-wrap: wrap; font-weight: normal; } @media screen and (max-width: 768px) { .p-tuition-examption__date { font-size: 1.4rem; margin-top: 1rem; } } .p-tuition-examption__date dt { width: 10%; background-color: #f0f3ff; padding: 0.5em 0; padding-left: 1em; } @media screen and (max-width: 768px) { .p-tuition-examption__date dt { width: 40%; } } .p-tuition-examption__date dt:not(:first-of-type) { margin-left: 0.8%; } @media screen and (max-width: 768px) { .p-tuition-examption__date dt:not(:first-of-type) { margin-left: 0; margin-top: 0.5rem; } } .p-tuition-examption__date dd { width: 14.4%; background-color: #f0f3ff; padding: 0.5em 0; } @media screen and (max-width: 768px) { .p-tuition-examption__date dd { width: 60%; } } @media screen and (max-width: 768px) { .p-tuition-examption__date dd:not(:first-of-type) { margin-top: 0.5rem; } } .p-information-address { margin-top: 1em; } .p-information-address__name { color: #0028ad; letter-spacing: 0.1em; font-weight: bold; line-height: 1.6; font-size: 3.2rem; } @media screen and (max-width: 768px) { .p-information-address__name { font-size: 2rem; } } .p-information-address__details { margin-top: 1em; line-height: 1.71; font-size: 1.6rem; } @media screen and (max-width: 768px) { .p-information-address__details { font-size: 1.4rem; } } .p-information__dl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 1em; font-weight: 400; line-height: 1.71; font-size: 1.6rem; } @media screen and (max-width: 768px) { .p-information__dl { font-size: 1.4rem; } } .p-information__dl dt { width: 6.7em; } .p-information__dl dd { width: calc(100% - 6.7em); } .p-information .c-list.is_circle li::before { color: #0028ad; } .p-news-list { background-color: #d6d6d6; } .p-news-list__tit { text-align: right; color: #0028ad; font-weight: bold; margin-top: 2rem; line-height: 1; } .p-news-list__tit img { margin-top: 1rem; width: 14.5rem; } .p-news__list { margin-top: 2.5rem; padding-bottom: 8rem; } .p-news__list li { position: relative; border-bottom: 0.1rem dashed #fff; } .p-news__list li::after { display: inline-block; position: absolute; top: 50%; right: 0; width: 3.8rem; height: 3.8rem; background-image: url(../images/common/icon-circle-arrow2-wh.svg); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .p-news__link { display: block; padding-top: 1.2rem; padding-right: 6.5rem; padding-bottom: 3rem; color: #0028ad; } .p-news__link time { font-size: 1.4rem; } .p-news__link p { margin-top: 0.6em; line-height: 1.5; } .p-news-post__time { color: #b7b7b7; font-size: 1.4rem; font-weight: 500; display: inline-block; margin-top: 3rem; } .p-news-post__ttl { font-weight: 700; font-size: 2.4rem; line-height: 1.33; margin-top: 0.4em; } .p-news-post__button { width: 18rem; height: 6rem; margin-top: 4rem; background-color: #0028ad; -webkit-box-shadow: 0 0.7rem 0 #fff; box-shadow: 0 0.7rem 0 #fff; color: #fff; } .p-news-post__contents { font-size: 1.6rem; font-weight: normal; } .p-news-post__contents p { line-height: 2; } .p-news-post__contents figure img { width: auto; } .p-news-post__contents { /* 段落 */ } .p-news-post__contents p { margin: 1.5em 0; } .p-news-post__contents { /* 見出し */ } .p-news-post__contents h1, .p-news-post__contents h2, .p-news-post__contents h3, .p-news-post__contents h4, .p-news-post__contents h5, .p-news-post__contents h6 { margin: 2em 0 1em; line-height: 1.4; font-weight: bold; } .p-news-post__contents { /* リスト */ } .p-news-post__contents ul, .p-news-post__contents ol { margin: 1.5em 0 1.5em 1.5em; padding: 0; } .p-news-post__contents { /* 箇条書きの種類を復元 */ } .p-news-post__contents ul { list-style: disc; } .p-news-post__contents ul ul { list-style: circle; } .p-news-post__contents ul ul ul { list-style: square; } .p-news-post__contents ol { list-style: decimal; } .p-news-post__contents ol ol { list-style: lower-alpha; } .p-news-post__contents ol ol ol { list-style: lower-roman; } .p-news-post__contents { /* li の余白 */ } .p-news-post__contents li { margin: 0.5em 0; } .p-news-post__contents { /* 引用 */ } .p-news-post__contents blockquote { margin: 1.5em 0; padding: 1em 1.5em; border-left: 4px solid #ccc; background: #f9f9f9; } .p-news-post__contents { /* 画像 */ } .p-news-post__contents img { max-width: 100%; height: auto; } .p-news-post__contents { /* テーブル */ } .p-news-post__contents table { width: 100%; border-collapse: collapse; margin: 1.5em 0; } .p-news-post__contents th, .p-news-post__contents td { border: 1px solid #ddd; padding: 0.6em; } .p-news-post__contents { /* pre / code */ } .p-news-post__contents pre { background: #f5f5f5; padding: 1em; overflow-x: auto; } .p-news-post__contents code { background: #eee; padding: 0.2em 0.4em; border-radius: 3px; } .p-issue__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 1.8rem; -moz-column-gap: 1.8rem; column-gap: 1.8rem; } @media screen and (max-width: 768px) { .p-issue__flex { display: block; } } .p-issue__flex > a { margin: 0 !important; margin-top: 2rem !important; } @media screen and (max-width: 768px) { .p-issue__flex > a { margin: 0 auto !important; margin-top: 1em !important; } } .u-d-none { display: none; } .u-d-block { display: block; } .u-d-inline-block { display: inline-block; } .u-d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .u-d-inline { display: inline; } @media screen and (max-width: 500px) { .u-d-sp-none { display: none; } .u-d-sp-block { display: block; } .u-d-sp-inline-block { display: inline-block; } .u-d-sp-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .u-d-sp-table { display: table; } .u-d-sp-inline { display: inline; } } @media screen and (max-width: 768px) { .u-d-tb-none { display: none; } .u-d-tb-block { display: block; } .u-d-tb-inline-block { display: inline-block; } .u-d-tb-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .u-d-tb-table { display: table; } .u-d-tb-inline { display: inline; } } @media screen and (max-width: 960px) { .u-d-pc-none { display: none; } .u-d-pc-block { display: block; } .u-d-pc-inline-block { display: inline-block; } .u-d-pc-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .u-d-pc-table { display: table; } .u-d-pc-inline { display: inline; } } .u-m-0auto { margin: 0 auto !important; } .u-mt-0 { margin-top: 0 !important; } .u-mt-0_5em { margin-top: 0.5em !important; } .u-mt-1em { margin-top: 1em !important; } .u-mt-1_5em { margin-top: 1.5em !important; } .u-mt-2em { margin-top: 2em !important; } .u-mt-2_5em { margin-top: 2.5em !important; } .u-mt-3em { margin-top: 3em !important; } .u-mb-0 { margin-bottom: 0 !important; } .u-mb-1em { margin-bottom: 1em !important; } .u-mb-2em { margin-bottom: 2em !important; } .u-mb-3em { margin-bottom: 3em !important; } .u-ml-0 { margin-left: 0 !important; } .u-ml-1em { margin-left: 1em !important; } .u-ml-2em { margin-left: 2em !important; } .u-ml-3em { margin-left: 3em !important; } .u-mr-0 { margin-right: 0 !important; } .u-mr-1em { margin-right: 1em !important; } .u-mr-2em { margin-right: 2em !important; } .u-mr-3em { margin-right: 3em !important; } .u-align-left { text-align: left; } .u-align-center { text-align: center; } .u-align-right { text-align: right; } .u-align-justify { text-align: justify; } @media screen and (max-width: 500px) { .u-align-sp-left { text-align: left; } .u-align-sp-center { text-align: center; } .u-align-sp-right { text-align: right; } .u-align-sp-justify { text-align: justify; } } @media screen and (max-width: 768px) { .u-align-tb-left { text-align: left; } .u-align-tb-center { text-align: center; } .u-align-tb-right { text-align: right; } .u-align-tb-justify { text-align: justify; } } @media screen and (max-width: 960px) { .u-align-pc-left { text-align: left; } .u-align-pc-center { text-align: center; } .u-align-pc-right { text-align: right; } .u-align-pc-justify { text-align: justify; } } .u-flex-start-start, .u-flex-start-center, .u-flex-start-end, .u-flex-start-stretch, .u-flex-start-baseline, .u-flex-center-start, .u-flex-center-center, .u-flex-center-end, .u-flex-center-stretch, .u-flex-center-baseline, .u-flex-end-start, .u-flex-end-center, .u-flex-end-end, .u-flex-end-stretch, .u-flex-end-baseline, .u-flex-between-start, .u-flex-between-center, .u-flex-between-end, .u-flex-between-stretch, .u-flex-between-baseline, .u-flex-around-start, .u-flex-around-center, .u-flex-around-end, .u-flex-around-stretch, .u-flex-around-baseline, .u-flex-evenly-start, .u-flex-evenly-center, .u-flex-evenly-end, .u-flex-evenly-stretch, .u-flex-evenly-baseline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .u-flex-start-start.u-flex-wrap, .u-flex-start-center.u-flex-wrap, .u-flex-start-end.u-flex-wrap, .u-flex-start-stretch.u-flex-wrap, .u-flex-start-baseline.u-flex-wrap, .u-flex-center-start.u-flex-wrap, .u-flex-center-center.u-flex-wrap, .u-flex-center-end.u-flex-wrap, .u-flex-center-stretch.u-flex-wrap, .u-flex-center-baseline.u-flex-wrap, .u-flex-end-start.u-flex-wrap, .u-flex-end-center.u-flex-wrap, .u-flex-end-end.u-flex-wrap, .u-flex-end-stretch.u-flex-wrap, .u-flex-end-baseline.u-flex-wrap, .u-flex-between-start.u-flex-wrap, .u-flex-between-center.u-flex-wrap, .u-flex-between-end.u-flex-wrap, .u-flex-between-stretch.u-flex-wrap, .u-flex-between-baseline.u-flex-wrap, .u-flex-around-start.u-flex-wrap, .u-flex-around-center.u-flex-wrap, .u-flex-around-end.u-flex-wrap, .u-flex-around-stretch.u-flex-wrap, .u-flex-around-baseline.u-flex-wrap, .u-flex-evenly-start.u-flex-wrap, .u-flex-evenly-center.u-flex-wrap, .u-flex-evenly-end.u-flex-wrap, .u-flex-evenly-stretch.u-flex-wrap, .u-flex-evenly-baseline.u-flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .u-flex-start-start.u-flex-column, .u-flex-start-center.u-flex-column, .u-flex-start-end.u-flex-column, .u-flex-start-stretch.u-flex-column, .u-flex-start-baseline.u-flex-column, .u-flex-center-start.u-flex-column, .u-flex-center-center.u-flex-column, .u-flex-center-end.u-flex-column, .u-flex-center-stretch.u-flex-column, .u-flex-center-baseline.u-flex-column, .u-flex-end-start.u-flex-column, .u-flex-end-center.u-flex-column, .u-flex-end-end.u-flex-column, .u-flex-end-stretch.u-flex-column, .u-flex-end-baseline.u-flex-column, .u-flex-between-start.u-flex-column, .u-flex-between-center.u-flex-column, .u-flex-between-end.u-flex-column, .u-flex-between-stretch.u-flex-column, .u-flex-between-baseline.u-flex-column, .u-flex-around-start.u-flex-column, .u-flex-around-center.u-flex-column, .u-flex-around-end.u-flex-column, .u-flex-around-stretch.u-flex-column, .u-flex-around-baseline.u-flex-column, .u-flex-evenly-start.u-flex-column, .u-flex-evenly-center.u-flex-column, .u-flex-evenly-end.u-flex-column, .u-flex-evenly-stretch.u-flex-column, .u-flex-evenly-baseline.u-flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .u-flex-start-start.u-flex-row-reverse, .u-flex-start-center.u-flex-row-reverse, .u-flex-start-end.u-flex-row-reverse, .u-flex-start-stretch.u-flex-row-reverse, .u-flex-start-baseline.u-flex-row-reverse, .u-flex-center-start.u-flex-row-reverse, .u-flex-center-center.u-flex-row-reverse, .u-flex-center-end.u-flex-row-reverse, .u-flex-center-stretch.u-flex-row-reverse, .u-flex-center-baseline.u-flex-row-reverse, .u-flex-end-start.u-flex-row-reverse, .u-flex-end-center.u-flex-row-reverse, .u-flex-end-end.u-flex-row-reverse, .u-flex-end-stretch.u-flex-row-reverse, .u-flex-end-baseline.u-flex-row-reverse, .u-flex-between-start.u-flex-row-reverse, .u-flex-between-center.u-flex-row-reverse, .u-flex-between-end.u-flex-row-reverse, .u-flex-between-stretch.u-flex-row-reverse, .u-flex-between-baseline.u-flex-row-reverse, .u-flex-around-start.u-flex-row-reverse, .u-flex-around-center.u-flex-row-reverse, .u-flex-around-end.u-flex-row-reverse, .u-flex-around-stretch.u-flex-row-reverse, .u-flex-around-baseline.u-flex-row-reverse, .u-flex-evenly-start.u-flex-row-reverse, .u-flex-evenly-center.u-flex-row-reverse, .u-flex-evenly-end.u-flex-row-reverse, .u-flex-evenly-stretch.u-flex-row-reverse, .u-flex-evenly-baseline.u-flex-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .u-flex-start-start.u-flex-column-reverse, .u-flex-start-center.u-flex-column-reverse, .u-flex-start-end.u-flex-column-reverse, .u-flex-start-stretch.u-flex-column-reverse, .u-flex-start-baseline.u-flex-column-reverse, .u-flex-center-start.u-flex-column-reverse, .u-flex-center-center.u-flex-column-reverse, .u-flex-center-end.u-flex-column-reverse, .u-flex-center-stretch.u-flex-column-reverse, .u-flex-center-baseline.u-flex-column-reverse, .u-flex-end-start.u-flex-column-reverse, .u-flex-end-center.u-flex-column-reverse, .u-flex-end-end.u-flex-column-reverse, .u-flex-end-stretch.u-flex-column-reverse, .u-flex-end-baseline.u-flex-column-reverse, .u-flex-between-start.u-flex-column-reverse, .u-flex-between-center.u-flex-column-reverse, .u-flex-between-end.u-flex-column-reverse, .u-flex-between-stretch.u-flex-column-reverse, .u-flex-between-baseline.u-flex-column-reverse, .u-flex-around-start.u-flex-column-reverse, .u-flex-around-center.u-flex-column-reverse, .u-flex-around-end.u-flex-column-reverse, .u-flex-around-stretch.u-flex-column-reverse, .u-flex-around-baseline.u-flex-column-reverse, .u-flex-evenly-start.u-flex-column-reverse, .u-flex-evenly-center.u-flex-column-reverse, .u-flex-evenly-end.u-flex-column-reverse, .u-flex-evenly-stretch.u-flex-column-reverse, .u-flex-evenly-baseline.u-flex-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .u-flex-start-start.u-flex-grow-1, .u-flex-start-center.u-flex-grow-1, .u-flex-start-end.u-flex-grow-1, .u-flex-start-stretch.u-flex-grow-1, .u-flex-start-baseline.u-flex-grow-1, .u-flex-center-start.u-flex-grow-1, .u-flex-center-center.u-flex-grow-1, .u-flex-center-end.u-flex-grow-1, .u-flex-center-stretch.u-flex-grow-1, .u-flex-center-baseline.u-flex-grow-1, .u-flex-end-start.u-flex-grow-1, .u-flex-end-center.u-flex-grow-1, .u-flex-end-end.u-flex-grow-1, .u-flex-end-stretch.u-flex-grow-1, .u-flex-end-baseline.u-flex-grow-1, .u-flex-between-start.u-flex-grow-1, .u-flex-between-center.u-flex-grow-1, .u-flex-between-end.u-flex-grow-1, .u-flex-between-stretch.u-flex-grow-1, .u-flex-between-baseline.u-flex-grow-1, .u-flex-around-start.u-flex-grow-1, .u-flex-around-center.u-flex-grow-1, .u-flex-around-end.u-flex-grow-1, .u-flex-around-stretch.u-flex-grow-1, .u-flex-around-baseline.u-flex-grow-1, .u-flex-evenly-start.u-flex-grow-1, .u-flex-evenly-center.u-flex-grow-1, .u-flex-evenly-end.u-flex-grow-1, .u-flex-evenly-stretch.u-flex-grow-1, .u-flex-evenly-baseline.u-flex-grow-1 { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .u-flex-start-start.u-flex-grow-0, .u-flex-start-center.u-flex-grow-0, .u-flex-start-end.u-flex-grow-0, .u-flex-start-stretch.u-flex-grow-0, .u-flex-start-baseline.u-flex-grow-0, .u-flex-center-start.u-flex-grow-0, .u-flex-center-center.u-flex-grow-0, .u-flex-center-end.u-flex-grow-0, .u-flex-center-stretch.u-flex-grow-0, .u-flex-center-baseline.u-flex-grow-0, .u-flex-end-start.u-flex-grow-0, .u-flex-end-center.u-flex-grow-0, .u-flex-end-end.u-flex-grow-0, .u-flex-end-stretch.u-flex-grow-0, .u-flex-end-baseline.u-flex-grow-0, .u-flex-between-start.u-flex-grow-0, .u-flex-between-center.u-flex-grow-0, .u-flex-between-end.u-flex-grow-0, .u-flex-between-stretch.u-flex-grow-0, .u-flex-between-baseline.u-flex-grow-0, .u-flex-around-start.u-flex-grow-0, .u-flex-around-center.u-flex-grow-0, .u-flex-around-end.u-flex-grow-0, .u-flex-around-stretch.u-flex-grow-0, .u-flex-around-baseline.u-flex-grow-0, .u-flex-evenly-start.u-flex-grow-0, .u-flex-evenly-center.u-flex-grow-0, .u-flex-evenly-end.u-flex-grow-0, .u-flex-evenly-stretch.u-flex-grow-0, .u-flex-evenly-baseline.u-flex-grow-0 { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .u-flex-start-start.u-flex-shrink-1, .u-flex-start-center.u-flex-shrink-1, .u-flex-start-end.u-flex-shrink-1, .u-flex-start-stretch.u-flex-shrink-1, .u-flex-start-baseline.u-flex-shrink-1, .u-flex-center-start.u-flex-shrink-1, .u-flex-center-center.u-flex-shrink-1, .u-flex-center-end.u-flex-shrink-1, .u-flex-center-stretch.u-flex-shrink-1, .u-flex-center-baseline.u-flex-shrink-1, .u-flex-end-start.u-flex-shrink-1, .u-flex-end-center.u-flex-shrink-1, .u-flex-end-end.u-flex-shrink-1, .u-flex-end-stretch.u-flex-shrink-1, .u-flex-end-baseline.u-flex-shrink-1, .u-flex-between-start.u-flex-shrink-1, .u-flex-between-center.u-flex-shrink-1, .u-flex-between-end.u-flex-shrink-1, .u-flex-between-stretch.u-flex-shrink-1, .u-flex-between-baseline.u-flex-shrink-1, .u-flex-around-start.u-flex-shrink-1, .u-flex-around-center.u-flex-shrink-1, .u-flex-around-end.u-flex-shrink-1, .u-flex-around-stretch.u-flex-shrink-1, .u-flex-around-baseline.u-flex-shrink-1, .u-flex-evenly-start.u-flex-shrink-1, .u-flex-evenly-center.u-flex-shrink-1, .u-flex-evenly-end.u-flex-shrink-1, .u-flex-evenly-stretch.u-flex-shrink-1, .u-flex-evenly-baseline.u-flex-shrink-1 { -ms-flex-negative: 1; flex-shrink: 1; } .u-flex-start-start.u-flex-shrink-o, .u-flex-start-center.u-flex-shrink-o, .u-flex-start-end.u-flex-shrink-o, .u-flex-start-stretch.u-flex-shrink-o, .u-flex-start-baseline.u-flex-shrink-o, .u-flex-center-start.u-flex-shrink-o, .u-flex-center-center.u-flex-shrink-o, .u-flex-center-end.u-flex-shrink-o, .u-flex-center-stretch.u-flex-shrink-o, .u-flex-center-baseline.u-flex-shrink-o, .u-flex-end-start.u-flex-shrink-o, .u-flex-end-center.u-flex-shrink-o, .u-flex-end-end.u-flex-shrink-o, .u-flex-end-stretch.u-flex-shrink-o, .u-flex-end-baseline.u-flex-shrink-o, .u-flex-between-start.u-flex-shrink-o, .u-flex-between-center.u-flex-shrink-o, .u-flex-between-end.u-flex-shrink-o, .u-flex-between-stretch.u-flex-shrink-o, .u-flex-between-baseline.u-flex-shrink-o, .u-flex-around-start.u-flex-shrink-o, .u-flex-around-center.u-flex-shrink-o, .u-flex-around-end.u-flex-shrink-o, .u-flex-around-stretch.u-flex-shrink-o, .u-flex-around-baseline.u-flex-shrink-o, .u-flex-evenly-start.u-flex-shrink-o, .u-flex-evenly-center.u-flex-shrink-o, .u-flex-evenly-end.u-flex-shrink-o, .u-flex-evenly-stretch.u-flex-shrink-o, .u-flex-evenly-baseline.u-flex-shrink-o { -ms-flex-negative: 0; flex-shrink: 0; } .u-flex-start-start, .u-flex-start-center, .u-flex-start-end, .u-flex-start-stretch, .u-flex-start-baseline { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .u-flex-center-start, .u-flex-center-center, .u-flex-center-end, .u-flex-center-stretch, .u-flex-center-baseline { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .u-flex-end-start, .u-flex-end-center, .u-flex-end-end, .u-flex-end-stretch, .u-flex-end-baseline { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .u-flex-between-start, .u-flex-between-center, .u-flex-between-end, .u-flex-between-stretch, .u-flex-between-baseline { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .u-flex-around-start, .u-flex-around-center, .u-flex-around-end, .u-flex-around-stretch, .u-flex-around-baseline { -ms-flex-pack: distribute; justify-content: space-around; } .u-flex-evenly-start, .u-flex-evenly-center, .u-flex-evenly-end, .u-flex-evenly-stretch, .u-flex-evenly-baseline { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .u-flex-start-start, .u-flex-center-start, .u-flex-end-start, .u-flex-between-start, .u-flex-around-start, .u-flex-evenly-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .u-flex-start-center, .u-flex-center-center, .u-flex-end-center, .u-flex-between-center, .u-flex-around-center, .u-flex-evenly-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .u-flex-start-end, .u-flex-center-end, .u-flex-end-end, .u-flex-between-end, .u-flex-around-end, .u-flex-evenly-end { -webkit-box-align: end; -ms-flex-align: end; align-items: end; } .u-flex-start-stretch, .u-flex-center-stretch, .u-flex-end-stretch, .u-flex-between-stretch, .u-flex-around-stretch, .u-flex-evenly-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .u-flex-start-baseline, .u-flex-center-baseline, .u-flex-end-baseline, .u-flex-between-baseline, .u-flex-around-baseline, .u-flex-evenly-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .u-fz-10 { font-size: 1rem !important; line-height: 1.4 !important; } .u-fz-12 { font-size: 1.2rem !important; line-height: 1.66 !important; } .u-fz-14 { font-size: 1.4rem !important; line-height: 1.5 !important; } @media screen and (max-width: 768px) { .u-fz-14 { font-size: 1.2rem !important; } } .u-fz-15 { font-size: 1.6rem !important; } @media screen and (max-width: 768px) { .u-fz-15 { font-size: 1.5rem !important; } } .u-fz-16 { font-size: 1.6rem !important; line-height: 2 !important; } @media screen and (max-width: 768px) { .u-fz-16 { font-size: 1.4rem !important; } } .u-fz-18 { font-size: 1.8rem !important; line-height: 2 !important; } @media screen and (max-width: 768px) { .u-fz-18 { font-size: 1.6rem !important; } } .u-fz-20 { font-size: 2rem !important; } @media screen and (max-width: 768px) { .u-fz-20 { font-size: 1.6rem !important; } } .u-fz-22 { font-size: 2.2rem !important; } @media screen and (max-width: 768px) { .u-fz-22 { font-size: 1.6rem !important; } } .u-fz-24 { font-size: 2.4rem !important; line-height: 1.66 !important; } @media screen and (max-width: 768px) { .u-fz-24 { font-size: 1.6rem !important; } } .u-fz-32 { font-size: 3.2rem !important; } @media screen and (max-width: 768px) { .u-fz-32 { font-size: 2rem !important; } } /*# sourceMappingURL=style.css.map */