/* cyrillic-ext */
/* cyrillic */
/* vietnamese */
/* latin-ext */
/* latin */
/* cyrillic-ext */
/* cyrillic */
/* vietnamese */
/* latin-ext */
/* latin */
/* cyrillic */
/* vietnamese */
/* latin-ext */
/* latin */
/* cyrillic */
/* vietnamese */
/* latin-ext */
/* latin */
/* cyrillic */
/* vietnamese */
/* latin-ext */
/* latin */
/* cyrillic */
/* vietnamese */
/* latin-ext */
/* latin */
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
*, ::before, ::after {
box-sizing: border-box;
border-style: solid;
border-width: 0;
min-width: 0;
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
}
body {
margin: 0;
}
main {
display: block;
}
p, table, blockquote, address, pre, iframe, form, figure, dl {
margin: 0;
}
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit;
margin: 0;
}
ul, ol {
margin: 0;
padding: 0;
list-style: none;
}
dt {
font-weight: 700;
}
dd {
margin-left: 0;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
border-top-width: 1px;
margin: 0;
clear: both;
color: inherit;
}
pre {
font-family: monospace, monospace;
font-size: inherit;
}
address {
font-style: inherit;
}
a {
background-color: transparent;
text-decoration: none;
color: inherit;
}
abbr[title] {
text-decoration: underline dotted;
}
b, strong {
font-weight: bolder;
}
code, kbd, samp {
font-family: monospace, monospace;
font-size: inherit;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
svg, img, embed, object, iframe {
vertical-align: bottom;
}
button, input, optgroup, select, textarea {
-webkit-appearance: none;
appearance: none;
vertical-align: middle;
color: inherit;
font: inherit;
background: transparent;
padding: 0;
margin: 0;
border-radius: 0;
text-align: inherit;
text-transform: inherit;
}
button, [type=button], [type=reset], [type=submit] {
cursor: pointer;
}
button:disabled, [type=button]:disabled, [type=reset]:disabled, [type=submit]:disabled {
cursor: default;
}
:-moz-focusring {
outline: auto;
}
select:disabled {
opacity: inherit;
}
option {
padding: 0;
}
fieldset {
margin: 0;
padding: 0;
min-width: 0;
}
legend {
padding: 0;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
[type=number] {
-moz-appearance: textfield;
}
label[for] {
cursor: pointer;
}
details {
display: block;
}
summary {
display: list-item;
}
[contenteditable]:focus {
outline: auto;
}
table {
border-color: inherit;
border-collapse: collapse;
}
caption {
text-align: left;
}
td, th {
vertical-align: top;
padding: 0;
}
th {
text-align: left;
font-weight: 700;
}
:root {
--clr_wht: #ffffff;
--clr_blk: #222222;
--clr_red: #d70000;
--clr_ylw: #fbc801;
}
html {
container: site/inline-size;
overflow-y: scroll;
overscroll-behavior-y: none;
}
html.is-pc {
font-size: 62.5%;
}
html.is-sp {
font-size: 2.6666666667vw;
}
body {
background-color: #f0f0ed;
color: #222222;
font-family: "Zen Maru Gothic", sans-serif;
font-size: 0;
font-weight: 400;
letter-spacing: 0;
line-height: 0;
min-height: 100dvh;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
@container site (min-width: 751px) {
body {
min-width: 130rem;
}
}
@container site (max-width: 750px) {}
html.is-loading {
overflow-x: hidden;
}
html.is-loading body {
visibility: hidden;
}
a {
color: #222222;
text-decoration: none;
}
@container site (min-width: 751px) {
a {
transition: color 0.3s;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
a:not(.u-hover-none, .u-hover-fade, .u-hover-zoom, .c-button):hover {
color: #fbc801;
}
}
@container site (max-width: 750px) {}
a.is-disabled {
cursor: default;
pointer-events: none;
}
img,
input[type=image] {
user-select: none;
vertical-align: middle;
max-width: 100%;
}
button {
cursor: pointer;
}
hr {
border-color: #7e7e7e;
border-style: solid;
border-width: 0.1rem 0 0 0;
margin: 0;
}
pre {
color: #222222;
letter-spacing: 0.05em;
line-height: 1.5;
margin: 5rem 0;
}
@container site (min-width: 751px) {
pre {
font-size: 1.4rem;
}
}
@container site (max-width: 750px) {
pre {
font-size: 1.2rem;
}
}
th,
dt {
font-weight: normal;
}
.l-container {
position: relative;
}
.l-header {
height: 0;
left: 0;
position: sticky;
top: 0;
width: 100%;
z-index: 1000;
}
@container site (min-width: 751px) {
.l-main {
padding-top: 9rem;
}
}
@container site (max-width: 750px) {
.l-main {
padding-top: 5rem;
}
}
.p-index .l-main {
padding-top: 0;
}
@container site (min-width: 751px) {
.l-section {
padding-block: 17rem;
}
}
@container site (max-width: 750px) {
.l-section {
padding-block: 7rem;
}
}
@container site (min-width: 751px) {
.l-section--pad-half {
padding-block: 8.5rem;
}
}
@container site (max-width: 750px) {
.l-section--pad-half {
padding-block: 3.5rem;
}
}
@container site (min-width: 751px) {
.l-section--pad-top-half {
padding-top: 8.5rem;
}
}
@container site (max-width: 750px) {
.l-section--pad-top-half {
padding-top: 3.5rem;
}
}
@container site (min-width: 751px) {
.l-section--pad-bot-half {
padding-bottom: 8.5rem;
}
}
@container site (max-width: 750px) {
.l-section--pad-bot-half {
padding-bottom: 3.5rem;
}
}
.l-section--pad-top-0 {
padding-top: 0;
}
.l-section--pad-bot-0 {
padding-bottom: 0;
}
.l-inner {
margin-inline: auto;
}
@container site (min-width: 751px) {
.l-inner {
width: 120rem;
}
}
@container site (max-width: 750px) {
.l-inner {
width: 33.5rem;
}
}
@container site (min-width: 751px) {
.c-form__inner {
margin-inline: auto;
width: 102rem;
}
}
@container site (max-width: 750px) {}
.c-form__title {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.c-form__title {
font-size: 2rem;
}
}
@container site (max-width: 750px) {
.c-form__title {
font-size: 1.6rem;
}
}
.c-form__text {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.c-form__text {
font-size: 1.4rem;
padding-top: 0.5rem;
}
}
@container site (max-width: 750px) {
.c-form__text {
font-size: 1.2rem;
padding-top: 0.5rem;
}
}
.c-form__item {
border-bottom: 0.1rem solid #7e7e7e;
}
@container site (min-width: 751px) {
.c-form__item {
display: grid;
grid-template-columns: 18rem minmax(0, 1fr);
gap: 0;
padding: 5rem 0 3rem;
}
}
@container site (max-width: 750px) {
.c-form__item {
padding: 3rem 0 2rem;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.c-form__body {
padding-top: 1.5rem;
}
}
.c-form__label {
display: block;
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.c-form__label {
font-size: 1.4rem;
padding: 1rem 0;
}
}
@container site (max-width: 750px) {
.c-form__label {
font-size: 1.2rem;
}
}
.c-form__label--require:after {
color: #d70000;
content: "※";
padding-left: 0.5em;
}
.c-form .error {
color: #d70000;
display: block;
font-size: 1.2rem;
letter-spacing: 0.05em;
line-height: 1.4;
padding-top: 0.5rem;
}
.c-form__base--text input[type=text],
.c-form__base--text input[type=email],
.c-form__base--text input[type=tel],
.c-form__base--text input[type=url] {
-webkit-appearance: none;
background-color: #ffffff;
border: 0.1rem solid #ffffff;
border-radius: 0.4rem;
color: #222222;
display: inline-block;
font-family: "Zen Maru Gothic", sans-serif;
font-size: 1.2rem;
height: 4rem;
letter-spacing: 0.05em;
line-height: normal;
padding: 0 1rem 0 1.5rem;
-webkit-text-size-adjust: 100%;
width: 100%;
}
.c-form__base--text input[type=text]:focus,
.c-form__base--text input[type=email]:focus,
.c-form__base--text input[type=tel]:focus,
.c-form__base--text input[type=url]:focus {
outline: none;
}
.c-form__base--text.input-error input[type=text],
.c-form__base--text.input-error input[type=email],
.c-form__base--text.input-error input[type=tel],
.c-form__base--text.input-error input[type=url] {
border-color: #d70000;
}
.c-form__base--select select {
appearance: auto;
background-color: #ffffff;
border: 0.1rem solid #ffffff;
border-radius: 0.4rem;
color: #222222;
display: inline-block;
font-family: "Zen Maru Gothic", sans-serif;
font-size: 1.2rem;
height: 4rem;
letter-spacing: 0.05em;
line-height: 1.4;
padding-left: 1.5rem;
width: 100%;
}
.c-form__base--select select:focus {
outline: none;
}
.c-form__base--select.input-error select {
border-color: #d70000;
}
.c-form__base--textarea textarea {
background-color: #ffffff;
border: 0.1rem solid #ffffff;
border-radius: 0.4rem;
color: #222222;
display: inline-block;
font-family: "Zen Maru Gothic", sans-serif;
font-size: 1.2rem;
line-height: 1.8;
padding: 1.5rem 1rem 1.5rem 1.5rem;
width: 100%;
}
.c-form__base--textarea textarea:focus {
outline: none;
}
.c-form__base--textarea.input-error textarea {
border-color: #d70000;
}
.c-form__base--checkbox, .c-form__base--radio {
display: flex;
align-items: center;
flex-wrap: wrap;
}
@container site (min-width: 751px) {
.c-form__base--checkbox, .c-form__base--radio {
gap: 1.5rem 3rem;
padding: 1rem 0;
}
}
@container site (max-width: 750px) {
.c-form__base--checkbox, .c-form__base--radio {
gap: 1rem 2rem;
}
}
.c-form__base--checkbox-center, .c-form__base--radio-center {
justify-content: center;
}
.c-form__base--checkbox .mwform-radio-field label,
.c-form__base--checkbox .mwform-checkbox-field label, .c-form__base--radio .mwform-radio-field label,
.c-form__base--radio .mwform-checkbox-field label {
display: flex;
align-items: center;
cursor: pointer;
}
@container site (min-width: 751px) {
.c-form__base--checkbox .mwform-radio-field label,
.c-form__base--checkbox .mwform-checkbox-field label, .c-form__base--radio .mwform-radio-field label,
.c-form__base--radio .mwform-checkbox-field label {
gap: 0 1.5rem;
}
}
@container site (max-width: 750px) {
.c-form__base--checkbox .mwform-radio-field label,
.c-form__base--checkbox .mwform-checkbox-field label, .c-form__base--radio .mwform-radio-field label,
.c-form__base--radio .mwform-checkbox-field label {
gap: 0 1rem;
}
}
.c-form__base--checkbox .mwform-radio-field input,
.c-form__base--checkbox .mwform-checkbox-field input, .c-form__base--radio .mwform-radio-field input,
.c-form__base--radio .mwform-checkbox-field input {
appearance: none;
background-color: #ffffff;
margin: 0;
}
.c-form__base--checkbox .mwform-radio-field input, .c-form__base--radio .mwform-radio-field input {
border: 0.4rem solid #ffffff;
border-radius: 50%;
transition: background-color 0.3s;
}
@container site (min-width: 751px) {
.c-form__base--checkbox .mwform-radio-field input, .c-form__base--radio .mwform-radio-field input {
height: 1.8rem;
width: 1.8rem;
}
}
@container site (max-width: 750px) {
.c-form__base--checkbox .mwform-radio-field input, .c-form__base--radio .mwform-radio-field input {
height: 2rem;
width: 2rem;
}
}
.c-form__base--checkbox .mwform-radio-field input:checked, .c-form__base--radio .mwform-radio-field input:checked {
background-color: #222222;
}
.c-form__base--checkbox .mwform-checkbox-field input, .c-form__base--radio .mwform-checkbox-field input {
border-radius: 0.4rem;
position: relative;
}
@container site (min-width: 751px) {
.c-form__base--checkbox .mwform-checkbox-field input, .c-form__base--radio .mwform-checkbox-field input {
height: 1.8rem;
width: 1.8rem;
}
}
@container site (max-width: 750px) {
.c-form__base--checkbox .mwform-checkbox-field input, .c-form__base--radio .mwform-checkbox-field input {
height: 2rem;
width: 2rem;
}
}
.c-form__base--checkbox .mwform-checkbox-field input::after, .c-form__base--radio .mwform-checkbox-field input::after {
border-color: #ffffff;
border-style: solid;
border-width: 0 0.2rem 0.2rem 0;
content: "";
position: absolute;
transform: rotate(45deg);
transition: border-color 0.3s;
}
@container site (min-width: 751px) {
.c-form__base--checkbox .mwform-checkbox-field input::after, .c-form__base--radio .mwform-checkbox-field input::after {
height: 1rem;
left: 0.6rem;
top: 0.3rem;
width: 0.6rem;
}
}
@container site (max-width: 750px) {
.c-form__base--checkbox .mwform-checkbox-field input::after, .c-form__base--radio .mwform-checkbox-field input::after {
height: 1rem;
left: 0.7rem;
top: 0.3rem;
width: 0.6rem;
}
}
.c-form__base--checkbox .mwform-checkbox-field input:checked::after, .c-form__base--radio .mwform-checkbox-field input:checked::after {
border-color: #222222;
}
.c-form__base--checkbox .mwform-checkbox-field-text,
.c-form__base--checkbox .mwform-radio-field-text, .c-form__base--radio .mwform-checkbox-field-text,
.c-form__base--radio .mwform-radio-field-text {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.c-form__base--checkbox .mwform-checkbox-field-text,
.c-form__base--checkbox .mwform-radio-field-text, .c-form__base--radio .mwform-checkbox-field-text,
.c-form__base--radio .mwform-radio-field-text {
font-size: 1.4rem;
}
}
@container site (max-width: 750px) {
.c-form__base--checkbox .mwform-checkbox-field-text,
.c-form__base--checkbox .mwform-radio-field-text, .c-form__base--radio .mwform-checkbox-field-text,
.c-form__base--radio .mwform-radio-field-text {
font-size: 1.2rem;
}
}
.c-form__base--w190 {
width: 19rem;
}
.c-form__base--w140 {
width: 14rem;
}
@container site (min-width: 751px) {
.c-form__base--w310-pc {
width: 31rem;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.c-form__base--w430-pc {
width: 43rem;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.c-form__base--w660-pc {
width: 66rem;
}
}
@container site (max-width: 750px) {}
.c-form__address-zip {
display: flex;
align-items: center;
gap: 0 2rem;
}
.c-form__address-zip.input-error .c-form__base--text input {
border-color: #d70000;
}
@container site (min-width: 751px) {
.c-form__address-main {
display: flex;
align-items: center;
gap: 0 1rem;
padding-top: 1rem;
}
}
@container site (max-width: 750px) {
.c-form__address-main {
display: grid;
align-items: center;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 1.5rem 0;
padding-top: 1.5rem;
}
}
.c-form__address-main.input-error .c-form__base--text input {
border-color: #d70000;
}
@container site (min-width: 751px) {
.c-form-privacy {
padding-top: 5rem;
}
}
@container site (max-width: 750px) {
.c-form-privacy {
padding-top: 3rem;
}
}
.c-form-privacy__box {
border-radius: 0.4rem;
overflow-y: scroll;
margin-inline: auto;
}
@container site (min-width: 751px) {
.c-form-privacy__box {
height: 30rem;
width: 66rem;
}
}
@container site (max-width: 750px) {
.c-form-privacy__box {
height: 28rem;
}
}
.c-form-privacy__text {
background-color: #ffffff;
letter-spacing: 0.05em;
line-height: 1.8;
text-align: justify;
}
@container site (min-width: 751px) {
.c-form-privacy__text {
font-size: 1.4rem;
padding: 4.5rem 5rem;
}
}
@container site (max-width: 750px) {
.c-form-privacy__text {
font-size: 1.2rem;
padding: 2.5rem 2.5rem;
}
}
.c-form-agree {
text-align: center;
}
@container site (min-width: 751px) {
.c-form-agree {
padding-top: 2rem;
}
}
@container site (max-width: 750px) {
.c-form-agree {
padding-top: 3rem;
}
}
@container site (min-width: 751px) {
.c-form-agree .error {
padding: 0 0 1rem;
}
}
@container site (max-width: 750px) {}
.c-form__buttons {
display: flex;
align-items: center;
}
@container site (min-width: 751px) {
.c-form__buttons {
flex-direction: row-reverse;
justify-content: center;
gap: 0 3rem;
padding-top: 2rem;
}
}
@container site (max-width: 750px) {
.c-form__buttons {
flex-direction: column;
gap: 3rem 0;
padding-top: 3rem;
}
}
.c-form--conf .c-form__heading {
text-align: center;
}
.c-form--conf .c-form__list {
display: block;
margin-inline: auto;
width: fit-content;
}
@container site (min-width: 751px) {
.c-form--conf .c-form__list {
padding-top: 3rem;
}
}
@container site (max-width: 750px) {
.c-form--conf .c-form__list {
padding-top: 1.5rem;
}
}
.c-form--conf .c-form__item {
border-bottom: none;
}
@container site (min-width: 751px) {
.c-form--conf .c-form__item {
padding: 2rem 0;
}
}
@container site (max-width: 750px) {
.c-form--conf .c-form__item {
padding: 1.5rem 0;
}
}
.c-form--conf .c-form__item--conf-mail {
display: none;
}
.c-form--conf .c-form__body {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.c-form--conf .c-form__body {
font-size: 1.4rem;
}
}
@container site (max-width: 750px) {
.c-form--conf .c-form__body {
font-size: 1.2rem;
padding-top: 0.5rem;
}
}
.c-form--conf .c-form__label {
cursor: auto;
}
@container site (min-width: 751px) {
.c-form--conf .c-form__label {
padding: 0;
}
}
@container site (max-width: 750px) {}
.c-form--conf .c-form__label--require:after {
display: none;
}
@container site (min-width: 751px) {
.c-form--conf .c-form__base--checkbox, .c-form--conf .c-form__base--radio {
padding: 0;
}
}
@container site (max-width: 750px) {}
.c-form--conf .c-form__base--w190, .c-form--conf .c-form__base--w140, .c-form--conf .c-form__base--w310-pc, .c-form--conf .c-form__base--w430-pc, .c-form--conf .c-form__base--w660-pc {
width: auto;
}
.c-form--conf .c-form__address-zip {
display: inline;
}
.c-form--conf .c-form__address-zip .c-form__base--text {
display: inline;
margin-right: 0.5em;
}
.c-form--conf .c-form__address-zip .c-form__base--button {
display: none;
}
.c-form--conf .c-form__address-main {
display: inline;
padding-top: 0;
}
.c-form--conf .c-form__address-main .c-form__base--select {
display: inline;
margin-right: 0.5em;
}
.c-form--conf .c-form__address-main .c-form__base--text {
display: inline;
}
.c-form--conf .c-form-privacy,
.c-form--conf .c-form-agree {
display: none;
}
@container site (min-width: 751px) {
.c-form--conf .c-form__buttons {
padding-top: 4rem;
}
}
@container site (max-width: 750px) {
.c-form--conf .c-form__buttons {
padding-top: 2.5rem;
}
}
#booking-package {
background-color: transparent !important;
letter-spacing: 0.05em !important;
line-height: 1.4 !important;
}
@container site (min-width: 751px) {
#booking-package {
font-size: 1.4rem !important;
margin-top: -2rem !important;
padding-top: 9rem !important;
}
}
@container site (max-width: 750px) {
#booking-package {
font-size: 1.2rem !important;
padding-top: 5rem !important;
}
}
#booking-package .selectable_time_slot {
border-color: #fbc801 !important;
background-color: #ffffff !important;
color: #222222 !important;
font-weight: 500 !important;
}
@container site (min-width: 751px) {
#booking-package .selectable_time_slot {
transition: background-color 0.3s;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
#booking-package .selectable_time_slot:hover {
background-color: #ffeca0 !important;
}
}
@container site (max-width: 750px) {}
#booking-package button {
-webkit-appearance: none;
appearance: none;
border-radius: 0.4rem;
border-style: solid;
border-width: 0.1rem;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500 !important;
letter-spacing: 0.05em;
line-height: 1.2;
text-decoration: none;
text-align: center;
transition: background-color 0.3s, color 0.3s;
user-select: none;
}
@container site (min-width: 751px) {
#booking-package button {
font-size: 1.4rem !important;
height: 4rem !important;
width: 15rem !important;
}
}
@container site (max-width: 750px) {
#booking-package button {
font-size: 1rem !important;
height: 3.5rem !important;
padding-bottom: 0.1rem;
width: 13.4rem !important;
}
}
#booking-package .return_button,
#booking-package .return_form_button {
background-color: #ffffff;
border-color: #222222;
color: #222222;
}
@container site (min-width: 751px) {
#booking-package .return_button:hover,
#booking-package .return_form_button:hover {
background-color: #222222;
color: #ffffff;
}
}
@container site (max-width: 750px) {}
#booking-package .book_now_button {
background-color: #fbc801;
border-color: #fbc801;
border-width: 0;
color: #222222;
}
@container site (min-width: 751px) {
#booking-package .book_now_button:hover {
background-color: #222222;
color: #fbc801;
}
}
@container site (max-width: 750px) {}
#booking-package_calendarPage .calendar {
background-color: #fbc801 !important;
border-color: #fbc801 !important;
border-width: 0.3rem !important;
}
#booking-package_calendarPage .calendarHeader {
align-items: center;
}
#booking-package_calendarPage .calendarData {
font-size: 1.2em !important;
font-weight: 500 !important;
margin-top: 0 !important;
}
#booking-package_calendarPage .arrowLeft,
#booking-package_calendarPage .arrowRight {
font-weight: 500 !important;
margin-top: 0 !important;
display: flex;
align-items: center;
}
@container site (min-width: 751px) {
#booking-package_calendarPage .arrowLeft .arrowFont,
#booking-package_calendarPage .arrowRight .arrowFont {
color: #222222 !important;
padding-top: 0.2em;
transition: color 0.3s;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
#booking-package_calendarPage .arrowLeft:hover .arrowFont,
#booking-package_calendarPage .arrowRight:hover .arrowFont {
color: #fbc801 !important;
}
}
@container site (max-width: 750px) {}
#booking-package_calendarPage .week_slot {
font-weight: 500 !important;
}
#booking-package_calendarPage .week_slot.sun {
color: #d70000 !important;
}
#booking-package_calendarPage .week_slot.sat {
color: #0000e0 !important;
}
#booking-package_calendarPage .day_slot {
background-color: #ffffff !important;
}
@container site (min-width: 751px) {
#booking-package_calendarPage .day_slot {
transition: background-color 0.3s;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
#booking-package_calendarPage .available_day:hover {
background-color: #ffeca0 !important;
}
}
@container site (max-width: 750px) {}
#booking-package_calendarPage .pastDay {
background-color: #f0f0ed !important;
}
#booking-package_schedulePage .topPanel {
border-color: #fbc801 !important;
}
#booking-package_schedulePage .selectedDate {
font-size: 1.2em !important;
font-weight: 500 !important;
}
#booking-package_schedulePage .daysListPanel {
border-color: #fbc801 !important;
}
#booking-package_schedulePage .selectable_day_slot {
border-color: #fbc801 !important;
background-color: #ffffff !important;
color: #222222 !important;
font-weight: 500 !important;
}
@container site (min-width: 751px) {
#booking-package_schedulePage .selectable_day_slot {
transition: background-color 0.3s;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
#booking-package_schedulePage .selectable_day_slot:hover {
background-color: #ffeca0 !important;
}
}
@container site (max-width: 750px) {}
#booking-package_schedulePage .selectable_day_slot:last-child {
border-bottom-width: 0 !important;
}
#booking-package_schedulePage .closed {
background-color: #f0f0ed !important;
cursor: auto !important;
}
@container site (min-width: 751px) {
#booking-package_schedulePage .closed:hover {
background-color: #f0f0ed !important;
}
}
@container site (max-width: 750px) {}
#booking-package_schedulePage .selected_day_slot {
background-color: #ffeca0 !important;
cursor: auto !important;
}
#booking-package_schedulePage .courseListPanel {
border-color: #fbc801 !important;
}
#booking-package_schedulePage .bottomPanelForPositionInherit {
border-color: #fbc801 !important;
}
#booking-package_inputFormPanel {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
gap: 0rem 2rem;
}
#booking-package_inputFormPanel > :not(#paymentPanel):not(#nextAndReturnPanel) {
flex: 0 0 100%;
}
#booking-package_inputFormPanel .title_in_form {
border-color: #fbc801 !important;
font-size: 1.2em !important;
font-weight: 500 !important;
}
#booking-package_inputFormPanel .row {
border-color: #fbc801 !important;
padding: 2rem !important;
}
#booking-package_inputFormPanel .total_amount {
display: none;
}
#booking-package_inputFormPanel .description {
margin-top: 0 !important;
}
#booking-package_inputFormPanel input[type=text] {
-webkit-appearance: none;
background-color: #ffffff;
border: 0.1rem solid #a2a2a2 !important;
border-radius: 0.4rem;
color: #222222;
display: inline-block;
font-family: "Zen Maru Gothic", sans-serif;
font-size: 1.2rem;
height: 4rem;
letter-spacing: 0.05em;
line-height: normal;
padding: 0 1rem 0 1.5rem;
-webkit-text-size-adjust: 100%;
width: 100%;
}
#booking-package_inputFormPanel input[type=text]:focus {
outline: none;
}
#booking-package_inputFormPanel select {
appearance: auto;
background-color: #ffffff;
border: 0.1rem solid #a2a2a2 !important;
border-radius: 0.4rem;
color: #222222;
display: inline-block;
font-family: "Zen Maru Gothic", sans-serif;
font-size: 1.2rem;
height: 4rem;
letter-spacing: 0.05em;
line-height: 1.4;
padding-left: 1.5rem;
width: 100%;
}
#booking-package_inputFormPanel select:focus {
outline: none;
}
#booking-package_inputFormPanel textarea {
background-color: #ffffff;
border: 0.1rem solid #a2a2a2 !important;
border-radius: 0.4rem;
color: #222222;
display: inline-block;
font-family: "Zen Maru Gothic", sans-serif;
font-size: 1.2rem;
height: 10em;
line-height: 1.8;
padding: 1.5rem 1rem 1.5rem 1.5rem;
width: 100%;
}
#booking-package_inputFormPanel textarea:focus {
outline: none;
}
#booking-package_inputFormPanel #booking_package_captchaPanel {
margin-top: 0 !important;
}
#booking-package_inputFormPanel #paymentPanel {
flex: 0 0 auto;
margin-top: 0 !important;
order: 2;
padding: 2rem 0;
width: auto;
}
#booking-package_inputFormPanel #paymentPanel .bottomBarPanel {
margin: 0 !important;
}
#booking-package_inputFormPanel #nextAndReturnPanel {
flex: 0 0 auto;
margin-top: 0 !important;
order: 1;
padding: 2rem 0;
width: auto;
}
#booking-package_inputFormPanel #nextAndReturnPanel .return_form_button {
margin: 0 !important;
}
.c-header {
background-color: #ffffff;
left: 0;
position: absolute;
top: 0;
transition: background-color 0.3s;
width: 100%;
}
@container site (min-width: 751px) {
.c-header__inner {
margin: 0 auto;
max-width: 172rem;
padding: 1.4rem 5rem;
}
}
@container site (max-width: 750px) {
.c-header__inner {
padding: 1rem 2rem;
}
}
.c-header__row {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.c-header-logo {
flex-shrink: 0;
}
.c-header-logo__stack {
display: block;
position: relative;
}
.c-header-logo__image {
display: block;
transition: opacity 0.3s;
}
@container site (min-width: 751px) {
.c-header-logo__image {
height: 6.2rem;
}
}
@container site (max-width: 750px) {
.c-header-logo__image {
height: 3rem;
}
}
.c-header-logo__image--blk {
opacity: 1;
}
.c-header-logo__image--wht {
left: 0;
opacity: 0;
position: absolute;
top: 0;
}
@container site (min-width: 751px) {
.c-header-nav {
margin-left: auto;
}
}
@container site (max-width: 750px) {
.c-header-nav {
display: none;
}
}
@container site (min-width: 751px) {
.c-header-nav__list {
display: flex;
align-items: center;
gap: 0 4rem;
}
}
@container site (max-width: 750px) {}
.c-header-nav__item {
position: static;
}
.c-header-nav__link {
color: #222222;
letter-spacing: 0.05em;
line-height: 1;
transition: color 0.3s;
}
@container site (min-width: 751px) {
.c-header-nav__link {
font-size: 1.4rem;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.c-header-nav__link:hover {
color: #fbc801;
}
}
@container site (max-width: 750px) {}
.c-header-subnav {
left: 0;
min-width: 130rem;
opacity: 0;
pointer-events: none;
position: absolute;
top: 100%;
transition: opacity 0.3s, visibility 0.3s;
visibility: hidden;
width: 100vw;
z-index: 1000;
}
.c-header-subnav__inner {
margin-top: -3.8rem;
padding-top: 3.8rem;
}
.c-header-subnav__list {
background-color: #ffffff;
display: grid;
grid-template-columns: repeat(4, max-content);
gap: 1rem;
justify-content: center;
padding: 5rem 0;
}
.c-header-subnav__list--col-3 {
grid-template-columns: repeat(3, max-content);
}
.c-header-subnav__list--col-4 {
grid-template-columns: repeat(4, max-content);
}
.c-header-subnav__list--col-5 {
grid-template-columns: repeat(5, max-content);
}
.c-header-subnav__item {
width: 15.7rem;
}
.c-header-subnav__card-link {
color: #ffffff;
display: block;
height: 100%;
position: relative;
text-align: center;
text-decoration: none;
}
.c-header-subnav__card-link:hover {
color: #ffffff !important;
}
.c-header-subnav__media {
display: block;
}
.c-header-subnav__card-text {
bottom: 0;
left: 0;
padding-bottom: 1.1rem;
position: absolute;
user-select: none;
width: 100%;
z-index: 2;
}
.c-header-subnav__all-text {
bottom: 0;
color: #222222;
left: 0;
padding-bottom: 2.2rem;
position: absolute;
user-select: none;
width: 100%;
z-index: 2;
}
.c-header-subnav__title-en {
display: block;
font-size: 1.8rem;
letter-spacing: 0;
line-height: 1.1;
}
.c-header-subnav__title-ja {
display: block;
font-size: 1.2rem;
letter-spacing: 0.05em;
line-height: 1.4;
}
.c-header-nav__item--has-subnav:hover .c-header-subnav, .c-header-nav__item--has-subnav:focus-within .c-header-subnav {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
.c-header__buttons {
display: flex;
flex-shrink: 0;
}
@container site (min-width: 751px) {
.c-header__buttons {
gap: 2rem;
padding-left: 8rem;
}
}
@container site (max-width: 750px) {
.c-header__buttons {
gap: 0.8rem;
padding-right: 4rem;
}
}
@container site (min-width: 751px) {
.c-header__sp-nav-control {
display: none;
}
}
@container site (max-width: 750px) {
.c-header__sp-nav-control {
position: absolute;
right: 0.7rem;
top: 0;
z-index: 2;
}
}
@container site (min-width: 751px) {
.c-header__sp-nav-button {
display: none;
}
}
@container site (max-width: 750px) {
.c-header__sp-nav-button {
-webkit-appearance: none;
appearance: none;
background: transparent;
border: 0;
cursor: pointer;
height: 5rem;
padding: 1.8rem 1.3rem;
width: 5rem;
}
}
.c-header__sp-nav-icon {
display: grid;
gap: 0.4rem 0;
height: 1.4rem;
width: 2.4rem;
}
.c-header__sp-nav-line {
border-top: 0.2rem solid #222222;
display: block;
height: 0;
}
.c-header__sp-nav-line--top {
width: 100%;
}
.c-header__sp-nav-line--middle {
width: 75%;
}
.c-header__sp-nav-line--bottom {
width: 50%;
}
.is-top .p-index .c-header {
background-color: transparent;
}
.is-top .p-index .c-header-logo__image--blk {
opacity: 0;
}
.is-top .p-index .c-header-logo__image--wht {
opacity: 1;
}
.is-top .p-index .c-header-nav__link {
color: #ffffff;
}
@container site (min-width: 751px) {
.is-top .p-index .c-header-nav__link:hover {
color: #fbc801;
}
}
@container site (max-width: 750px) {}
.is-top .p-index .c-header__sp-nav-line {
border-top-color: #ffffff;
}
.is-opening.is-top .p-index .c-header {
transition: background-color 0s;
}
.c-header-menu {
background-color: #222222;
color: #ffffff;
height: 100%;
left: 0;
opacity: 0;
pointer-events: none;
position: fixed;
top: 0;
transition: opacity 0.3s, visibility 0.3s;
visibility: hidden;
width: 100%;
z-index: 9000;
}
.c-header-menu__scroll {
height: 100%;
overflow-y: scroll;
overscroll-behavior-y: none;
width: 100%;
}
.c-header-menu__inner {
padding: 1rem 2rem 0;
}
.c-header-menu__logo-image {
height: 3rem;
width: auto;
}
.c-header-menu__sp-nav-control {
position: absolute;
right: 0.5rem;
top: 0;
z-index: 2;
}
.c-header-menu__sp-nav-button {
-webkit-appearance: none;
appearance: none;
background: transparent;
border: 0;
cursor: pointer;
height: 5rem;
padding: 1.5rem 1.5rem;
width: 5rem;
}
.c-header-menu__sp-nav-icon {
display: block;
height: 2rem;
width: 2rem;
}
.c-header-menu__sp-nav-line {
border-top: 0.2rem solid #ffffff;
display: block;
left: 50%;
position: absolute;
top: 50%;
transform-origin: center center;
width: 2.8rem;
}
.c-header-menu__sp-nav-line--top {
transform: translate(-50%, -50%) rotate(45deg);
}
.c-header-menu__sp-nav-line--bottom {
transform: translate(-50%, -50%) rotate(-45deg);
}
.c-header-menu__content {
padding: 4rem 0;
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.c-header-menu .c-menu-cta {
padding: 3.5rem 0;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.c-header-menu__line {
border-color: #ffffff;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.c-header-menu .c-menu-contact {
padding-top: 3.5rem;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.c-header-menu .c-menu-sns {
padding-top: 4rem;
}
}
.is-open-menu .c-header-menu {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
.c-footer {
background-color: #222222;
color: #ffffff;
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.c-footer__main {
padding: 17rem 0 12rem;
}
}
@container site (max-width: 750px) {
.c-footer__main {
padding-top: 7rem;
}
}
@container site (min-width: 751px) {
.c-footer__inner {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.c-footer__content {
width: 67rem;
}
}
@container site (max-width: 750px) {
.c-footer__content {
padding-bottom: 5rem;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.c-footer__line {
border-color: #ffffff;
margin: 0 -2rem;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.c-footer-brand {
padding: 5rem 0;
}
}
.c-footer-brand__media {
text-align: center;
}
@container site (min-width: 751px) {
.c-footer-brand__image {
height: 8.8rem;
}
}
@container site (max-width: 750px) {
.c-footer-brand__image {
height: 5.3rem;
}
}
.c-footer-brand__text {
letter-spacing: 0.05em;
line-height: 1.5;
text-align: center;
}
@container site (min-width: 751px) {
.c-footer-brand__text {
font-size: 1.4rem;
padding-top: 4rem;
}
}
@container site (max-width: 750px) {
.c-footer-brand__text {
font-size: 1.2rem;
padding-top: 2rem;
}
}
@container site (min-width: 751px) {
.c-footer-partner {
display: flex;
align-items: center;
gap: 0 3rem;
padding-top: 5rem;
}
}
@container site (max-width: 750px) {
.c-footer-partner {
padding-top: 3rem;
text-align: center;
}
}
.c-footer-partner__image {
flex-shrink: 0;
}
@container site (min-width: 751px) {
.c-footer-partner__image {
height: 2.7rem;
}
}
@container site (max-width: 750px) {
.c-footer-partner__image {
height: 2rem;
}
}
.c-footer-partner__text {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.c-footer-partner__text {
font-size: 1.4rem;
}
}
@container site (max-width: 750px) {
.c-footer-partner__text {
font-size: 1.2rem;
padding-top: 1rem;
}
}
.c-footer-copyright {
border-top: 0.1rem solid #ffffff;
text-align: center;
}
@container site (min-width: 751px) {
.c-footer-copyright {
padding: 3.1rem 0 3.1rem;
}
}
@container site (max-width: 750px) {
.c-footer-copyright {
padding: 1.6rem 0 1.7rem;
}
}
.c-footer-copyright__text {
display: inline-block;
}
.c-footer-copyright__item {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.c-footer-copyright__item {
font-size: 1.2rem;
}
}
@container site (max-width: 750px) {
.c-footer-copyright__item {
display: block;
font-size: 1.1rem;
}
}
@container site (min-width: 751px) {
.c-footer-copyright__company {
margin-left: 1em;
}
}
@container site (max-width: 750px) {}
.c-menu-cta {
display: flex;
}
@container site (min-width: 751px) {
.c-menu-cta {
gap: 0 2rem;
padding-bottom: 4rem;
}
}
@container site (max-width: 750px) {
.c-menu-cta {
justify-content: space-between;
padding-bottom: 3.5rem;
}
}
@container site (min-width: 751px) {
.c-menu-nav-pc {
display: flex;
gap: 0 8rem;
}
}
@container site (max-width: 750px) {
.c-menu-nav-pc {
display: none;
}
}
.c-menu-nav-pc__item + .c-menu-nav-pc__item {
padding-top: 1.5rem;
}
.c-menu-nav-pc__link + .c-menu-nav-pc__sublist {
padding-top: 1.5rem;
}
.c-menu-nav-pc__subitem {
font-size: 1.4rem;
}
.c-menu-nav-pc__subitem + .c-menu-nav-pc__subitem {
padding-top: 1.5rem;
}
.c-menu-nav-pc__link {
color: #ffffff;
font-size: 1.4rem;
letter-spacing: 0.05em;
line-height: 1.2;
}
@container site (min-width: 751px) {
.c-menu-nav-sp {
display: none;
}
}
@container site (max-width: 750px) {}
.c-menu-nav-sp__item {
border-bottom: 0.1rem solid #ffffff;
}
.c-menu-nav-sp__sublist {
padding-bottom: 1.4rem;
}
.c-menu-nav-sp__link, .c-menu-nav-sp__sublink, .c-menu-nav-sp__button {
display: flex;
align-items: center;
justify-content: space-between;
text-decoration: none;
width: 100%;
}
.c-menu-nav-sp__link, .c-menu-nav-sp__button {
min-height: 5.5rem;
}
.c-menu-nav-sp__sublink {
font-size: 1.5rem;
min-height: 4.5rem;
padding-left: 1em;
}
.c-menu-nav-sp__label {
color: #ffffff;
font-size: 1.5rem;
letter-spacing: 0.05em;
line-height: 1.2;
}
@container site (min-width: 751px) {
.c-menu-contact {
border-top: 0.1rem solid #ffffff;
margin-top: 4rem;
padding-top: 4rem;
}
}
@container site (max-width: 750px) {
.c-menu-contact {
padding-top: 5rem;
}
}
@container site (min-width: 751px) {
.c-menu-contact__heading {
display: flex;
align-items: center;
gap: 0 2rem;
}
}
@container site (max-width: 750px) {}
.c-menu-contact__label {
letter-spacing: 0.05em;
line-height: 1.2;
}
@container site (min-width: 751px) {
.c-menu-contact__label {
font-size: 1.6rem;
}
}
@container site (max-width: 750px) {
.c-menu-contact__label {
font-size: 1.2rem;
padding-bottom: 0.5rem;
}
}
.c-menu-contact__tel {
color: #ffffff;
letter-spacing: 0.05em;
line-height: 1.2;
}
@container site (min-width: 751px) {
.c-menu-contact__tel {
font-size: 2.4rem;
}
}
@container site (max-width: 750px) {
.c-menu-contact__tel {
font-size: 2.4rem;
}
}
.c-menu-contact__hours {
letter-spacing: 0.05em;
line-height: 1.2;
}
@container site (min-width: 751px) {
.c-menu-contact__hours {
font-size: 1.4rem;
padding: 0.5rem 0 0 1em;
}
}
@container site (max-width: 750px) {
.c-menu-contact__hours {
font-size: 1.2rem;
padding-top: 1rem;
}
}
@container site (min-width: 751px) {
.c-menu-subnav {
padding-top: 3.5rem;
}
}
@container site (max-width: 750px) {
.c-menu-subnav {
padding-top: 3rem;
}
}
@container site (min-width: 751px) {
.c-menu-subnav__list {
display: flex;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.c-menu-subnav__item {
position: relative;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.c-menu-subnav__item + .c-menu-subnav__item {
margin-left: 2rem;
padding-left: 2rem;
}
}
@container site (max-width: 750px) {
.c-menu-subnav__item + .c-menu-subnav__item {
padding-top: 2rem;
}
}
@container site (min-width: 751px) {
.c-menu-subnav__item + .c-menu-subnav__item::before {
border-left: 0.1rem solid #ffffff;
content: "";
height: 1.6rem;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 0;
}
}
@container site (max-width: 750px) {}
.c-menu-subnav__link {
color: #ffffff;
letter-spacing: 0.05em;
line-height: 1.2;
}
@container site (min-width: 751px) {
.c-menu-subnav__link {
font-size: 1.4rem;
}
}
@container site (max-width: 750px) {
.c-menu-subnav__link {
font-size: 1.2rem;
}
}
@container site (min-width: 751px) {
.c-menu-sns {
padding-top: 5rem;
}
}
@container site (max-width: 750px) {
.c-menu-sns {
padding-top: 3rem;
}
}
.c-menu-sns__list {
display: flex;
align-items: center;
justify-content: center;
}
@container site (min-width: 751px) {
.c-menu-sns__list {
gap: 0 4rem;
}
}
@container site (max-width: 750px) {
.c-menu-sns__list {
gap: 0 3rem;
}
}
.c-menu-sns__item {
flex-shrink: 0;
}
.c-menu-sns__link {
color: #ffffff;
}
.c-menu-sns__link.u-link-hit {
display: flex;
align-items: center;
gap: 0 1rem;
}
.c-menu-sns__image {
flex-shrink: 0;
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.c-menu-sns__image {
width: 2.2rem;
}
}
.c-menu-sns__text {
letter-spacing: 0.05em;
line-height: 1.2;
}
@container site (min-width: 751px) {
.c-menu-sns__text {
font-size: 1.6rem;
}
}
@container site (max-width: 750px) {
.c-menu-sns__text {
font-size: 1.2rem;
}
}
.c-page-title {
border-bottom: 0.1rem solid #7e7e7e;
}
@container site (min-width: 751px) {
.c-page-title__heading {
padding: 17rem 0 10rem;
}
}
@container site (max-width: 750px) {
.c-page-title__heading {
padding: 5rem 0 3rem;
}
}
.c-page-title__title-en {
letter-spacing: 0.03em;
line-height: 1.1;
}
@container site (min-width: 751px) {
.c-page-title__title-en {
font-size: 8rem;
}
}
@container site (max-width: 750px) {
.c-page-title__title-en {
font-size: 3rem;
}
}
.c-page-title__title-en span {
display: inline-block;
clip-path: inset(0 0 -10% 0rem);
transform: translate3D(0rem, 0, 0);
transition-property: clip-path, transform;
transition-delay: 0.3s;
transition-duration: 0.9s;
transition-timing-function: cubic-bezier(0, 0.3, 0, 0.98);
will-change: clip-path, transform;
}
.c-page-title__title-ja {
letter-spacing: 0.05em;
line-height: 1.1;
}
@container site (min-width: 751px) {
.c-page-title__title-ja {
font-size: 2.4rem;
padding-top: 1.5rem;
}
}
@container site (max-width: 750px) {
.c-page-title__title-ja {
font-size: 1rem;
padding-top: 1rem;
}
}
.c-page-title__date-post {
display: block;
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.c-page-title__date-post {
font-size: 1.4rem;
}
}
@container site (max-width: 750px) {
.c-page-title__date-post {
font-size: 1rem;
}
}
.c-page-title__title-post {
display: block;
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.c-page-title__title-post {
font-size: 2.6rem;
padding-top: 2rem;
}
}
@container site (max-width: 750px) {
.c-page-title__title-post {
font-size: 1.8rem;
padding-top: 1rem;
}
}
.c-page-title__title-ja span, .c-page-title__date-post span, .c-page-title__title-post span {
display: inline-block;
opacity: 1;
transform: translate3D(0rem, 0, 0);
transition-property: opacity, transform;
transition-delay: 0.3s;
transition-duration: 0.9s;
transition-timing-function: cubic-bezier(0, 0.3, 0, 0.98);
will-change: opacity, transform;
}
.is-loading .c-page-title__title-en span {
transition-delay: 0s;
transition-duration: 0s;
}
@container site (min-width: 751px) {
.is-loading .c-page-title__title-en span {
clip-path: inset(0 0 -10% 6rem);
transform: translate3D(-4rem, 0, 0);
}
}
@container site (max-width: 750px) {
.is-loading .c-page-title__title-en span {
clip-path: inset(0 0 -10% 3rem);
transform: translate3D(-2rem, 0, 0);
}
}
.is-loading .c-page-title__title-ja span, .is-loading .c-page-title__date-post span, .is-loading .c-page-title__title-post span {
opacity: 0;
transition-delay: 0s;
transition-duration: 0s;
}
@container site (min-width: 751px) {
.is-loading .c-page-title__title-ja span, .is-loading .c-page-title__date-post span, .is-loading .c-page-title__title-post span {
transform: translate3D(-4rem, 0, 0);
}
}
@container site (max-width: 750px) {
.is-loading .c-page-title__title-ja span, .is-loading .c-page-title__date-post span, .is-loading .c-page-title__title-post span {
transform: translate3D(-2rem, 0, 0);
}
}
.c-breadcrumb__list {
display: flex;
min-width: 0;
overflow: hidden;
}
@container site (min-width: 751px) {
.c-breadcrumb__list {
padding: 1.6rem 0;
}
}
@container site (max-width: 750px) {
.c-breadcrumb__list {
padding: 0.8rem 0;
}
}
.c-breadcrumb__item {
flex: 0 0 auto;
letter-spacing: 0.05em;
line-height: 1.4;
white-space: nowrap;
}
@container site (min-width: 751px) {
.c-breadcrumb__item {
font-size: 1.2rem;
}
}
@container site (max-width: 750px) {
.c-breadcrumb__item {
font-size: 1rem;
}
}
.c-breadcrumb__item + .c-breadcrumb__item::before {
content: "＞";
display: inline-block;
margin: 0 0.6em;
}
.c-breadcrumb__item:last-child {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
}
@container site (min-width: 751px) {
.c-pagination {
padding-block: 8.5rem;
}
}
@container site (max-width: 750px) {
.c-pagination {
padding-block: 3.5rem;
}
}
.c-pagination .wp-pagenavi {
display: flex;
align-items: center;
justify-content: center;
}
@container site (min-width: 751px) {
.c-pagination .wp-pagenavi {
gap: 0.5rem;
}
}
@container site (max-width: 750px) {
.c-pagination .wp-pagenavi {
gap: 1rem;
}
}
.c-pagination .previouspostslink,
.c-pagination .current,
.c-pagination .page,
.c-pagination .nextpostslink {
background-color: #ffffff;
border: 0.1rem solid #a2a2a2;
border-radius: 0.4rem;
display: grid;
letter-spacing: 0.05em;
line-height: 1.4;
place-items: center;
position: relative;
transition: background-color 0.3s;
user-select: none;
}
@container site (min-width: 751px) {
.c-pagination .previouspostslink,
.c-pagination .current,
.c-pagination .page,
.c-pagination .nextpostslink {
font-size: 1.4rem;
height: 3.5rem;
width: 3.5rem;
}
}
@container site (max-width: 750px) {
.c-pagination .previouspostslink,
.c-pagination .current,
.c-pagination .page,
.c-pagination .nextpostslink {
font-size: 1rem;
height: 2.5rem;
width: 2.5rem;
}
}
.c-pagination .previouspostslink:hover, .c-pagination .previouspostslink:focus-visible,
.c-pagination .page:hover,
.c-pagination .page:focus-visible,
.c-pagination .nextpostslink:hover,
.c-pagination .nextpostslink:focus-visible {
color: #222222 !important;
background-color: #fbc801;
}
.c-pagination .current {
color: #222222 !important;
background-color: #fbc801;
}
.c-pagination .previouspostslink::after,
.c-pagination .nextpostslink::after {
border-style: solid;
border-color: #222222;
content: "";
display: block;
margin-top: 0.1rem;
transform: rotate(45deg);
}
@container site (min-width: 751px) {
.c-pagination .previouspostslink::after,
.c-pagination .nextpostslink::after {
width: 0.8rem;
height: 0.8rem;
}
}
@container site (max-width: 750px) {
.c-pagination .previouspostslink::after,
.c-pagination .nextpostslink::after {
width: 0.6rem;
height: 0.6rem;
}
}
.c-pagination .previouspostslink::after {
border-width: 0 0 0.1rem 0.1rem;
}
@container site (min-width: 751px) {
.c-pagination .previouspostslink::after {
margin-left: 0.2rem;
}
}
@container site (max-width: 750px) {
.c-pagination .previouspostslink::after {
margin-left: 0.2rem;
}
}
.c-pagination .nextpostslink::after {
border-width: 0.1rem 0.1rem 0 0;
}
@container site (min-width: 751px) {
.c-pagination .nextpostslink::after {
margin-left: -0.3rem;
}
}
@container site (max-width: 750px) {
.c-pagination .nextpostslink::after {
margin-left: -0.1rem;
}
}
.c-loading {
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
inset: 0;
opacity: 0;
pointer-events: none;
position: fixed;
transition: opacity 0.6s, visibility 0.6s;
visibility: hidden;
z-index: 9999;
/*
&__inner {
align-items: center;
display: flex;
flex-direction: column;
gap: 1.6rem;
}
&__logo {
color: #111111;
font-weight: 700;
letter-spacing: 0.18em;
line-height: 1;
@include container_query_pc {
font-size: 1.4rem;
}
@include container_query_sp {
font-size: 1.2rem;
}
}
&__spinner {
animation: c-loading-spin 0.9s linear infinite;
border: 0.2rem solid rgba(17, 17, 17, 0.15);
border-radius: 50%;
border-top-color: #111111;
display: block;
@include container_query_pc {
height: 4.0rem;
width: 4.0rem;
}
@include container_query_sp {
height: 3.2rem;
width: 3.2rem;
}
}
*/
}
/*
@keyframes c-loading-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
*/
.is-loading .c-loading {
opacity: 1;
pointer-events: auto;
transition: opacity 0s, visibility 0s;
visibility: visible;
}
@container site (min-width: 751px) {
.c-course-label {
padding-top: 2.5rem;
}
}
@container site (max-width: 750px) {
.c-course-label {
padding-top: 1.5rem;
}
}
.c-course-label__title {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.c-course-label__title {
font-size: 2rem;
}
}
@container site (max-width: 750px) {
.c-course-label__title {
font-size: 1.2rem;
padding-bottom: 1rem;
text-align: center;
}
}
.c-course-label__list {
display: flex;
flex-wrap: wrap;
}
@container site (min-width: 751px) {
.c-course-label__list {
gap: 0.5rem 0.5rem;
}
}
@container site (max-width: 750px) {
.c-course-label__list {
gap: 0.5rem 0.5rem;
}
}
@container site (min-width: 751px) {
.c-course-label__list--overview {
display: grid;
grid-template-columns: repeat(4, 20rem);
gap: 1rem;
}
}
@container site (max-width: 750px) {}
.c-course-label__item {
background-color: #ffeca0;
letter-spacing: 0.05em;
line-height: 1.4;
text-align: center;
user-select: none;
white-space: nowrap;
}
@container site (min-width: 751px) {
.c-course-label__item {
font-size: 1.4rem;
padding: 1rem 1.5rem;
}
}
@container site (max-width: 750px) {
.c-course-label__item {
font-size: 1rem;
padding: 0.5rem 1rem;
}
}
@container site (min-width: 751px) {
.c-course-label--overview {
display: flex;
align-items: center;
gap: 0 4rem;
}
}
@container site (max-width: 750px) {}
.c-course-recommend {
background-color: #ffffff;
}
@container site (min-width: 751px) {
.c-course-recommend {
margin-top: 3rem;
padding: 3rem 2.5rem 3rem 3rem;
}
}
@container site (max-width: 750px) {
.c-course-recommend {
margin-top: 2rem;
padding: 2rem 1.5rem 2rem 2rem;
}
}
.c-course-recommend__title {
letter-spacing: 0.05em;
line-height: 1.4;
padding-bottom: 1rem;
}
@container site (min-width: 751px) {
.c-course-recommend__title {
font-size: 1.5rem;
}
}
@container site (max-width: 750px) {
.c-course-recommend__title {
font-size: 1.1rem;
}
}
.c-course-recommend__list {
display: grid;
}
@container site (min-width: 751px) {
.c-course-recommend__list {
gap: 1rem 2rem;
}
}
@container site (max-width: 750px) {
.c-course-recommend__list {
gap: 0.5rem 1rem;
}
}
.c-course-recommend__item {
letter-spacing: 0.05em;
line-height: 1.4;
padding-left: 1em;
text-align: left;
}
@container site (min-width: 751px) {
.c-course-recommend__item {
font-size: 1.5rem;
}
}
@container site (max-width: 750px) {
.c-course-recommend__item {
font-size: 1.1rem;
}
}
.c-course-recommend__item::before {
content: "・";
float: left;
margin-left: -1em;
}
.c-course-recommend--border {
border: 0.1rem solid #fbc801;
}
.c-course-link {
container-type: inline-size;
}
.c-course-link__list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@container site (min-width: 751px) {
.c-course-link__list {
gap: 1.6760465116cqw;
}
}
@container site (max-width: 750px) {
.c-course-link__list {
gap: 2.6765671642cqw;
}
}
@container site (min-width: 751px) {
.c-course-link__item {
width: 32.2093023256cqw;
}
}
@container site (max-width: 750px) {
.c-course-link__item {
width: 48.6567164179cqw;
}
}
.c-course-link__link {
color: #ffffff;
display: block;
height: 100%;
position: relative;
text-align: center;
text-decoration: none;
}
.c-course-link__media {
display: block;
}
.c-course-link__heading {
bottom: 0;
left: 0;
position: absolute;
user-select: none;
width: 100%;
z-index: 2;
}
@container site (min-width: 751px) {
.c-course-link__heading {
padding-bottom: 2.6923076923cqw;
}
}
@container site (max-width: 750px) {
.c-course-link__heading {
padding-bottom: 1.5rem;
}
}
.c-course-link__title-en {
display: block;
letter-spacing: 0;
line-height: 1.1;
}
@container site (min-width: 751px) {
.c-course-link__title-en {
font-size: 3.6923076923cqw;
}
}
@container site (max-width: 750px) {
.c-course-link__title-en {
font-size: 2rem;
}
}
.c-course-link__title-ja {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.c-course-link__title-ja {
font-size: 1.3846153846cqw;
}
}
@container site (max-width: 750px) {
.c-course-link__title-ja {
font-size: 1rem;
}
}
.c-course-link__buttons {
text-align: center;
}
@container site (min-width: 751px) {
.c-course-link__buttons {
padding-top: 8rem;
}
}
@container site (max-width: 750px) {
.c-course-link__buttons {
padding-top: 3rem;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.c-course-card {
overflow-x: auto;
overscroll-behavior-x: contain;
-webkit-overflow-scrolling: touch;
}
}
@container site (min-width: 751px) {
.c-course-card__list {
display: flex;
gap: 2.4rem;
justify-content: center;
}
}
@container site (max-width: 750px) {
.c-course-card__list {
display: inline-flex;
gap: 0 1.5rem;
padding-bottom: 1rem;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.c-course-card__list::before, .c-course-card__list::after {
content: "";
flex: 0 0 0.5rem;
}
}
@container site (min-width: 751px) {
.c-course-card__item {
flex: 0 0 38.4rem;
}
}
@container site (max-width: 750px) {
.c-course-card__item {
flex: 0 0 29.7rem;
}
}
.c-course-card__link {
color: #ffffff;
display: block;
position: relative;
text-decoration: none;
}
.c-course-card__content {
bottom: 0;
left: 0;
position: absolute;
user-select: none;
width: 100%;
z-index: 2;
}
@container site (min-width: 751px) {
.c-course-card__content {
padding: 2rem;
}
}
@container site (max-width: 750px) {
.c-course-card__content {
padding: 1.5rem;
}
}
.c-course-card__title-en {
letter-spacing: 0;
line-height: 1.1;
}
@container site (min-width: 751px) {
.c-course-card__title-en {
font-size: 4.8rem;
}
}
@container site (max-width: 750px) {
.c-course-card__title-en {
font-size: 3rem;
}
}
.c-course-card__title-ja {
letter-spacing: 0.05em;
line-height: 1.1;
}
@container site (min-width: 751px) {
.c-course-card__title-ja {
font-size: 2.1rem;
}
}
@container site (max-width: 750px) {
.c-course-card__title-ja {
font-size: 1.5rem;
}
}
.c-course-card__text {
letter-spacing: 0.05em;
line-height: 1.8;
text-align: justify;
}
@container site (min-width: 751px) {
.c-course-card__text {
font-size: 1.4rem;
padding-top: 1.5rem;
}
}
@container site (max-width: 750px) {
.c-course-card__text {
font-size: 1.2rem;
padding-top: 1rem;
}
}
.c-course-card__buttons {
text-align: left;
}
@container site (min-width: 751px) {
.c-course-card__buttons {
padding-top: 3rem;
}
}
@container site (max-width: 750px) {
.c-course-card__buttons {
padding-top: 2rem;
}
}
@container site (min-width: 751px) {
.c-course-card__link:hover .c-button--white {
background-color: #222222;
color: #ffffff;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.c-course-card--medium .c-course-card__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8rem;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.c-course-card--medium .c-course-card__content {
padding: 2rem 10rem 5rem 2rem;
}
}
@container site (max-width: 750px) {}
.c-contact-cta-card__list {
display: grid;
}
@container site (min-width: 751px) {
.c-contact-cta-card__list {
gap: 6rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@container site (max-width: 750px) {
.c-contact-cta-card__list {
gap: 2rem 0;
grid-template-columns: 1fr;
}
}
.c-contact-cta-card__link {
background-color: #fbc801;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
text-decoration: none;
user-select: none;
}
@container site (min-width: 751px) {
.c-contact-cta-card__link {
border-radius: 2rem;
height: 20.5rem;
padding: 2rem 4rem;
transition: background-color 0.3s;
width: 57rem;
}
}
@container site (max-width: 750px) {
.c-contact-cta-card__link {
border-radius: 1rem;
height: 12rem;
padding: 1rem 2rem;
}
}
@container site (min-width: 751px) {
.c-contact-cta-card__link:hover {
background-color: #222222;
color: #ffffff !important;
}
}
@container site (max-width: 750px) {}
.c-contact-cta-card__heading {
text-align: left;
}
.c-contact-cta-card__title-en {
letter-spacing: 0;
line-height: 1.1;
}
@container site (min-width: 751px) {
.c-contact-cta-card__title-en {
font-size: 3rem;
}
}
@container site (max-width: 750px) {
.c-contact-cta-card__title-en {
font-size: 1.6rem;
}
}
.c-contact-cta-card__title-ja {
letter-spacing: 0.05em;
line-height: 1.1;
padding-top: 0.5rem;
}
@container site (min-width: 751px) {
.c-contact-cta-card__title-ja {
font-size: 1.8rem;
}
}
@container site (max-width: 750px) {
.c-contact-cta-card__title-ja {
font-size: 1.2rem;
}
}
.c-contact-cta-card__content {
align-items: center;
display: flex;
justify-content: flex-end;
}
@container site (min-width: 751px) {
.c-contact-cta-card__content {
gap: 0 2rem;
}
}
@container site (max-width: 750px) {
.c-contact-cta-card__content {
gap: 0 1rem;
}
}
.c-contact-cta-card__text {
letter-spacing: 0.05em;
line-height: 1.6;
text-align: right;
}
@container site (min-width: 751px) {
.c-contact-cta-card__text {
font-size: 1.4rem;
}
}
@container site (max-width: 750px) {
.c-contact-cta-card__text {
font-size: 1rem;
}
}
@container site (min-width: 751px) {
.c-contact-cta-card__link:hover .c-arrow--yellow {
color: #222222;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.c-contact-cta-card__link:hover .c-arrow--black-back::before {
background-color: #ffffff;
}
}
@container site (max-width: 750px) {}
.c-contact-tel {
text-align: center;
}
@container site (min-width: 751px) {
.c-contact-tel {
padding-top: 4rem;
}
}
@container site (max-width: 750px) {
.c-contact-tel {
padding-top: 2.5rem;
}
}
.c-contact-tel__label {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.c-contact-tel__label {
font-size: 2rem;
}
}
@container site (max-width: 750px) {
.c-contact-tel__label {
font-size: 1.2rem;
}
}
.c-contact-tel__number-text {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.c-contact-tel__number-text {
font-size: 2.4rem;
}
}
@container site (max-width: 750px) {
.c-contact-tel__number-text {
font-size: 1.7rem;
}
}
.c-contact-tel__text {
letter-spacing: 0.05em;
line-height: 1.6;
}
@container site (min-width: 751px) {
.c-contact-tel__text {
font-size: 1.4rem;
padding-top: 2rem;
}
}
@container site (max-width: 750px) {
.c-contact-tel__text {
font-size: 1.1rem;
padding-top: 1.5rem;
}
}
@container site (min-width: 751px) {
.c-faq-nav {
padding-top: 6rem;
}
}
@container site (max-width: 750px) {
.c-faq-nav {
padding-top: 3rem;
}
}
.c-faq-nav__list {
display: flex;
flex-wrap: wrap;
}
@container site (min-width: 751px) {
.c-faq-nav__list {
justify-content: center;
gap: 2rem 7rem;
}
}
@container site (max-width: 750px) {
.c-faq-nav__list {
gap: 2rem 0;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.c-faq-nav__item {
width: 50%;
}
}
.c-faq-nav__link {
border-bottom: 0.1rem solid currentColor;
display: inline-flex;
align-items: center;
gap: 0 1rem;
}
.c-faq-nav__text {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.c-faq-nav__text {
font-size: 1.6rem;
}
}
@container site (max-width: 750px) {
.c-faq-nav__text {
font-size: 1.4rem;
}
}
.c-faq .u-link-target {
float: left;
}
@container site (min-width: 751px) {
.c-faq .u-link-target {
margin-top: -15.8rem;
}
}
@container site (max-width: 750px) {
.c-faq .u-link-target {
margin-top: -8.8rem;
}
}
.c-faq__group {
border-bottom: 0.1rem solid #222222;
}
@container site (min-width: 751px) {
.c-faq__group {
margin: 0 auto;
padding: 7rem 2.5rem 4rem;
width: 81rem;
}
}
@container site (max-width: 750px) {
.c-faq__group {
padding: 4rem 2rem 2rem;
}
}
.c-faq__title {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.c-faq__title {
font-size: 2rem;
padding: 0 0 1rem 2.3rem;
}
}
@container site (max-width: 750px) {
.c-faq__title {
font-size: 1.4rem;
padding-bottom: 0.5rem;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {}
.c-faq__item + .c-faq__item {
border-top: 0.1rem solid #c6c6c6;
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {}
.c-faq__button {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
@container site (min-width: 751px) {
.c-faq__button {
gap: 0 2rem;
min-height: 9rem;
padding: 1rem 5rem 1rem 4rem;
}
}
@container site (max-width: 750px) {
.c-faq__button {
gap: 0 1rem;
min-height: 6rem;
padding: 1rem 2.5rem 1rem 2rem;
}
}
.c-faq__label, .c-faq__text {
letter-spacing: 0.05em;
}
@container site (min-width: 751px) {
.c-faq__label, .c-faq__text {
font-size: 1.5rem;
}
}
@container site (max-width: 750px) {
.c-faq__label, .c-faq__text {
font-size: 1.2rem;
}
}
.c-faq__label {
line-height: 1.5;
}
.c-faq__text {
line-height: 1.8;
}
@container site (min-width: 751px) {
.c-faq__text {
padding: 0 4rem 3rem 5rem;
}
}
@container site (max-width: 750px) {
.c-faq__text {
padding: 0 2rem 2rem 2.5rem;
}
}
.c-faq__label:before, .c-faq__text:before {
float: left;
letter-spacing: 0.05em;
}
@container site (min-width: 751px) {
.c-faq__label:before, .c-faq__text:before {
font-size: 2rem;
line-height: 1.3;
margin-left: -1.3em;
}
}
@container site (max-width: 750px) {
.c-faq__label:before, .c-faq__text:before {
font-size: 1.8rem;
line-height: 1.2;
margin-left: -1.2em;
}
}
.c-faq__label:before {
content: "Q";
}
.c-faq__text:before {
content: "A";
}
.c-faq__link {
border-bottom: 0.1rem solid currentColor;
}
.c-gallery__list {
display: grid;
}
@container site (min-width: 751px) {
.c-gallery__list--row-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 6rem 2.8rem;
}
}
@container site (max-width: 750px) {
.c-gallery__list--row-4 {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.5rem;
}
}
@container site (min-width: 751px) {
.c-gallery__list--row-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 2.5rem;
}
}
@container site (max-width: 750px) {
.c-gallery__list--row-5 {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.5rem;
}
}
@container site (min-width: 751px) {
.c-gallery__list--row-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 1.2rem;
}
}
@container site (max-width: 750px) {
.c-gallery__list--row-6 {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.4rem;
}
}
.c-gallery__item {
opacity: 1;
transition: opacity 0.3s;
}
.c-gallery__item.is-fade {
opacity: 0;
}
.c-gallery__item.is-hidden {
display: none !important;
opacity: 0;
}
.c-gallery__media {
aspect-ratio: 1/1;
display: block;
overflow: hidden;
}
.c-gallery__image {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
.c-gallery__text {
letter-spacing: 0.05em;
line-height: 1.4;
text-align: center;
}
@container site (min-width: 751px) {
.c-gallery__text {
font-size: 1.4rem;
padding-top: 1rem;
}
}
@container site (max-width: 750px) {
.c-gallery__text {
font-size: 1.2rem;
padding-top: 0.5rem;
}
}
.c-gallery__more-button {
opacity: 1;
transition: opacity 0.3s;
}
.c-gallery__more-button.is-hidden {
display: none !important;
}
.c-gallery-students__heading {
text-align: center;
}
@container site (min-width: 751px) {
.c-gallery-students__heading {
padding-bottom: 4.5rem;
}
}
@container site (max-width: 750px) {
.c-gallery-students__heading {
padding-bottom: 2rem;
}
}
.c-gallery-students__title {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.c-gallery-students__title {
font-size: 3rem;
}
}
@container site (max-width: 750px) {
.c-gallery-students__title {
font-size: 1.8rem;
}
}
.c-gallery-students__text {
letter-spacing: 0.05em;
line-height: 1.8;
}
@container site (min-width: 751px) {
.c-gallery-students__text {
font-size: 1.5rem;
padding-top: 4rem;
}
}
@container site (max-width: 750px) {
.c-gallery-students__text {
font-size: 1.2rem;
padding-top: 2rem;
}
}
.c-gallery-students__buttons {
text-align: center;
}
@container site (min-width: 751px) {
.c-gallery-students__buttons {
padding-top: 8.5rem;
}
}
@container site (max-width: 750px) {
.c-gallery-students__buttons {
padding-top: 3.5rem;
}
}
.c-instagram__heading {
text-align: center;
}
@container site (min-width: 751px) {
.c-instagram__heading {
padding-bottom: 7rem;
}
}
@container site (max-width: 750px) {
.c-instagram__heading {
padding-bottom: 3rem;
}
}
.c-instagram__title {
letter-spacing: 0;
line-height: 1.1;
}
@container site (min-width: 751px) {
.c-instagram__title {
font-size: 4.8rem;
}
}
@container site (max-width: 750px) {
.c-instagram__title {
font-size: 3rem;
}
}
@container site (min-width: 751px) {
.c-instagram__text {
padding-top: 1.5rem;
}
}
@container site (max-width: 750px) {
.c-instagram__text {
padding-top: 1rem;
}
}
.c-instagram__link {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.c-instagram__link {
font-size: 1.6rem;
}
}
@container site (max-width: 750px) {
.c-instagram__link {
font-size: 1.2rem;
}
}
@container site (min-width: 751px) {
.c-note-link {
padding-top: 8.5rem;
}
}
@container site (max-width: 750px) {
.c-note-link {
padding-top: 3.5rem;
}
}
.c-note-link__link {
align-items: center;
background-color: #fbc801;
display: flex;
position: relative;
}
@container site (min-width: 751px) {
.c-note-link__link {
height: 10.6rem;
margin: 0 auto;
padding: 0 5rem 0 15rem;
width: 57rem;
}
}
@container site (max-width: 750px) {
.c-note-link__link {
height: 5.6rem;
margin-left: auto;
padding: 0 1rem 0 6rem;
width: 30.5rem;
}
}
.c-note-link__media {
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
@container site (min-width: 751px) {
.c-note-link__media {
left: -5rem;
width: 17.8rem;
}
}
@container site (max-width: 750px) {
.c-note-link__media {
left: -3rem;
width: 8.2rem;
}
}
.c-note-link__image {
display: block;
width: 100%;
}
.c-note-link__text {
display: block;
letter-spacing: 0.05em;
line-height: 1.4;
user-select: none;
}
@container site (min-width: 751px) {
.c-note-link__text {
font-size: 1.8rem;
}
}
@container site (max-width: 750px) {
.c-note-link__text {
font-size: 1.2rem;
}
}
.c-message-page {
text-align: center;
}
.c-message-page__title-en {
letter-spacing: 0.03em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.c-message-page__title-en {
font-size: 8rem;
}
}
@container site (max-width: 750px) {
.c-message-page__title-en {
font-size: 3.1rem;
}
}
.c-message-page__title--404 {
display: inline-block;
margin-top: -1em;
vertical-align: text-bottom;
}
.c-message-page__title-ja {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.c-message-page__title-ja {
font-size: 2rem;
padding-top: 1rem;
}
}
@container site (max-width: 750px) {
.c-message-page__title-ja {
font-size: 1.4rem;
padding-top: 2rem;
}
}
.c-message-page__text {
letter-spacing: 0.05em;
line-height: 1.8;
}
@container site (min-width: 751px) {
.c-message-page__text {
font-size: 1.4rem;
padding-top: 6rem;
}
}
@container site (max-width: 750px) {
.c-message-page__text {
font-size: 1.2rem;
padding-top: 2.5rem;
}
}
@container site (min-width: 751px) {
.c-message-page__buttons {
padding-top: 6.5rem;
}
}
@container site (max-width: 750px) {
.c-message-page__buttons {
padding-top: 4.5rem;
}
}
@container site (min-width: 751px) {
.c-news__hr {
margin-block: 3rem;
}
}
@container site (max-width: 750px) {
.c-news__hr {
margin-block: 2rem;
}
}
.c-news__hr:first-child {
margin-top: 0;
}
@container site (min-width: 751px) {
.c-news__hr--small {
margin-block: 1.5rem;
}
}
@container site (max-width: 750px) {
.c-news__hr--small {
margin-block: 1rem;
}
}
@container site (min-width: 751px) {
.c-news__hr--large {
margin-block: 6rem;
}
}
@container site (max-width: 750px) {
.c-news__hr--large {
margin-block: 4rem;
}
}
@container site (min-width: 751px) {
.c-news__item {
margin-top: 3rem;
}
}
@container site (max-width: 750px) {
.c-news__item {
margin-top: 2rem;
}
}
.c-news__item:first-child {
margin-top: 0;
}
@container site (min-width: 751px) {
.c-news__item--small {
margin-top: 1.5rem;
}
}
@container site (max-width: 750px) {
.c-news__item--small {
margin-top: 1rem;
}
}
@container site (min-width: 751px) {
.c-news__item--large {
margin-top: 6rem;
}
}
@container site (max-width: 750px) {
.c-news__item--large {
margin-top: 4rem;
}
}
.c-news__title {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.c-news__title {
font-size: 2.2rem;
}
}
@container site (max-width: 750px) {
.c-news__title {
font-size: 1.6rem;
}
}
.c-news__subtitle {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.c-news__subtitle {
font-size: 1.8rem;
}
}
@container site (max-width: 750px) {
.c-news__subtitle {
font-size: 1.4rem;
}
}
.c-news__text {
letter-spacing: 0.05em;
line-height: 1.8;
}
@container site (min-width: 751px) {
.c-news__text {
font-size: 1.4rem;
}
}
@container site (max-width: 750px) {
.c-news__text {
font-size: 1.2rem;
}
}
.c-news__buttons {
display: flex;
}
@container site (min-width: 751px) {
.c-news__buttons {
gap: 0 3rem;
}
}
@container site (max-width: 750px) {
.c-news__buttons {
gap: 0 2rem;
}
}
@container site (min-width: 751px) {
.c-news__intro {
display: flex;
gap: 0 5rem;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.c-news__intro .c-news__media {
flex-shrink: 0;
width: 30rem;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.c-news__intro .c-news__content {
margin-top: 1.5rem;
}
}
@container site (min-width: 751px) {
.c-news__intro .c-news__content > * + * {
margin-top: 1.5rem;
}
}
@container site (max-width: 750px) {
.c-news__intro .c-news__content > * + * {
margin-top: 1rem;
}
}
.c-news__intro--rev {
flex-direction: row-reverse;
}
.c-news__col-2 {
display: grid;
}
@container site (min-width: 751px) {
.c-news__col-2 {
grid-template-columns: repeat(auto-fit, 40rem);
gap: 5rem 3rem;
}
}
@container site (max-width: 750px) {
.c-news__col-2 {
gap: 4rem 0;
}
}
@container site (min-width: 751px) {
.c-news__col-2-item > * + * {
margin-top: 1.5rem;
}
}
@container site (max-width: 750px) {
.c-news__col-2-item > * + * {
margin-top: 1rem;
}
}
.c-video {
overflow: hidden;
padding-top: 56.25%;
position: relative;
width: 100%;
}
.c-video__inner {
height: calc(100% + 2px);
left: 0;
margin: -1px;
position: absolute;
top: 0;
width: calc(100% + 2px);
}
.c-video__iframe {
display: block;
height: 100% !important;
width: 100% !important;
}
.c-video__file {
display: block;
width: 100%;
}
.c-map {
overflow: hidden;
padding-top: 56.25%;
position: relative;
width: 100%;
}
.c-map__inner {
height: calc(100% + 2px);
left: 0;
margin: -1px;
position: absolute;
top: 0;
width: calc(100% + 2px);
}
.c-map iframe {
display: block;
height: 100% !important;
width: 100% !important;
}
.c-accordion__trigger {
background: transparent;
border: 0;
cursor: pointer;
font-family: inherit;
text-align: left;
}
.c-accordion__panel {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s;
}
.c-list-dot__item {
padding-left: 1.5rem;
}
.c-list-dot__item::before {
content: "・";
float: left;
margin-left: -1.5rem;
}
.c-slide-mv__row {
display: block;
overflow: hidden;
}
.c-slide-mv__logo {
display: block;
opacity: 1;
transform: translateY(0);
transition: opacity 0.9s cubic-bezier(0, 0.3, 0, 0.98) 0.1s, transform 0.9s cubic-bezier(0, 0.3, 0, 0.98) 0.1s;
will-change: opacity, transform;
}
.c-slide-mv__item {
display: block;
transform: translateY(0);
transition: transform 0.9s cubic-bezier(0, 0.3, 0, 0.98) 0.1s;
will-change: transform;
}
.c-slide-mv.is-loaded .c-slide-mv__logo {
opacity: 0;
transform: translateY(35%);
}
.c-slide-mv.is-loaded .c-slide-mv__item {
transform: translateY(101%);
}
.c-title-section {
display: block;
}
.c-title-section span {
display: inline-block;
opacity: 1;
transform: translateY(0) scale(1);
transition-property: transform, opacity;
transition-duration: 0.9s;
transition-timing-function: cubic-bezier(0, 0.3, 0, 0.98);
will-change: transform, opacity;
}
.c-title-section.is-loaded span {
opacity: 0;
transform: translateY(101%) scale(0.4);
}
.c-button {
-webkit-appearance: none;
appearance: none;
border-style: solid;
border-width: 0.1rem;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.2;
text-decoration: none;
text-align: center;
transition: background-color 0.3s, color 0.3s;
user-select: none;
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.c-button {
padding-bottom: 0.1rem;
}
}
.c-button--pill {
border-radius: 999.9rem;
}
.c-button--round-corner {
border-radius: 0.4rem;
}
.c-button--white {
background-color: #ffffff;
border-color: #ffffff;
color: #222222;
}
@container site (min-width: 751px) {
.c-button--white:hover {
background-color: #222222;
color: #ffffff;
}
}
@container site (max-width: 750px) {}
.c-button--black {
background-color: #222222;
border-color: #222222;
color: #ffffff;
}
@container site (min-width: 751px) {
.c-button--black:hover {
background-color: #ffffff;
color: #222222;
}
}
@container site (max-width: 750px) {}
.c-button--yellow {
background-color: #fbc801;
border-color: #fbc801;
color: #222222;
}
@container site (min-width: 751px) {
.c-button--yellow:hover {
background-color: #222222;
color: #fbc801;
}
}
@container site (max-width: 750px) {}
.c-button--border-none {
border-color: transparent;
}
@container site (min-width: 751px) {
.c-button--flex {
font-size: 1.4rem;
height: 4rem;
padding-inline: 4rem;
}
}
@container site (max-width: 750px) {
.c-button--flex {
font-size: 1rem;
height: 3.5rem;
padding-inline: 2rem;
}
}
@container site (min-width: 751px) {
.c-button--small {
font-size: 1.4rem;
height: 4.5rem;
width: 19.6rem;
}
}
@container site (max-width: 750px) {
.c-button--small {
font-size: 1rem;
height: 3.5rem;
width: 13.4rem;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.c-button--header {
font-size: 1.4rem;
height: 4rem;
width: 15rem;
}
}
@container site (max-width: 750px) {
.c-button--header {
font-size: 1rem;
height: 2.2rem;
width: 8.4rem;
}
}
@container site (min-width: 751px) {
.c-button--cta {
font-size: 1.6rem;
height: 6.6rem;
width: 27.4rem;
}
}
@container site (max-width: 750px) {
.c-button--cta {
font-size: 1rem;
height: 3.8rem;
width: 16rem;
}
}
@container site (min-width: 751px) {
.c-button--gallery {
font-size: 1.4rem;
height: 6.8rem;
width: 34rem;
}
}
@container site (max-width: 750px) {
.c-button--gallery {
font-size: 1rem;
height: 3.6rem;
width: 18rem;
}
}
@container site (min-width: 751px) {
.c-button--mv {
font-size: 1.4rem;
height: 3.6rem;
width: 15.2rem;
}
}
@container site (max-width: 750px) {
.c-button--mv {
font-size: 1rem;
height: 2.6rem;
width: 11.4rem;
}
}
@container site (min-width: 751px) {
.c-button--index {
font-size: 1.4rem;
height: 6.8rem;
width: 34rem;
}
}
@container site (max-width: 750px) {
.c-button--index {
font-size: 1rem;
height: 4.3rem;
width: 18.2rem;
}
}
@container site (min-width: 751px) {
.c-button--index-news {
font-size: 1.4rem;
height: 4.5rem;
width: 19.6rem;
}
}
@container site (max-width: 750px) {
.c-button--index-news {
font-size: 1rem;
height: 4.3rem;
width: 18.2rem;
}
}
@container site (min-width: 751px) {
.c-button--features-flow {
font-size: 1.4rem;
height: 6.8rem;
width: 34rem;
}
}
@container site (max-width: 750px) {
.c-button--features-flow {
font-size: 1rem;
height: 3.6rem;
width: 16rem;
}
}
@container site (min-width: 751px) {
.c-button--course-intro-list {
font-size: 1.4rem;
height: 3.6rem;
width: 15rem;
}
}
@container site (max-width: 750px) {
.c-button--course-intro-list {
font-size: 1rem;
height: 2.6rem;
width: 10.4rem;
}
}
@container site (min-width: 751px) {
.c-button--course-lineup {
font-size: 1.4rem;
height: 5rem;
width: 21.5rem;
}
}
@container site (max-width: 750px) {
.c-button--course-lineup {
font-size: 1rem;
height: 3.5rem;
width: 14.4rem;
}
}
@container site (min-width: 751px) {
.c-button--course-detail {
font-size: 1.4rem;
height: 4rem;
width: 15rem;
}
}
@container site (max-width: 750px) {
.c-button--course-detail {
font-size: 1rem;
height: 3.5rem;
width: 13.4rem;
}
}
@container site (min-width: 751px) {
.c-button--zip-code {
font-size: 1.3rem;
height: 3rem;
width: 11rem;
}
}
@container site (max-width: 750px) {
.c-button--zip-code {
font-size: 1rem;
height: 2.6rem;
width: 8.2rem;
}
}
@container site (min-width: 751px) {
.c-button--contact {
font-size: 1.8rem;
height: 5.8rem;
width: 28rem;
}
}
@container site (max-width: 750px) {
.c-button--contact {
font-size: 1.4rem;
height: 4.8rem;
width: 21.4rem;
}
}
@container site (min-width: 751px) {
.c-button--booking {
font-size: 1.4rem;
height: 6.8rem;
width: 34rem;
}
}
@container site (max-width: 750px) {
.c-button--booking {
font-size: 1rem;
height: 3.6rem;
width: 16rem;
}
}
.c-arrow {
display: block;
flex: 0 0 auto;
position: relative;
}
.c-arrow::after {
border-bottom: 0.1rem solid currentColor;
border-right: 0.1rem solid currentColor;
content: "";
left: 50%;
position: absolute;
top: 50%;
transform: translate(-65%, -50%) rotate(-45deg);
z-index: 1;
}
@container site (min-width: 751px) {
.c-arrow::after {
transition: border-color 0.3s, transform 0.3s;
}
}
@container site (max-width: 750px) {
.c-arrow::after {
transition: transform 0.3s;
}
}
.c-arrow--circle::before {
border: 0.1rem solid currentColor;
border-radius: 50%;
content: "";
inset: 0;
position: absolute;
}
@container site (min-width: 751px) {
.c-arrow--circle::before {
transition: background-color 0.3s;
}
}
@container site (max-width: 750px) {}
.c-arrow--white {
color: #ffffff;
}
.c-arrow--black {
color: #222222;
}
.c-arrow--yellow {
color: #fbc801;
}
.c-arrow--black-back::before {
background-color: #222222;
border: none;
}
@container site (min-width: 751px) {
.c-arrow--small {
height: 2.2rem;
width: 2.2rem;
}
}
@container site (max-width: 750px) {
.c-arrow--small {
height: 1.8rem;
width: 1.8rem;
}
}
@container site (min-width: 751px) {
.c-arrow--small::after {
height: 0.7rem;
width: 0.7rem;
}
}
@container site (max-width: 750px) {
.c-arrow--small::after {
height: 0.6rem;
width: 0.6rem;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.c-arrow--nav-sp {
height: 1.6rem;
width: 1.6rem;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.c-arrow--nav-sp::after {
height: 0.5rem;
width: 0.5rem;
}
}
@container site (min-width: 751px) {
.c-arrow--cta-card {
height: 2.8rem;
width: 2.8rem;
}
}
@container site (max-width: 750px) {
.c-arrow--cta-card {
height: 1.6rem;
width: 1.6rem;
}
}
@container site (min-width: 751px) {
.c-arrow--cta-card::after {
height: 0.9rem;
width: 0.9rem;
}
}
@container site (max-width: 750px) {
.c-arrow--cta-card::after {
height: 0.4rem;
width: 0.4rem;
}
}
@container site (min-width: 751px) {
.c-arrow--price {
display: none;
}
}
@container site (max-width: 750px) {
.c-arrow--price {
height: 1.8rem;
width: 1.8rem;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.c-arrow--price::after {
height: 0.6rem;
width: 0.6rem;
}
}
.c-arrow--note-link {
flex: 0 0 auto;
margin-left: auto;
}
[aria-expanded=true] .c-arrow::after {
transform: translate(-50%, -65%) rotate(45deg);
}
.c-plus {
display: block;
flex: 0 0 auto;
position: relative;
}
.c-plus::before, .c-plus::after {
border-color: currentColor;
border-style: solid;
content: "";
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: height 0.3s;
z-index: 1;
}
.c-plus::before {
height: 0;
border-top-width: 0.1rem;
}
.c-plus::after {
border-left-width: 0.1rem;
width: 0;
}
.c-plus--circle {
border: 0.1rem solid currentColor;
border-radius: 50%;
}
.c-plus--white {
color: #ffffff;
}
.c-plus--black {
color: #222222;
}
.c-plus--yellow {
color: #fbc801;
}
.c-plus--black-back {
background-color: #222222;
border: none;
}
@container site (min-width: 751px) {
.c-plus--medium {
height: 3rem;
width: 3rem;
}
}
@container site (max-width: 750px) {
.c-plus--medium {
height: 2.4rem;
width: 2.4rem;
}
}
@container site (min-width: 751px) {
.c-plus--medium::before {
width: 1.3rem;
}
}
@container site (max-width: 750px) {
.c-plus--medium::before {
width: 1.1rem;
}
}
@container site (min-width: 751px) {
.c-plus--medium::after {
height: 1.3rem;
}
}
@container site (max-width: 750px) {
.c-plus--medium::after {
height: 1.1rem;
}
}
[aria-expanded=true] .c-plus::after {
height: 0;
}
.u-font-mincho {
font-family: "Zen Old Mincho", serif;
}
.u-font-noto-sans {
font-family: "Zen Maru Gothic", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 400;
}
.u-font-noto-serif {
font-family: "Zen Old Mincho", serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 400;
}
.u-font-cormorant {
font-family: "Zen Old Mincho", serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 500;
}
.u-font-italic {
font-style: italic;
}
.u-font-light {
font-weight: 300;
}
.u-font-medium {
font-weight: 500;
}
.u-font-bold {
font-weight: 700;
}
.u-font-sup {
font-size: 80%;
vertical-align: super;
}
.u-font-sub {
font-size: 80%;
vertical-align: sub;
}
.u-dashed {
border-style: dashed;
}
.u-cursor-pointer {
cursor: pointer;
}
.u-link-hit {
display: inline-block;
margin: -0.5rem;
padding: 0.5rem;
}
.u-disabled {
cursor: default;
pointer-events: none;
user-select: none;
}
.u-no-space {
font-size: 0;
letter-spacing: 0em;
line-height: 0;
}
.u-link-target {
float: left;
}
@container site (min-width: 751px) {
.u-link-target {
margin-top: -8.8rem;
}
}
@container site (max-width: 750px) {
.u-link-target {
margin-top: -4.8rem;
}
}
@container site (min-width: 751px) {
.u-link-target--in-margin {
margin-top: -17.5rem;
}
}
@container site (max-width: 750px) {
.u-link-target--in-margin {
margin-top: -8.5rem;
}
}
.u-display-none {
display: none !important;
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.u-only-pc {
display: none !important;
}
}
@container site (min-width: 751px) {
.u-only-sp {
display: none !important;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.u-full-sp {
margin-right: -2rem;
margin-left: -2rem;
}
}
@container site (min-width: 751px) {
.u-hover-fade {
opacity: 1;
transition: opacity 0.3s;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.u-hover-fade:hover,
.u-hover-fade:focus-visible {
opacity: 0.7;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.u-hover-zoom {
overflow: hidden;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.u-hover-zoom img {
transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.u-hover-zoom:hover img,
.u-hover-zoom:focus-visible img {
transform: scale(1.07);
}
}
@container site (max-width: 750px) {}
@keyframes kf-mv-fade {
0%, 20% {
opacity: 1;
}
25%, 95% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes kf-feature-gallery-loop {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
.p-index-mv {
overflow: clip;
position: relative;
}
.p-index-mv__media {
height: 100svh;
overflow: hidden;
position: sticky;
top: 0;
}
.p-index-mv__bg {
height: 100%;
position: relative;
width: 100%;
}
.p-index-mv__bg-item {
animation: kf-mv-fade 20s linear infinite;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: block;
inset: 0;
opacity: 1;
position: absolute;
will-change: opacity;
}
.p-index-mv__bg-item--01 {
animation-delay: 0s;
z-index: 4;
background-image: url('../img/a370230940e.webp');
}
.p-index-mv__bg-item--02 {
animation-delay: 5s;
z-index: 3;
background-image: url('../img/a2ea8fc6ad0.webp');
}
.p-index-mv__bg-item--03 {
animation-delay: 10s;
z-index: 2;
background-image: url('../img/ae0c25bc38d.webp');
}
.p-index-mv__bg-item--04 {
animation-delay: 15s;
z-index: 1;
background-image: url('../img/ade02403798.webp');
}
.p-index-mv__panels {
margin-top: -100svh;
position: relative;
z-index: 1;
}
.p-index-mv__panel {
color: #ffffff;
display: flex;
align-items: center;
min-height: 100svh;
position: relative;
}
.p-index-mv__panel--01 .p-index-mv__inner {
text-align: center;
white-space: nowrap;
}
@container site (min-width: 751px) {
.p-index-mv__panel--01 .p-index-mv__logo {
padding-bottom: 1rem;
}
}
@container site (max-width: 750px) {
.p-index-mv__panel--01 .p-index-mv__logo {
padding-bottom: 0.5rem;
}
}
@container site (min-width: 751px) {
.p-index-mv__panel--01 .p-index-mv__image {
width: 12rem;
}
}
@container site (max-width: 750px) {
.p-index-mv__panel--01 .p-index-mv__image {
width: 7rem;
}
}
.p-index-mv__panel--01 .p-index-mv__logo-text {
letter-spacing: 0.1em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-index-mv__panel--01 .p-index-mv__logo-text {
font-size: 2.6rem;
}
}
@container site (max-width: 750px) {
.p-index-mv__panel--01 .p-index-mv__logo-text {
font-size: 1.5rem;
}
}
@container site (min-width: 751px) {
.p-index-mv__panel--01 .p-index-mv__content {
margin-top: 5rem;
}
}
@container site (max-width: 750px) {
.p-index-mv__panel--01 .p-index-mv__content {
margin-top: 2.5rem;
}
}
.p-index-mv__panel--01 .p-index-mv__title {
letter-spacing: 0.15em;
line-height: 1.4;
padding-left: 0.5em;
}
@container site (min-width: 751px) {
.p-index-mv__panel--01 .p-index-mv__title {
font-size: 4rem;
}
}
@container site (max-width: 750px) {
.p-index-mv__panel--01 .p-index-mv__title {
font-size: 2.2rem;
}
}
.p-index-mv__panel--01 .p-index-mv__text {
letter-spacing: 0.1em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-index-mv__panel--01 .p-index-mv__text {
font-size: 2rem;
margin-top: 5rem;
}
}
@container site (max-width: 750px) {
.p-index-mv__panel--01 .p-index-mv__text {
font-size: 1.2rem;
margin-top: 2.5rem;
}
}
@container site (min-width: 751px) {
.p-index-mv__panel--02 .p-index-mv__inner {
display: flex;
justify-content: center;
gap: 0 16.5rem;
}
}
@container site (max-width: 750px) {}
.p-index-mv__panel--02 .p-index-mv__title {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-index-mv__panel--02 .p-index-mv__title {
font-size: 3rem;
}
}
@container site (max-width: 750px) {
.p-index-mv__panel--02 .p-index-mv__title {
font-size: 2.2rem;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.p-index-mv__panel--02 .p-index-mv__content {
margin-top: 2.5rem;
}
}
.p-index-mv__panel--02 .p-index-mv__text {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-index-mv__panel--02 .p-index-mv__text {
font-size: 1.4rem;
margin-bottom: 4rem;
}
}
@container site (max-width: 750px) {
.p-index-mv__panel--02 .p-index-mv__text {
font-size: 1.2rem;
margin-bottom: 4rem;
}
}
.p-index-mv__panel--02 .p-index-mv__buttons {
display: flex;
}
@container site (min-width: 751px) {
.p-index-mv__panel--02 .p-index-mv__buttons {
gap: 0 2rem;
}
}
@container site (max-width: 750px) {
.p-index-mv__panel--02 .p-index-mv__buttons {
gap: 0 2rem;
}
}
.p-index-mv__panel--99 {
min-height: 50svh;
}
.p-index-course-link {
background-color: #ffffff;
}
.p-index-course-link__inner {
margin-inline: auto;
}
@container site (min-width: 751px) {
.p-index-course-link__inner {
width: min(100% - 10rem, 172rem);
}
}
@container site (max-width: 750px) {
.p-index-course-link__inner {
width: 33.5rem;
}
}
.p-index-course-lead {
text-align: center;
}
.p-index-course-lead__title-en {
color: #fbc801;
letter-spacing: 0;
line-height: 1.1;
}
@container site (min-width: 751px) {
.p-index-course-lead__title-en {
font-size: 4.8rem;
}
}
@container site (max-width: 750px) {
.p-index-course-lead__title-en {
font-size: 3rem;
}
}
.p-index-course-lead__title-ja {
letter-spacing: 0.05em;
line-height: 1.1;
}
@container site (min-width: 751px) {
.p-index-course-lead__title-ja {
font-size: 3rem;
padding-top: 2.5rem;
}
}
@container site (max-width: 750px) {
.p-index-course-lead__title-ja {
font-size: 1.8rem;
padding-top: 1.5rem;
}
}
.p-index-course-lead__text {
letter-spacing: 0.05em;
line-height: 1.8;
}
@container site (min-width: 751px) {
.p-index-course-lead__text {
font-size: 1.5rem;
padding-top: 2.5rem;
}
}
@container site (max-width: 750px) {
.p-index-course-lead__text {
font-size: 1.2rem;
padding-top: 1.5rem;
}
}
@container site (min-width: 751px) {
.p-index-course-lead__media {
padding-top: 5rem;
}
}
@container site (max-width: 750px) {
.p-index-course-lead__media {
padding-top: 3rem;
}
}
.p-index-course-lineup__inner {
margin-inline: auto;
}
@container site (min-width: 751px) {
.p-index-course-lineup__inner {
width: min(100% - 10rem, 140rem);
}
}
@container site (max-width: 750px) {
.p-index-course-lineup__inner {
width: 33.5rem;
}
}
@container site (min-width: 751px) {
.p-index-course-lineup__item {
display: grid;
align-items: center;
column-gap: 6.4285714286%;
grid-template-columns: minmax(0, 51.0714285714%) minmax(0, 42.5%);
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.p-index-course-lineup__item + .p-index-course-lineup__item {
padding-top: 8.5rem;
}
}
@container site (max-width: 750px) {
.p-index-course-lineup__item + .p-index-course-lineup__item {
padding-top: 7rem;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.p-index-course-lineup__content {
padding-top: 3rem;
}
}
@container site (min-width: 751px) {
.p-index-course-lineup__icon {
height: 16.5rem;
}
}
@container site (max-width: 750px) {
.p-index-course-lineup__icon {
height: 10.5rem;
}
}
.p-index-course-lineup__heading {
display: flex;
align-items: center;
justify-content: space-between;
}
@container site (min-width: 751px) {
.p-index-course-lineup__heading {
padding-top: 2.5rem;
}
}
@container site (max-width: 750px) {
.p-index-course-lineup__heading {
padding-top: 1rem;
}
}
.p-index-course-lineup__title {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-index-course-lineup__title {
font-size: 2.4rem;
}
}
@container site (max-width: 750px) {
.p-index-course-lineup__title {
font-size: 1.6rem;
}
}
.p-index-course-lineup__text {
letter-spacing: 0.05em;
line-height: 1.8;
}
@container site (min-width: 751px) {
.p-index-course-lineup__text {
font-size: 1.4rem;
padding-top: 3.5rem;
}
}
@container site (max-width: 750px) {
.p-index-course-lineup__text {
font-size: 1.2rem;
padding-top: 2rem;
text-align: justify;
}
}
@container site (min-width: 751px) {
.p-index-course-card__inner {
margin-inline: auto;
width: min(100% - 10rem, 140rem);
}
}
@container site (max-width: 750px) {}
.p-index-course-card__buttons {
text-align: center;
}
@container site (min-width: 751px) {
.p-index-course-card__buttons {
padding-top: 8.5rem;
}
}
@container site (max-width: 750px) {
.p-index-course-card__buttons {
padding-top: 2.5rem;
}
}
.p-index-feature {
background-color: #ffffff;
}
@container site (min-width: 751px) {
.p-index-feature {
padding-top: 17rem;
}
}
@container site (max-width: 750px) {
.p-index-feature {
padding-top: 7rem;
}
}
.p-index-feature__title {
letter-spacing: 0.05em;
line-height: 1.4;
text-align: center;
}
@container site (min-width: 751px) {
.p-index-feature__title {
font-size: 3rem;
}
}
@container site (max-width: 750px) {
.p-index-feature__title {
font-size: 1.6rem;
}
}
.p-index-feature-list {
margin: 0 auto;
padding-top: 3rem;
width: fit-content;
}
.p-index-feature-list__item {
column-gap: 1rem;
display: grid;
align-items: center;
grid-template-columns: auto 1fr;
}
.p-index-feature-list__item + .p-index-feature-list__item {
padding-top: 1.5rem;
}
.p-index-feature-list__icon {
border-radius: 50%;
display: block;
position: relative;
}
@container site (min-width: 751px) {
.p-index-feature-list__icon {
border: 0.1rem solid #fbc801;
height: 1.6rem;
margin-top: 0.4rem;
width: 1.6rem;
}
}
@container site (max-width: 750px) {
.p-index-feature-list__icon {
border: 0.2rem solid #fbc801;
height: 2.2rem;
margin-top: 0.2rem;
width: 2.2rem;
}
}
.p-index-feature-list__icon::before {
content: "";
left: 50%;
position: absolute;
top: 44%;
transform: translate(-50%, -50%) rotate(45deg);
}
@container site (min-width: 751px) {
.p-index-feature-list__icon::before {
border-bottom: 0.1rem solid #fbc801;
border-right: 0.1rem solid #fbc801;
height: 0.8rem;
width: 0.4rem;
}
}
@container site (max-width: 750px) {
.p-index-feature-list__icon::before {
border-bottom: 0.2rem solid #fbc801;
border-right: 0.2rem solid #fbc801;
height: 1rem;
width: 0.6rem;
}
}
.p-index-feature-list__text {
letter-spacing: 0.05em;
line-height: 1.5;
}
@container site (min-width: 751px) {
.p-index-feature-list__text {
font-size: 1.8rem;
}
}
@container site (max-width: 750px) {
.p-index-feature-list__text {
font-size: 1.2rem;
}
}
.p-index-feature-list__highlight {
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
padding: 0 0.1em;
}
@container site (min-width: 751px) {
.p-index-feature-list__highlight {
background: linear-gradient(transparent calc(100% - 0.7rem), #fbc801 0);
}
}
@container site (max-width: 750px) {
.p-index-feature-list__highlight {
background: linear-gradient(transparent calc(100% - 0.3rem), #fbc801 0);
}
}
.p-index-feature__lead {
letter-spacing: 0.05em;
line-height: 1.4;
padding-top: 3rem;
text-align: center;
}
@container site (min-width: 751px) {
.p-index-feature__lead {
font-size: 1.8rem;
}
}
@container site (max-width: 750px) {
.p-index-feature__lead {
font-size: 1.4rem;
}
}
.p-index-feature-gallery {
margin: 0 auto;
overflow: hidden;
}
@container site (min-width: 751px) {
.p-index-feature-gallery {
padding-top: 8rem;
max-width: 200rem;
}
}
@container site (max-width: 750px) {
.p-index-feature-gallery {
padding-top: 5rem;
max-width: 75rem;
}
}
.p-index-feature-gallery__track {
display: flex;
width: max-content;
will-change: transform;
}
@container site (min-width: 751px) {
.p-index-feature-gallery__track {
animation: kf-feature-gallery-loop 44s linear infinite;
}
}
@container site (max-width: 750px) {
.p-index-feature-gallery__track {
animation: kf-feature-gallery-loop 44s linear infinite;
}
}
.p-index-feature-gallery__list {
display: flex;
flex: 0 0 auto;
}
@container site (min-width: 751px) {
.p-index-feature-gallery__list {
column-gap: 1rem;
padding-right: 1rem;
}
}
@container site (max-width: 750px) {
.p-index-feature-gallery__list {
column-gap: 0.5rem;
padding-right: 0.5rem;
}
}
.p-index-feature-gallery__item {
flex: 0 0 auto;
overflow: hidden;
}
@container site (min-width: 751px) {
.p-index-feature-gallery__item {
width: 31.5rem;
}
}
@container site (max-width: 750px) {
.p-index-feature-gallery__item {
width: 18rem;
}
}
.p-index-feature-gallery__image {
aspect-ratio: 1/1;
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
.p-index-news {
background-color: #ffffff;
}
@container site (min-width: 751px) {
.p-index-news {
padding-top: 17rem;
}
}
@container site (max-width: 750px) {
.p-index-news {
padding-top: 7rem;
}
}
.p-index-news__inner {
background-color: #f0f0ed;
}
@container site (min-width: 751px) {
.p-index-news__inner {
margin-inline: auto;
padding: 11rem 9rem 16rem;
width: 120rem;
}
}
@container site (max-width: 750px) {
.p-index-news__inner {
padding: 6.5rem 2rem 8.5rem;
}
}
.p-index-news__title {
letter-spacing: 0.05em;
line-height: 1.4;
text-align: center;
}
@container site (min-width: 751px) {
.p-index-news__title {
font-size: 3rem;
}
}
@container site (max-width: 750px) {
.p-index-news__title {
font-size: 1.8rem;
}
}
@container site (min-width: 751px) {
.p-index-news-list {
display: flex;
flex-wrap: wrap;
gap: 5rem 3.2rem;
padding-top: 5rem;
}
}
@container site (max-width: 750px) {
.p-index-news-list {
padding-top: 3rem;
}
}
@container site (min-width: 751px) {
.p-index-news-list__item {
width: 23.1rem;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.p-index-news-list__item + .p-index-news-list__item {
padding-top: 2rem;
}
}
@container site (min-width: 751px) {
.p-index-news-list__link {
display: block;
}
}
@container site (max-width: 750px) {
.p-index-news-list__link {
align-items: center;
column-gap: 1.5rem;
display: grid;
grid-template-columns: 14.6rem minmax(0, 1fr);
}
}
.p-index-news-list__media {
background-color: #ffffff;
display: block;
overflow: hidden;
aspect-ratio: 306/228;
}
.p-index-news-list__image {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
@container site (min-width: 751px) {
.p-index-news-list__image {
transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.p-index-news-list__link:hover .p-index-news-list__image {
transform: scale(1.07);
}
}
@container site (max-width: 750px) {}
.p-index-news-list__content {
display: block;
}
@container site (min-width: 751px) {
.p-index-news-list__content {
padding-top: 1rem;
}
}
@container site (max-width: 750px) {}
.p-index-news-list__date {
display: block;
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-index-news-list__date {
font-size: 1.2rem;
}
}
@container site (max-width: 750px) {
.p-index-news-list__date {
font-size: 1.1rem;
}
}
.p-index-news-list__title {
display: block;
letter-spacing: 0.05em;
line-height: 1.4;
padding-top: 0.5rem;
}
@container site (min-width: 751px) {
.p-index-news-list__title {
font-size: 1.4rem;
}
}
@container site (max-width: 750px) {
.p-index-news-list__title {
font-size: 1.2rem;
}
}
.p-index-news__buttons {
padding-top: 5rem;
text-align: center;
}
.p-index-academy {
background-color: #ffffff;
}
@container site (min-width: 751px) {
.p-index-academy__inner {
display: grid;
align-items: center;
justify-content: space-between;
grid-template-columns: minmax(0, 44.1721854305%) minmax(0, 51.1258278146%);
margin: 0 auto;
max-width: 161rem;
padding: 0 5rem;
}
}
@container site (max-width: 750px) {
.p-index-academy__inner {
margin-inline: auto;
width: 33.5rem;
}
}
@container site (min-width: 751px) {
.p-index-academy-visual {
aspect-ratio: 1/1;
position: relative;
}
}
@container site (max-width: 750px) {
.p-index-academy-visual {
display: none;
}
}
.p-index-academy-visual__image {
display: block;
inset: 0;
object-fit: cover;
opacity: 0;
position: absolute;
transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
width: 100%;
}
.p-index-academy-visual__image.is-active {
opacity: 1;
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.p-index-academy__content {
padding: 0;
}
}
.p-index-academy__heading {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-index-academy__heading {
font-size: 3rem;
}
}
@container site (max-width: 750px) {
.p-index-academy__heading {
font-size: 1.8rem;
}
}
.p-index-academy__nav {
padding-top: 3rem;
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.p-index-academy-list {
border-top: 0.1rem solid #222222;
}
}
.p-index-academy-list__item {
border-bottom: 0.1rem solid #222222;
}
.p-index-academy-list__link {
align-items: center;
display: flex;
position: relative;
}
@container site (min-width: 751px) {
.p-index-academy-list__link {
height: 10rem;
padding: 0 3rem;
transition: background-color 0.3s;
}
}
@container site (max-width: 750px) {
.p-index-academy-list__link {
height: 9rem;
padding: 0 2rem 0 0;
}
}
@container site (min-width: 751px) {
.p-index-academy-list__link:hover, .p-index-academy-list__link.is-active {
background-color: #f7f7f7;
color: #222222;
}
}
@container site (max-width: 750px) {}
.p-index-academy-list__media {
flex: 0 0 auto;
overflow: hidden;
}
@container site (min-width: 751px) {
.p-index-academy-list__media {
display: none;
}
}
@container site (max-width: 750px) {
.p-index-academy-list__media {
display: block;
margin-right: 2rem;
width: 7rem;
}
}
.p-index-academy-list__image {
display: block;
height: auto;
width: 100%;
}
.p-index-academy-list__label {
display: block;
flex: 1 1 auto;
letter-spacing: 0.05em;
line-height: 1.4;
user-select: none;
}
@container site (min-width: 751px) {
.p-index-academy-list__label {
font-size: 2.2rem;
}
}
@container site (max-width: 750px) {
.p-index-academy-list__label {
font-size: 1.4rem;
}
}
.p-index-academy-list .c-arrow {
flex: 0 0 auto;
margin-left: auto;
}
.p-features__title {
letter-spacing: 0.05em;
line-height: 1.4;
text-align: center;
}
@container site (min-width: 751px) {
.p-features__title {
font-size: 3rem;
}
}
@container site (max-width: 750px) {
.p-features__title {
font-size: 1.8rem;
}
}
.p-features-intro__text {
letter-spacing: 0.05em;
line-height: 1.8;
text-align: center;
}
@container site (min-width: 751px) {
.p-features-intro__text {
font-size: 1.4rem;
padding-top: 6rem;
}
}
@container site (max-width: 750px) {
.p-features-intro__text {
font-size: 1.2rem;
padding-top: 3rem;
}
}
@container site (min-width: 751px) {
.p-features-accordion__list {
padding-top: 5rem;
}
}
@container site (max-width: 750px) {
.p-features-accordion__list {
padding-top: 3rem;
}
}
.p-features-accordion__item {
background-color: #ffffff;
}
@container site (min-width: 751px) {
.p-features-accordion__item + .p-features-accordion__item {
margin-top: 3rem;
}
}
@container site (max-width: 750px) {
.p-features-accordion__item + .p-features-accordion__item {
margin-top: 1.5rem;
}
}
.p-features-accordion__button {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
@container site (min-width: 751px) {
.p-features-accordion__button {
gap: 0 2rem;
min-height: 11rem;
padding: 1rem 6rem;
}
}
@container site (max-width: 750px) {
.p-features-accordion__button {
gap: 0 1rem;
min-height: 7.5rem;
padding: 1rem 2rem;
}
}
.p-features-accordion__label {
letter-spacing: 0.05em;
line-height: 1.5;
}
@container site (min-width: 751px) {
.p-features-accordion__label {
font-size: 2.2rem;
}
}
@container site (max-width: 750px) {
.p-features-accordion__label {
font-size: 1.2rem;
}
}
.p-features-accordion__text {
letter-spacing: 0.05em;
line-height: 1.8;
}
@container site (min-width: 751px) {
.p-features-accordion__text {
font-size: 1.4rem;
padding: 0 6rem 4rem;
}
}
@container site (max-width: 750px) {
.p-features-accordion__text {
font-size: 1.2rem;
padding: 0 2rem 2.5rem;
}
}
@container site (min-width: 751px) {
.p-features-student-pickup {
display: flex;
align-items: center;
gap: 0 7rem;
margin-top: 8.5rem;
padding-left: 10rem;
}
}
@container site (max-width: 750px) {
.p-features-student-pickup {
margin-top: 3.5rem;
}
}
@container site (min-width: 751px) {
.p-features-student-pickup__media {
width: 70rem;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.p-features-student-pickup__content {
width: 33rem;
}
}
@container site (max-width: 750px) {
.p-features-student-pickup__content {
padding-top: 1rem;
}
}
.p-features-student-pickup__text {
letter-spacing: 0.05em;
line-height: 1.8;
}
@container site (min-width: 751px) {
.p-features-student-pickup__text {
font-size: 1.5rem;
}
}
@container site (max-width: 750px) {
.p-features-student-pickup__text {
font-size: 1.2rem;
}
}
@container site (min-width: 751px) {
.p-features-student__list {
padding: 10rem 14rem 0;
}
}
@container site (max-width: 750px) {
.p-features-student__list {
padding-top: 5rem;
}
}
@container site (min-width: 751px) {
.p-features-student__item {
display: flex;
align-items: center;
column-gap: 5rem;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.p-features-student__item + .p-features-student__item {
padding-top: 7rem;
}
}
@container site (max-width: 750px) {
.p-features-student__item + .p-features-student__item {
padding-top: 5rem;
}
}
@container site (min-width: 751px) {
.p-features-student__media {
flex: 0 0 auto;
}
}
@container site (max-width: 750px) {
.p-features-student__media {
text-align: center;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.p-features-student__image {
width: 18.6rem;
}
}
@container site (min-width: 751px) {
.p-features-student__heading {
display: flex;
align-items: center;
column-gap: 2rem;
}
}
@container site (max-width: 750px) {
.p-features-student__heading {
padding-top: 1.5rem;
}
}
.p-features-student__name {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-features-student__name {
font-size: 2.4rem;
}
}
@container site (max-width: 750px) {
.p-features-student__name {
font-size: 1.6rem;
}
}
.p-features-student__position {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-features-student__position {
font-size: 1.2rem;
}
}
@container site (max-width: 750px) {
.p-features-student__position {
font-size: 1.1rem;
padding-top: 0.5rem;
}
}
.p-features-student__lead {
letter-spacing: 0.05em;
line-height: 1.6;
}
@container site (min-width: 751px) {
.p-features-student__lead {
font-size: 2rem;
padding-top: 2rem;
}
}
@container site (max-width: 750px) {
.p-features-student__lead {
font-size: 1.4rem;
padding-top: 1.5rem;
}
}
.p-features-student__text {
letter-spacing: 0.05em;
line-height: 1.8;
}
@container site (min-width: 751px) {
.p-features-student__text {
font-size: 1.4rem;
padding-top: 2rem;
}
}
@container site (max-width: 750px) {
.p-features-student__text {
font-size: 1.2rem;
padding-top: 1.5rem;
}
}
@container site (min-width: 751px) {
.p-features-flow__heading {
padding-bottom: 4.5rem;
}
}
@container site (max-width: 750px) {
.p-features-flow__heading {
padding-bottom: 2.5rem;
}
}
.p-features-flow__text {
letter-spacing: 0.05em;
line-height: 1.8;
text-align: center;
}
@container site (min-width: 751px) {
.p-features-flow__text {
font-size: 1.5rem;
padding-top: 4rem;
}
}
@container site (max-width: 750px) {
.p-features-flow__text {
font-size: 1.2rem;
padding-top: 2rem;
}
}
.p-features-flow__note-wrap {
text-align: center;
}
@container site (min-width: 751px) {
.p-features-flow__note-wrap {
padding-top: 3rem;
}
}
@container site (max-width: 750px) {
.p-features-flow__note-wrap {
padding-top: 2rem;
}
}
.p-features-flow__note {
background-color: #ffeca0;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-features-flow__note {
display: inline-block;
font-size: 1.7rem;
padding: 1rem 2rem 1.1rem;
}
}
@container site (max-width: 750px) {
.p-features-flow__note {
font-size: 1.4rem;
padding: 1rem 1rem;
}
}
.p-features-flow-list {
display: grid;
}
@container site (min-width: 751px) {
.p-features-flow-list {
gap: 0 4.8rem;
grid-template-columns: repeat(4, minmax(0, 23.9rem));
padding-inline: 5rem;
}
}
@container site (max-width: 750px) {
.p-features-flow-list {
gap: 1.5rem;
grid-template-columns: repeat(2, minmax(0, 16rem));
}
}
.p-features-flow-list__item {
aspect-ratio: 1/1;
background-color: #ffffff;
padding-top: 3rem;
text-align: center;
}
.p-features-flow-list__number {
letter-spacing: 0.05em;
line-height: 1.1;
position: relative;
}
@container site (min-width: 751px) {
.p-features-flow-list__number {
font-size: 7rem;
padding-bottom: 1rem;
}
}
@container site (max-width: 750px) {
.p-features-flow-list__number {
font-size: 4.2rem;
padding-bottom: 0.5rem;
}
}
.p-features-flow-list__number::after {
border-top: 0.1rem solid #222222;
content: "";
display: block;
height: 0;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
@container site (min-width: 751px) {
.p-features-flow-list__number::after {
width: 4.8rem;
}
}
@container site (max-width: 750px) {
.p-features-flow-list__number::after {
width: 2.8rem;
}
}
.p-features-flow-list__text {
letter-spacing: 0.05em;
line-height: 1.1;
}
@container site (min-width: 751px) {
.p-features-flow-list__text {
font-size: 2.2rem;
padding-top: 2.5rem;
}
}
@container site (max-width: 750px) {
.p-features-flow-list__text {
font-size: 1.3rem;
padding-top: 1.5rem;
}
}
.p-features-flow__buttons {
display: flex;
}
@container site (min-width: 751px) {
.p-features-flow__buttons {
justify-content: center;
gap: 0 3rem;
padding-top: 8.5rem;
}
}
@container site (max-width: 750px) {
.p-features-flow__buttons {
justify-content: space-between;
padding-top: 3.5rem;
}
}
.p-features-faq {
background-color: #ffffff;
}
@container site (min-width: 751px) {
.p-price-group__list {
display: grid;
gap: 17rem 6rem;
grid-template-columns: repeat(2, 57rem);
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.p-price-group__item + .p-price-group__item {
margin-top: 7rem;
}
}
@container site (min-width: 751px) {
.p-price-group__item--full {
grid-column: 1/-1;
}
}
@container site (max-width: 750px) {}
.p-price-group__title {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-price-group__title {
font-size: 2.2rem;
}
}
@container site (max-width: 750px) {
.p-price-group__title {
font-size: 1.8rem;
}
}
.p-price-group__text {
letter-spacing: 0.05em;
line-height: 1.8;
}
@container site (min-width: 751px) {
.p-price-group__text {
font-size: 1.4rem;
padding-top: 1.5rem;
}
}
@container site (max-width: 750px) {
.p-price-group__text {
font-size: 1.2rem;
padding-top: 2rem;
}
}
@container site (min-width: 751px) {
.p-price-course__list {
display: grid;
gap: 6rem;
grid-template-columns: repeat(2, 57rem);
padding-top: 4rem;
}
}
@container site (max-width: 750px) {
.p-price-course__list {
padding-top: 3rem;
}
}
.p-price-course__item {
background-color: #ffffff;
border: 0.1rem solid #7e7e7e;
border-radius: 1.5rem;
}
@container site (min-width: 751px) {
.p-price-course__item--business {
display: grid;
grid-template-columns: 25rem minmax(0, 1fr);
padding: 2.1rem 3.5rem;
}
}
@container site (max-width: 750px) {
.p-price-course__item--business {
padding: 0 1.9rem;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.p-price-course__item + .p-price-course__item {
margin-top: 1.5rem;
}
}
@container site (min-width: 751px) {
.p-price-course__heading--business {
display: flex;
align-items: center;
}
}
@container site (max-width: 750px) {
.p-price-course__heading--business {
padding-top: 1.9rem;
}
}
@container site (min-width: 751px) {
.p-price-course__heading--basic {
padding-top: 3.3rem;
}
}
@container site (max-width: 750px) {}
.p-price-course__button {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
@container site (min-width: 751px) {
.p-price-course__button {
cursor: auto;
gap: 0 2rem;
min-height: 10rem;
padding: 3rem 3.5rem;
pointer-events: none;
}
}
@container site (max-width: 750px) {
.p-price-course__button {
gap: 0 1rem;
min-height: 6rem;
padding: 1.9rem 1.9rem;
}
}
.p-price-course__label {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-price-course__label {
font-size: 2.2rem;
}
}
@container site (max-width: 750px) {
.p-price-course__label {
font-size: 1.6rem;
}
}
.p-price-course__title, .p-price-course__text {
letter-spacing: 0.05em;
line-height: 1.8;
}
@container site (min-width: 751px) {
.p-price-course__title, .p-price-course__text {
font-size: 1.5rem;
}
}
@container site (max-width: 750px) {
.p-price-course__title, .p-price-course__text {
font-size: 1.2rem;
}
}
@container site (min-width: 751px) {
.p-price-course__content {
max-height: none;
overflow: visible;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.p-price-course__content-inner {
padding: 0 3.5rem 3.5rem;
}
}
@container site (max-width: 750px) {
.p-price-course__content-inner {
padding: 0 1.9rem 1.9rem;
}
}
@container site (min-width: 751px) {
.p-price-course__content-inner--business {
padding: 2rem 0;
}
}
@container site (max-width: 750px) {
.p-price-course__content-inner--business {
padding: 1.9rem 0;
}
}
@container site (min-width: 751px) {
.p-price-course__content-inner--no-heading {
padding-top: 3.5rem;
}
}
@container site (max-width: 750px) {
.p-price-course__content-inner--no-heading {
padding-top: 1.9rem;
}
}
.p-price-course__note {
letter-spacing: 0.05em;
line-height: 1.4;
padding-top: 2rem;
}
@container site (min-width: 751px) {
.p-price-course__note {
font-size: 1.5rem;
}
}
@container site (max-width: 750px) {
.p-price-course__note {
font-size: 1.2rem;
}
}
@container site (min-width: 751px) {
.p-price-course__line {
grid-column: 1/-1;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.p-price-detail__item + .p-price-detail__item {
padding-top: 1rem;
}
}
@container site (max-width: 750px) {
.p-price-detail__item + .p-price-detail__item {
padding-top: 1.5rem;
}
}
@container site (min-width: 751px) {
.p-price-detail__item--grid {
display: grid;
grid-template-columns: 13rem minmax(0, 1fr);
}
}
@container site (max-width: 750px) {}
.p-price-detail__title, .p-price-detail__text {
letter-spacing: 0.05em;
line-height: 1.8;
}
@container site (min-width: 751px) {
.p-price-detail__title, .p-price-detail__text {
font-size: 1.5rem;
}
}
@container site (max-width: 750px) {
.p-price-detail__title, .p-price-detail__text {
font-size: 1.2rem;
}
}
.p-price-simulation__title {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-price-simulation__title {
font-size: 2.2rem;
}
}
@container site (max-width: 750px) {
.p-price-simulation__title {
font-size: 1.8rem;
}
}
.p-price-simulation__text {
letter-spacing: 0.05em;
line-height: 1.8;
}
@container site (min-width: 751px) {
.p-price-simulation__text {
font-size: 1.4rem;
padding-top: 1.5rem;
}
}
@container site (max-width: 750px) {
.p-price-simulation__text {
font-size: 1.2rem;
padding-top: 2rem;
}
}
@container site (min-width: 751px) {
.p-price-plan__list {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(3, 39rem);
padding-top: 4rem;
}
}
@container site (max-width: 750px) {
.p-price-plan__list {
padding-top: 3rem;
}
}
.p-price-plan__item {
background-color: #ffffff;
border-radius: 1.5rem;
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.p-price-plan__item + .p-price-plan__item {
margin-top: 3rem;
}
}
.p-price-plan__heading {
display: flex;
align-items: center;
gap: 0 2rem;
}
@container site (min-width: 751px) {
.p-price-plan__heading {
padding: 3.5rem 3.5rem 3rem;
}
}
@container site (max-width: 750px) {
.p-price-plan__heading {
padding: 1.9rem;
}
}
.p-price-plan__media {
aspect-ratio: 1/1;
flex-shrink: 0;
text-align: center;
width: 7.8rem;
}
.p-price-plan__title, .p-price-plan__text {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-price-plan__title, .p-price-plan__text {
font-size: 1.4rem;
}
}
@container site (max-width: 750px) {
.p-price-plan__title, .p-price-plan__text {
font-size: 1.2rem;
}
}
@container site (min-width: 751px) {
.p-price-plan__text {
padding-top: 0.5rem;
}
}
@container site (max-width: 750px) {
.p-price-plan__text {
padding-top: 1rem;
}
}
@container site (min-width: 751px) {
.p-price-plan-detail__list {
padding: 0 3.5rem 3.5rem;
}
}
@container site (max-width: 750px) {
.p-price-plan-detail__list {
padding: 0 1.9rem 1.9rem;
}
}
@container site (min-width: 751px) {
.p-price-plan-detail__item + .p-price-plan-detail__item {
padding-top: 1rem;
}
}
@container site (max-width: 750px) {
.p-price-plan-detail__item + .p-price-plan-detail__item {
padding-top: 1.5rem;
}
}
.p-price-plan-detail__item--grid {
display: grid;
grid-template-columns: 10rem minmax(0, 1fr);
}
.p-price-plan-detail__item--total {
border-top: 0.1rem solid #222222;
}
@container site (min-width: 751px) {
.p-price-plan-detail__item--total {
margin-top: 1rem;
}
}
@container site (max-width: 750px) {
.p-price-plan-detail__item--total {
margin-top: 1.5rem;
}
}
.p-price-plan-detail__title, .p-price-plan-detail__text {
letter-spacing: 0.05em;
line-height: 1.8;
}
@container site (min-width: 751px) {
.p-price-plan-detail__title, .p-price-plan-detail__text {
font-size: 1.4rem;
}
}
@container site (max-width: 750px) {
.p-price-plan-detail__title, .p-price-plan-detail__text {
font-size: 1.2rem;
}
}
.p-students-works-main__content {
text-align: center;
}
@container site (min-width: 751px) {
.p-students-works-main__content {
padding-top: 6rem;
}
}
@container site (max-width: 750px) {
.p-students-works-main__content {
padding-top: 4rem;
}
}
.p-teacher__title {
letter-spacing: 0.05em;
line-height: 1.4;
text-align: center;
}
@container site (min-width: 751px) {
.p-teacher__title {
font-size: 1.8rem;
padding-bottom: 3.5rem;
}
}
@container site (max-width: 750px) {
.p-teacher__title {
font-size: 1.6rem;
padding-bottom: 2rem;
}
}
@container site (min-width: 751px) {
.p-teacher-profile__list {
display: grid;
grid-template-columns: repeat(3, 36.6rem);
gap: 5.1rem;
}
}
@container site (max-width: 750px) {}
.p-teacher-profile__item {
background-color: #ffffff;
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.p-teacher-profile__item {
padding: 2.5rem;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.p-teacher-profile__item + .p-teacher-profile__item {
margin-top: 2rem;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.p-teacher-profile__media {
text-align: center;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.p-teacher-profile__image {
width: 21.4rem;
}
}
@container site (min-width: 751px) {
.p-teacher-profile__content {
padding: 4rem 2.5rem;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.p-teacher-profile__heading {
display: flex;
align-items: center;
justify-content: space-between;
}
}
@container site (max-width: 750px) {
.p-teacher-profile__heading {
padding-top: 1.5rem;
}
}
.p-teacher-profile__info {
position: relative;
z-index: 1;
}
.p-teacher-profile__name {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-teacher-profile__name {
font-size: 1.8rem;
}
}
@container site (max-width: 750px) {
.p-teacher-profile__name {
font-size: 1.5rem;
}
}
.p-teacher-profile__subject {
letter-spacing: 0.05em;
line-height: 1.4;
padding-top: 0.5rem;
}
@container site (min-width: 751px) {
.p-teacher-profile__subject {
font-size: 1.2rem;
}
}
@container site (max-width: 750px) {
.p-teacher-profile__subject {
font-size: 1.2rem;
}
}
.p-teacher-profile__text {
letter-spacing: 0.05em;
line-height: 1.8;
text-align: justify;
}
@container site (min-width: 751px) {
.p-teacher-profile__text {
font-size: 1.4rem;
padding-top: 2rem;
}
}
@container site (max-width: 750px) {
.p-teacher-profile__text {
font-size: 1.2rem;
padding-top: 1rem;
}
}
@container site (min-width: 751px) {
.p-teacher-profile-other {
padding-top: 8.5rem;
}
}
@container site (max-width: 750px) {
.p-teacher-profile-other {
padding-top: 3.5rem;
}
}
.p-teacher-profile-other__inner {
background-color: #ffffff;
border-top: 0.5rem solid #ffeca0;
}
@container site (min-width: 751px) {
.p-teacher-profile-other__inner {
margin: 0 auto;
padding: 5rem 0;
width: 69rem;
}
}
@container site (max-width: 750px) {
.p-teacher-profile-other__inner {
padding: 3rem 0;
}
}
.p-teacher-profile-other__lead {
letter-spacing: 0.05em;
line-height: 1.5;
text-align: center;
}
@container site (min-width: 751px) {
.p-teacher-profile-other__lead {
font-size: 1.8rem;
}
}
@container site (max-width: 750px) {
.p-teacher-profile-other__lead {
font-size: 1.6rem;
}
}
.p-teacher-profile-other__list {
display: grid;
justify-content: center;
}
@container site (min-width: 751px) {
.p-teacher-profile-other__list {
grid-template-columns: repeat(2, auto);
gap: 1rem 9rem;
padding-top: 3.5rem;
}
}
@container site (max-width: 750px) {
.p-teacher-profile-other__list {
grid-template-columns: repeat(1, auto);
gap: 1rem 0;
padding-top: 2rem;
}
}
.p-teacher-profile-other__item {
letter-spacing: 0.05em;
line-height: 1.8;
text-align: justify;
}
@container site (min-width: 751px) {
.p-teacher-profile-other__item {
font-size: 1.4rem;
}
}
@container site (max-width: 750px) {
.p-teacher-profile-other__item {
font-size: 1.2rem;
}
}
@container site (min-width: 751px) {
.p-teacher-interview__media {
margin: 0 auto;
width: 100rem;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.p-teacher-interview__media + .p-teacher-interview__media {
padding-top: 8.5rem;
}
}
@container site (max-width: 750px) {
.p-teacher-interview__media + .p-teacher-interview__media {
padding-top: 3.5rem;
}
}
@container site (min-width: 751px) {
.p-teacher-scene__media {
text-align: center;
}
}
@container site (max-width: 750px) {}
.p-company-main-message {
background-color: #ffffff;
}
@container site (min-width: 751px) {
.p-company-main-message {
margin: 0 auto;
padding: 6rem 8rem;
width: 85rem;
}
}
@container site (max-width: 750px) {
.p-company-main-message {
padding: 2.5rem 3rem;
}
}
.p-company-main-message__content {
background: transparent none center center no-repeat;
}
@container site (min-width: 751px) {
.p-company-main-message__content {
background-size: auto 90%;
}
}
@container site (max-width: 750px) {
.p-company-main-message__content {
background-size: 65% auto;
}
}
.p-company-main-message__text {
letter-spacing: 0.05em;
line-height: 1.8;
text-align: justify;
}
@container site (min-width: 751px) {
.p-company-main-message__text {
font-size: 1.4rem;
}
}
@container site (max-width: 750px) {
.p-company-main-message__text {
font-size: 1.2rem;
}
}
@container site (min-width: 751px) {
.p-company-main-message__heading {
display: flex;
align-items: center;
justify-content: center;
gap: 0 2.5rem;
padding-top: 5rem;
}
}
@container site (max-width: 750px) {
.p-company-main-message__heading {
padding-top: 2.5rem;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.p-company-main-message__media {
text-align: center;
}
}
@container site (min-width: 751px) {
.p-company-main-message__image {
width: 11.8rem;
}
}
@container site (max-width: 750px) {
.p-company-main-message__image {
width: 15.8rem;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.p-company-main-message__info {
margin: 0 auto;
padding-top: 1rem;
width: 11.2rem;
}
}
.p-company-main-message__post, .p-company-main-message__name {
letter-spacing: 0.05em;
line-height: 1.4;
text-align: justify;
}
@container site (min-width: 751px) {
.p-company-main-message__post, .p-company-main-message__name {
font-size: 1.4rem;
}
}
@container site (max-width: 750px) {
.p-company-main-message__post, .p-company-main-message__name {
font-size: 1.2rem;
}
}
@container site (min-width: 751px) {
.p-company-main-message__symbol {
padding-top: 1rem;
}
}
@container site (max-width: 750px) {
.p-company-main-message__symbol {
padding-top: 0.5rem;
}
}
@container site (min-width: 751px) {
.p-company-main-message__icon {
width: 11.2rem;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.p-company-main-other {
padding-top: 8.5rem;
}
}
@container site (max-width: 750px) {
.p-company-main-other {
padding-top: 3.5rem;
}
}
.p-company-main-other__inner {
background-color: #ffffff;
border-top: 0.5rem solid #ffeca0;
}
@container site (min-width: 751px) {
.p-company-main-other__inner {
margin: 0 auto;
padding: 6rem 0;
width: 85rem;
}
}
@container site (max-width: 750px) {
.p-company-main-other__inner {
padding: 3rem 3rem;
}
}
@container site (min-width: 751px) {
.p-company-main-other__list {
display: grid;
grid-template-columns: repeat(2, auto);
justify-content: center;
gap: 1.5rem 9rem;
}
}
@container site (max-width: 750px) {}
.p-company-main-other__title, .p-company-main-other__text {
letter-spacing: 0.05em;
line-height: 1.8;
text-align: justify;
}
@container site (min-width: 751px) {
.p-company-main-other__title, .p-company-main-other__text {
font-size: 1.4rem;
}
}
@container site (max-width: 750px) {
.p-company-main-other__title, .p-company-main-other__text {
font-size: 1.2rem;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.p-company-main-other__text + .p-company-main-other__title {
padding-top: 1rem;
}
}
.p-company-map__title {
letter-spacing: 0.05em;
line-height: 1.4;
text-align: center;
}
@container site (min-width: 751px) {
.p-company-map__title {
font-size: 1.8rem;
padding-bottom: 3.5rem;
}
}
@container site (max-width: 750px) {
.p-company-map__title {
font-size: 1.6rem;
padding-bottom: 2rem;
}
}
@container site (min-width: 751px) {
.p-company-map__media {
margin: 0 auto;
width: 100rem;
}
}
@container site (max-width: 750px) {}
.p-company-map__text {
text-align: center;
}
@container site (min-width: 751px) {
.p-company-map__text {
padding-top: 2rem;
}
}
@container site (max-width: 750px) {
.p-company-map__text {
padding-top: 1.5rem;
}
}
.p-company-map__link {
letter-spacing: 0.05em;
line-height: 1.4;
text-decoration: underline;
}
@container site (min-width: 751px) {
.p-company-map__link {
font-size: 1.4rem;
}
}
@container site (max-width: 750px) {
.p-company-map__link {
font-size: 1.2rem;
}
}
.p-course-list-intro__title {
letter-spacing: 0.05em;
line-height: 1.4;
text-align: center;
}
@container site (min-width: 751px) {
.p-course-list-intro__title {
font-size: 3rem;
}
}
@container site (max-width: 750px) {
.p-course-list-intro__title {
font-size: 1.8rem;
}
}
@container site (min-width: 751px) {
.p-course-list-course-lineup__list {
padding: 0 5rem;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.p-course-list-course-lineup__item {
display: flex;
align-items: center;
column-gap: 4rem;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.p-course-list-course-lineup__item + .p-course-list-course-lineup__item {
padding-top: 17rem;
}
}
@container site (max-width: 750px) {
.p-course-list-course-lineup__item + .p-course-list-course-lineup__item {
padding-top: 7rem;
}
}
@container site (min-width: 751px) {
.p-course-list-course-lineup__media {
width: 53rem;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.p-course-list-course-lineup__content {
width: 53rem;
}
}
@container site (max-width: 750px) {
.p-course-list-course-lineup__content {
padding-top: 3rem;
}
}
@container site (min-width: 751px) {
.p-course-list-course-lineup__heading {
display: grid;
align-items: center;
grid-template-columns: 11rem minmax(0, 1fr);
grid-template-areas: "symbol title" "symbol lead";
gap: 1rem;
}
}
@container site (max-width: 750px) {}
.p-course-list-course-lineup__symbol {
grid-area: symbol;
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.p-course-list-course-lineup__icon {
width: 10.5rem;
}
}
.p-course-list-course-lineup__title {
grid-area: title;
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-course-list-course-lineup__title {
font-size: 2.8rem;
margin-top: auto;
}
}
@container site (max-width: 750px) {
.p-course-list-course-lineup__title {
font-size: 1.6rem;
padding-top: 1rem;
}
}
.p-course-list-course-lineup__lead {
grid-area: lead;
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-course-list-course-lineup__lead {
font-size: 1.8rem;
margin-bottom: auto;
}
}
@container site (max-width: 750px) {
.p-course-list-course-lineup__lead {
font-size: 1.2rem;
padding-top: 1.5rem;
}
}
.p-course-list-course-lineup__text {
letter-spacing: 0.05em;
line-height: 1.8;
}
@container site (min-width: 751px) {
.p-course-list-course-lineup__text {
font-size: 1.4rem;
padding-top: 2rem;
}
}
@container site (max-width: 750px) {
.p-course-list-course-lineup__text {
font-size: 1.2rem;
padding-top: 1.5rem;
text-align: justify;
}
}
@container site (min-width: 751px) {
.p-course-list-course-lineup__buttons {
padding-top: 3rem;
}
}
@container site (max-width: 750px) {
.p-course-list-course-lineup__buttons {
padding-top: 3rem;
text-align: center;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {}
.p-course-list-course-overview__item-inner {
background-color: #ffffff;
border-top: 1rem solid #ffeca0;
}
@container site (min-width: 751px) {
.p-course-list-course-overview__item-inner {
padding: 10rem;
}
}
@container site (max-width: 750px) {
.p-course-list-course-overview__item-inner {
padding: 5rem 2rem;
}
}
@container site (min-width: 751px) {
.p-course-list-course-overview__item + .p-course-list-course-overview__item {
margin-top: 17rem;
}
}
@container site (max-width: 750px) {
.p-course-list-course-overview__item + .p-course-list-course-overview__item {
margin-top: 7rem;
}
}
.p-course-list-course-overview__heading {
text-align: center;
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {}
.p-course-list-course-overview__lead {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-course-list-course-overview__lead {
font-size: 2.2rem;
padding-bottom: 1.5rem;
}
}
@container site (max-width: 750px) {
.p-course-list-course-overview__lead {
font-size: 1.2rem;
padding-bottom: 1rem;
}
}
.p-course-list-course-overview__title {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-course-list-course-overview__title {
font-size: 3.4rem;
}
}
@container site (max-width: 750px) {
.p-course-list-course-overview__title {
font-size: 1.6rem;
}
}
.p-course-list-course-overview__copy {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-course-list-course-overview__copy {
font-size: 2.6rem;
padding-top: 3rem;
}
}
@container site (max-width: 750px) {
.p-course-list-course-overview__copy {
font-size: 1.4rem;
padding-top: 2rem;
}
}
.p-course-list-course-overview__text {
letter-spacing: 0.05em;
line-height: 1.8;
}
@container site (min-width: 751px) {
.p-course-list-course-overview__text {
font-size: 1.4rem;
padding-top: 3rem;
}
}
@container site (max-width: 750px) {
.p-course-list-course-overview__text {
font-size: 1.2rem;
padding-top: 2rem;
text-align: justify;
}
}
.p-course-list-course-overview__buttons {
display: flex;
justify-content: center;
}
@container site (min-width: 751px) {
.p-course-list-course-overview__buttons {
gap: 0 4rem;
padding-top: 5rem;
}
}
@container site (max-width: 750px) {
.p-course-list-course-overview__buttons {
gap: 0 1.5rem;
padding-top: 3rem;
}
}
@container site (min-width: 751px) {
.p-course-list-course-card__inner {
margin-inline: auto;
width: 120rem;
}
}
@container site (max-width: 750px) {}
.p-course-detail-intro {
text-align: center;
}
@container site (min-width: 751px) {
.p-course-detail-intro {
padding-top: 8.5rem;
}
}
@container site (max-width: 750px) {
.p-course-detail-intro {
padding-top: 3.5rem;
}
}
.p-course-detail-intro__title {
letter-spacing: 0.05em;
line-height: 1.4;
text-align: center;
}
@container site (min-width: 751px) {
.p-course-detail-intro__title {
font-size: 3rem;
padding-top: 4.5rem;
}
}
@container site (max-width: 750px) {
.p-course-detail-intro__title {
font-size: 1.6rem;
padding-top: 3.5rem;
}
}
.p-course-detail-intro__list {
align-items: center;
}
@container site (min-width: 751px) {
.p-course-detail-intro__list {
display: flex;
justify-content: center;
gap: 0 0.5rem;
padding-top: 2.5rem;
}
}
@container site (max-width: 750px) {
.p-course-detail-intro__list {
display: grid;
justify-items: center;
gap: 0.5rem 0;
padding-top: 2.5rem;
}
}
.p-course-detail-intro__item {
background-color: #ffffff;
display: inline-flex;
align-items: center;
letter-spacing: 0.05em;
line-height: 1.4;
user-select: none;
}
@container site (min-width: 751px) {
.p-course-detail-intro__item {
font-size: 1.4rem;
height: 4rem;
padding: 0 1.5rem;
}
}
@container site (max-width: 750px) {
.p-course-detail-intro__item {
font-size: 1.1rem;
height: 3rem;
padding: 0 1rem;
}
}
.p-course-detail-main {
text-align: center;
}
@container site (min-width: 751px) {
.p-course-detail-main {
padding: 8.5rem 0 17rem;
}
}
@container site (max-width: 750px) {
.p-course-detail-main {
padding: 3.5rem 0 7rem;
}
}
@container site (min-width: 751px) {
.p-course-detail-main__item {
margin-top: 8.5rem;
}
}
@container site (max-width: 750px) {
.p-course-detail-main__item {
margin-top: 3.5rem;
}
}
.p-course-detail-main__item:first-child {
margin-top: 0;
}
@container site (min-width: 751px) {
.p-course-detail-main__item--small {
margin-top: 5rem;
}
}
@container site (max-width: 750px) {
.p-course-detail-main__item--small {
margin-top: 2rem;
}
}
.p-course-detail-main__title {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-course-detail-main__title {
font-size: 2.2rem;
}
}
@container site (max-width: 750px) {
.p-course-detail-main__title {
font-size: 1.6rem;
}
}
.p-course-detail-main__subtitle {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-course-detail-main__subtitle {
font-size: 1.8rem;
}
}
@container site (max-width: 750px) {
.p-course-detail-main__subtitle {
font-size: 1.4rem;
}
}
.p-course-detail-main__text {
letter-spacing: 0.05em;
line-height: 1.8;
}
@container site (min-width: 751px) {
.p-course-detail-main__text {
font-size: 1.4rem;
}
}
@container site (max-width: 750px) {
.p-course-detail-main__text {
font-size: 1.2rem;
}
}
.p-course-detail-main__buttons {
display: flex;
justify-content: center;
}
@container site (min-width: 751px) {
.p-course-detail-main__buttons {
gap: 0 3rem;
}
}
@container site (max-width: 750px) {
.p-course-detail-main__buttons {
gap: 0 2rem;
}
}
.p-course-detail-main-recommend {
background-color: #ffffff;
border-color: #ffeca0;
border-style: solid;
}
@container site (min-width: 751px) {
.p-course-detail-main-recommend {
border-top-width: 0.5rem;
margin-inline: auto;
padding: 5rem 0;
width: 68rem;
}
}
@container site (max-width: 750px) {
.p-course-detail-main-recommend {
border-top-width: 1rem;
padding: 2.5rem 0;
}
}
.p-course-detail-main-recommend__title {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-course-detail-main-recommend__title {
font-size: 1.8rem;
}
}
@container site (max-width: 750px) {
.p-course-detail-main-recommend__title {
font-size: 1.2rem;
}
}
.p-course-detail-main-recommend__list {
display: grid;
justify-content: center;
}
@container site (min-width: 751px) {
.p-course-detail-main-recommend__list {
gap: 1rem 2rem;
padding-top: 2rem;
}
}
@container site (max-width: 750px) {
.p-course-detail-main-recommend__list {
gap: 1.5rem 1.5rem;
padding-top: 1.5rem;
}
}
.p-course-detail-main-recommend__item {
letter-spacing: 0.05em;
line-height: 1.4;
padding-left: 1em;
text-align: left;
}
@container site (min-width: 751px) {
.p-course-detail-main-recommend__item {
font-size: 1.5rem;
}
}
@container site (max-width: 750px) {
.p-course-detail-main-recommend__item {
font-size: 1.1rem;
}
}
.p-course-detail-main-recommend__item:before {
content: "・";
float: left;
margin-left: -1em;
}
@container site (min-width: 751px) {
.p-course-detail-main-card__list {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1.5rem;
}
}
@container site (max-width: 750px) {
.p-course-detail-main-card__list {
display: grid;
gap: 1.5rem 0;
}
}
.p-course-detail-main-card__item {
background-color: #ffeca0;
}
@container site (min-width: 751px) {
.p-course-detail-main-card__item {
padding: 5rem 2.5rem;
width: 32.5rem;
}
}
@container site (max-width: 750px) {
.p-course-detail-main-card__item {
padding: 2.5rem 2rem;
}
}
.p-course-detail-main-card__title {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-course-detail-main-card__title {
font-size: 1.8rem;
}
}
@container site (max-width: 750px) {
.p-course-detail-main-card__title {
font-size: 1.4rem;
}
}
.p-course-detail-main-card__text {
letter-spacing: 0.05em;
line-height: 1.8;
text-align: justify;
}
@container site (min-width: 751px) {
.p-course-detail-main-card__text {
font-size: 1.4rem;
padding-top: 2.5rem;
}
}
@container site (max-width: 750px) {
.p-course-detail-main-card__text {
font-size: 1.2rem;
padding-top: 1.5rem;
}
}
@container site (min-width: 751px) {
.p-course-detail-main-gallery__heading {
padding-bottom: 4.5rem;
}
}
@container site (max-width: 750px) {
.p-course-detail-main-gallery__heading {
padding-bottom: 2rem;
}
}
.p-course-detail-main-gallery__title {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-course-detail-main-gallery__title {
font-size: 3rem;
}
}
@container site (max-width: 750px) {
.p-course-detail-main-gallery__title {
font-size: 1.8rem;
}
}
.p-course-detail-main-gallery__text {
letter-spacing: 0.05em;
line-height: 1.8;
}
@container site (min-width: 751px) {
.p-course-detail-main-gallery__text {
font-size: 1.5rem;
padding-top: 4rem;
}
}
@container site (max-width: 750px) {
.p-course-detail-main-gallery__text {
font-size: 1.2rem;
padding-top: 2rem;
}
}
.p-course-detail-main-teacher {
background-color: #ffffff;
display: grid;
align-items: center;
text-align: left;
}
@container site (min-width: 751px) {
.p-course-detail-main-teacher {
grid-template-columns: 40rem minmax(0, 1fr);
grid-template-areas: "media heading" "media content";
gap: 2rem 5.5rem;
padding: 7.5rem 13rem;
}
}
@container site (max-width: 750px) {
.p-course-detail-main-teacher {
grid-template-columns: 14.5rem minmax(0, 1fr);
grid-template-areas: "media heading" "content content";
gap: 1.5rem 1.5rem;
padding: 3.5rem 2rem;
}
}
.p-course-detail-main-teacher__media {
grid-area: media;
}
.p-course-detail-main-teacher__heading {
grid-area: heading;
}
@container site (min-width: 751px) {
.p-course-detail-main-teacher__heading {
margin-top: auto;
}
}
@container site (max-width: 750px) {}
.p-course-detail-main-teacher__title {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-course-detail-main-teacher__title {
font-size: 2.4rem;
padding-bottom: 2rem;
}
}
@container site (max-width: 750px) {
.p-course-detail-main-teacher__title {
font-size: 1.4rem;
padding-bottom: 1rem;
}
}
@container site (min-width: 751px) {
.p-course-detail-main-teacher__name-wrap {
display: flex;
align-items: center;
gap: 0 2rem;
}
}
@container site (max-width: 750px) {}
.p-course-detail-main-teacher__name {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-course-detail-main-teacher__name {
font-size: 1.8rem;
}
}
@container site (max-width: 750px) {
.p-course-detail-main-teacher__name {
font-size: 1.2rem;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.p-course-detail-main-teacher__symbol {
padding-top: 0.5rem;
}
}
.p-course-detail-main-teacher__content {
grid-area: content;
}
@container site (min-width: 751px) {
.p-course-detail-main-teacher__content {
margin-bottom: auto;
}
}
@container site (max-width: 750px) {}
.p-course-detail-main-teacher__text {
letter-spacing: 0.05em;
line-height: 1.8;
}
@container site (min-width: 751px) {
.p-course-detail-main-teacher__text {
font-size: 1.4rem;
}
}
@container site (max-width: 750px) {
.p-course-detail-main-teacher__text {
font-size: 1.2rem;
text-align: justify;
}
}
.p-course-detail-course-link__title {
letter-spacing: 0.05em;
line-height: 1.4;
text-align: center;
}
@container site (min-width: 751px) {
.p-course-detail-course-link__title {
font-size: 3rem;
padding-bottom: 6rem;
}
}
@container site (max-width: 750px) {
.p-course-detail-course-link__title {
font-size: 1.8rem;
padding-bottom: 3rem;
}
}
.p-news-list-main__list {
display: flex;
flex-wrap: wrap;
}
@container site (min-width: 751px) {
.p-news-list-main__list {
gap: 5rem 3.2rem;
margin-inline: auto;
padding-inline: 9rem;
}
}
@container site (max-width: 750px) {
.p-news-list-main__list {
gap: 3rem 2.5rem;
}
}
@container site (min-width: 751px) {
.p-news-list-main__item {
width: 23.1rem;
}
}
@container site (max-width: 750px) {
.p-news-list-main__item {
width: 15.5rem;
}
}
.p-news-list-main__link {
display: block;
}
.p-news-list-main__media {
background-color: #ffffff;
display: block;
overflow: hidden;
aspect-ratio: 306/228;
}
.p-news-list-main__image {
display: block;
height: 100%;
object-fit: cover;
object-position: center;
width: 100%;
}
@container site (min-width: 751px) {
.p-news-list-main__image {
transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.p-news-list-main__link:hover .p-news-list-main__image {
transform: scale(1.07);
}
}
@container site (max-width: 750px) {}
.p-news-list-main__content {
display: block;
padding-top: 1rem;
}
.p-news-list-main__date {
display: block;
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-news-list-main__date {
font-size: 1.2rem;
}
}
@container site (max-width: 750px) {
.p-news-list-main__date {
font-size: 1rem;
}
}
.p-news-list-main__title {
display: block;
letter-spacing: 0.05em;
line-height: 1.4;
padding-top: 0.5rem;
}
@container site (min-width: 751px) {
.p-news-list-main__title {
font-size: 1.4rem;
}
}
@container site (max-width: 750px) {
.p-news-list-main__title {
font-size: 1.2rem;
}
}
@container site (min-width: 751px) {
.p-news-detail-main {
padding-bottom: 6rem;
}
}
@container site (max-width: 750px) {
.p-news-detail-main {
padding-bottom: 4rem;
}
}
@container site (min-width: 751px) {
.p-news-detail-main__inner {
padding-inline: 15rem;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.p-news-detail-main-news-list {
display: flex;
flex-wrap: wrap;
gap: 5rem 3.2rem;
padding-top: 3rem;
}
}
@container site (max-width: 750px) {
.p-news-detail-main-news-list {
padding-top: 2rem;
}
}
@container site (min-width: 751px) {
.p-news-detail-main-news-list__item {
width: 23.1rem;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.p-news-detail-main-news-list__item + .p-news-detail-main-news-list__item {
padding-top: 2rem;
}
}
@container site (min-width: 751px) {
.p-news-detail-main-news-list__link {
display: block;
}
}
@container site (max-width: 750px) {
.p-news-detail-main-news-list__link {
align-items: center;
column-gap: 1.5rem;
display: grid;
grid-template-columns: 14.6rem minmax(0, 1fr);
}
}
.p-news-detail-main-news-list__media {
background-color: #ffffff;
display: block;
overflow: hidden;
aspect-ratio: 306/228;
}
.p-news-detail-main-news-list__image {
display: block;
height: 100%;
object-fit: cover;
object-position: center;
width: 100%;
}
@container site (min-width: 751px) {
.p-news-detail-main-news-list__image {
transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.p-news-detail-main-news-list__link:hover .p-news-detail-main-news-list__image {
transform: scale(1.07);
}
}
@container site (max-width: 750px) {}
.p-news-detail-main-news-list__content {
display: block;
}
@container site (min-width: 751px) {
.p-news-detail-main-news-list__content {
padding-top: 1rem;
}
}
@container site (max-width: 750px) {}
.p-news-detail-main-news-list__date {
display: block;
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-news-detail-main-news-list__date {
font-size: 1.2rem;
}
}
@container site (max-width: 750px) {
.p-news-detail-main-news-list__date {
font-size: 1.1rem;
}
}
.p-news-detail-main-news-list__title {
display: block;
letter-spacing: 0.05em;
line-height: 1.4;
padding-top: 0.5rem;
}
@container site (min-width: 751px) {
.p-news-detail-main-news-list__title {
font-size: 1.4rem;
}
}
@container site (max-width: 750px) {
.p-news-detail-main-news-list__title {
font-size: 1.2rem;
}
}
.p-news-detail-foot__content {
text-align: center;
}
@container site (min-width: 751px) {
.p-news-detail-foot__content {
padding-block: 8.5rem;
}
}
@container site (max-width: 750px) {
.p-news-detail-foot__content {
padding-block: 3.5rem;
}
}
.p-news-detail-foot__link {
border-bottom: 0.1rem solid #222222;
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-news-detail-foot__link {
font-size: 1.6rem;
transition: color 0.3s, border-color 0.3s;
}
}
@container site (max-width: 750px) {
.p-news-detail-foot__link {
font-size: 1.4rem;
}
}
@container site (min-width: 751px) {
.p-news-detail-foot__link:hover {
border-color: #fbc801;
}
}
@container site (max-width: 750px) {}
.p-trial-lesson__title {
letter-spacing: 0.05em;
line-height: 1.4;
text-align: center;
}
@container site (min-width: 751px) {
.p-trial-lesson__title {
font-size: 3rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson__title {
font-size: 1.8rem;
}
}
.p-trial-lesson-intro__text {
letter-spacing: 0.05em;
line-height: 1.8;
text-align: center;
}
@container site (min-width: 751px) {
.p-trial-lesson-intro__text {
font-size: 1.4rem;
padding-top: 4rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-intro__text {
font-size: 1.2rem;
padding-top: 4rem;
}
}
.p-trial-lesson-intro__subtitle {
letter-spacing: 0.05em;
line-height: 1.6;
text-align: center;
}
@container site (min-width: 751px) {
.p-trial-lesson-intro__subtitle {
font-size: 2rem;
padding-top: 4rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-intro__subtitle {
font-size: 1.4rem;
padding-top: 4rem;
}
}
.p-trial-lesson-intro-list {
display: grid;
}
@container site (min-width: 751px) {
.p-trial-lesson-intro-list {
grid-template-columns: repeat(2, minmax(0, 38.6rem));
gap: 2.1rem;
justify-content: center;
padding-top: 6rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-intro-list {
grid-template-columns: 1fr;
gap: 1rem;
padding-top: 4rem;
}
}
.p-trial-lesson-intro-list__link {
display: block;
position: relative;
}
.p-trial-lesson-intro-list__title {
color: #ffffff;
left: 50%;
letter-spacing: 0.05em;
line-height: 1.4;
position: absolute;
text-align: center;
top: 50%;
transform: translate(-50%, -50%);
white-space: nowrap;
}
@container site (min-width: 751px) {
.p-trial-lesson-intro-list__title {
font-size: 2rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-intro-list__title {
font-size: 1.4rem;
}
}
.p-trial-lesson-intro-list__text {
border-bottom: 0.1rem solid #ffffff;
color: #ffffff;
left: 50%;
letter-spacing: 0.05em;
line-height: 1.4;
position: absolute;
text-align: center;
transform: translateX(-50%);
white-space: nowrap;
}
@container site (min-width: 751px) {
.p-trial-lesson-intro-list__text {
bottom: 4rem;
font-size: 1.6rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-intro-list__text {
bottom: 1.5rem;
font-size: 1.2rem;
}
}
.p-trial-lesson-intro-list__text:after {
content: "＞";
padding-left: 0.5em;
}
.p-trial-lesson-course .u-link-target {
float: left;
}
@container site (min-width: 751px) {
.p-trial-lesson-course .u-link-target {
margin-top: -16.8rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-course .u-link-target {
margin-top: -10.8rem;
}
}
.p-trial-lesson-course__course {
background-color: #ffffff;
border-top: 1rem solid #ffeca0;
}
@container site (min-width: 751px) {
.p-trial-lesson-course__course {
padding: 7rem 14rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-course__course {
padding: 5rem 2rem;
}
}
@container site (min-width: 751px) {
.p-trial-lesson-course__course + .p-trial-lesson-course__course {
margin-top: 17rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-course__course + .p-trial-lesson-course__course {
margin-top: 7rem;
}
}
@container site (min-width: 751px) {
.p-trial-lesson-course-heading {
display: grid;
align-items: center;
gap: 0 4rem;
grid-template-columns: 35rem minmax(0, 1fr);
}
}
@container site (max-width: 750px) {}
.p-trial-lesson-course-heading__media {
text-align: center;
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.p-trial-lesson-course-heading__image-intro {
width: 10.6rem;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.p-trial-lesson-course-heading__content {
padding-top: 1.5rem;
}
}
.p-trial-lesson-course-heading__copy {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-trial-lesson-course-heading__copy {
font-size: 2.2rem;
padding-bottom: 1.5rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-course-heading__copy {
font-size: 1.6rem;
margin-right: -2rem;
padding-bottom: 1rem;
}
}
.p-trial-lesson-course-heading__title {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-trial-lesson-course-heading__title {
font-size: 2.8rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-course-heading__title {
font-size: 1.8rem;
}
}
.p-trial-lesson-course-heading__text {
letter-spacing: 0.05em;
line-height: 1.8;
text-align: justify;
}
@container site (min-width: 751px) {
.p-trial-lesson-course-heading__text {
font-size: 1.4rem;
padding-top: 2.5rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-course-heading__text {
font-size: 1.2rem;
padding-top: 2rem;
}
}
@container site (min-width: 751px) {
.p-trial-lesson-course-heading__buttons {
padding-top: 4rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-course-heading__buttons {
padding-top: 5rem;
text-align: center;
}
}
.p-trial-lesson-course-lesson {
border-color: #ffeca0;
border-style: solid;
border-width: 0 0.2rem 0.2rem 0.2rem;
}
@container site (min-width: 751px) {
.p-trial-lesson-course-lesson {
margin-top: 3rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-course-lesson {
margin-top: 5rem;
}
}
.p-trial-lesson-course-lesson__title {
background-color: #ffeca0;
letter-spacing: 0.05em;
line-height: 4rem;
text-align: center;
}
@container site (min-width: 751px) {
.p-trial-lesson-course-lesson__title {
font-size: 1.8rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-course-lesson__title {
font-size: 1.6rem;
}
}
@container site (min-width: 751px) {
.p-trial-lesson-course-lesson-list {
padding: 5rem 8.8rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-course-lesson-list {
padding: 3rem 2.8rem;
}
}
@container site (min-width: 751px) {
.p-trial-lesson-course-lesson-list__item {
display: grid;
align-items: center;
gap: 0 4rem;
grid-template-columns: 19rem minmax(0, 1fr);
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {
.p-trial-lesson-course-lesson-list__item + .p-trial-lesson-course-lesson-list__item {
padding-top: 4rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-course-lesson-list__item + .p-trial-lesson-course-lesson-list__item {
padding-top: 3rem;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.p-trial-lesson-course-lesson-list__media {
text-align: center;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.p-trial-lesson-course-lesson-list__image {
width: 19.1rem;
}
}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.p-trial-lesson-course-lesson-list__content {
padding-top: 1rem;
}
}
.p-trial-lesson-course-lesson-list__subtitle {
letter-spacing: 0.05em;
line-height: 1.4;
}
@container site (min-width: 751px) {
.p-trial-lesson-course-lesson-list__subtitle {
font-size: 1.6rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-course-lesson-list__subtitle {
font-size: 1.4rem;
}
}
.p-trial-lesson-course-lesson-list__text {
letter-spacing: 0.05em;
line-height: 1.8;
}
@container site (min-width: 751px) {
.p-trial-lesson-course-lesson-list__text {
font-size: 1.4rem;
padding-top: 1.5rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-course-lesson-list__text {
font-size: 1.2rem;
padding-top: 1rem;
}
}
.p-trial-lesson-course-lesson-gallery {
display: grid;
}
@container site (min-width: 751px) {
.p-trial-lesson-course-lesson-gallery {
gap: 4rem 2.2rem;
grid-template-columns: repeat(4, minmax(0, 1fr));
padding: 7rem 4.3rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-course-lesson-gallery {
gap: 2rem 1.1rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
padding: 3rem 1rem;
}
}
@container site (min-width: 751px) {
.p-trial-lesson-course-lesson-gallery__content {
padding-top: 1rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-course-lesson-gallery__content {
padding-top: 0.5rem;
}
}
.p-trial-lesson-course-lesson-gallery__subtitle, .p-trial-lesson-course-lesson-gallery__text {
letter-spacing: 0.05em;
line-height: 1.4;
text-align: center;
}
@container site (min-width: 751px) {
.p-trial-lesson-course-lesson-gallery__subtitle, .p-trial-lesson-course-lesson-gallery__text {
font-size: 1.6rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-course-lesson-gallery__subtitle, .p-trial-lesson-course-lesson-gallery__text {
font-size: 1.2rem;
}
}
@container site (min-width: 751px) {
.p-trial-lesson-course-lesson-media {
padding: 5rem 10rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-course-lesson-media {
padding: 3rem 1.3rem;
}
}
@container site (min-width: 751px) {
.p-trial-lesson-course-info {
padding-top: 6.5rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-course-info {
padding-top: 3.5rem;
}
}
.p-trial-lesson-course-info__list-title {
letter-spacing: 0.05em;
line-height: 1.4;
text-align: center;
}
@container site (min-width: 751px) {
.p-trial-lesson-course-info__list-title {
font-size: 2.2rem;
padding-bottom: 3.5rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-course-info__list-title {
font-size: 1.6rem;
padding-bottom: 2.5rem;
}
}
.p-trial-lesson-course-info__list {
margin-inline: auto;
}
.p-trial-lesson-course-info__title, .p-trial-lesson-course-info__text {
border: 0.1rem solid #222222;
letter-spacing: 0.05em;
line-height: 1.8;
vertical-align: middle;
}
@container site (min-width: 751px) {
.p-trial-lesson-course-info__title, .p-trial-lesson-course-info__text {
font-size: 1.5rem;
padding: 1rem 1.5rem 1rem 3rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-course-info__title, .p-trial-lesson-course-info__text {
font-size: 1.2rem;
padding: 1rem 1rem 1rem 1.5rem;
}
}
@container site (min-width: 751px) {
.p-trial-lesson-course-info__title {
min-width: 18rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-course-info__title {
width: 9rem;
}
}
@container site (min-width: 751px) {
.p-trial-lesson-course-info__text {
min-width: 50rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-course-info__text {
width: 24.5rem;
}
}
.p-trial-lesson-course__buttons {
text-align: center;
}
@container site (min-width: 751px) {
.p-trial-lesson-course__buttons {
padding-top: 7rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-course__buttons {
padding-top: 3rem;
}
}
.p-trial-lesson-faq {
background-color: #ffffff;
}
.p-trial-lesson-voice {
background-color: #ffffff;
}
@container site (min-width: 751px) {
.p-trial-lesson-voice__list {
display: grid;
gap: 6rem;
grid-template-columns: repeat(3, minmax(0, 1fr));
padding-top: 6rem;
}
}
@container site (max-width: 750px) {}
@container site (min-width: 751px) {}
@container site (max-width: 750px) {
.p-trial-lesson-voice__item {
padding-top: 4rem;
}
}
.p-trial-lesson-voice__heading {
display: flex;
align-items: center;
}
@container site (min-width: 751px) {
.p-trial-lesson-voice__heading {
gap: 0 3rem;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-voice__heading {
gap: 0 2rem;
}
}
.p-trial-lesson-voice__media {
aspect-ratio: 1/1;
flex-shrink: 0;
text-align: center;
width: 9.6rem;
}
.p-trial-lesson-voice__name {
font-size: 1.4rem;
letter-spacing: 0.05em;
line-height: 1.4;
padding-bottom: 0.3rem;
}
.p-trial-lesson-voice-rating__title, .p-trial-lesson-voice-rating__text {
font-size: 1.4rem;
letter-spacing: 0.05em;
line-height: 1.4;
padding-top: 0.2rem;
}
@container site (min-width: 751px) {
.p-trial-lesson-voice-rating__text {
padding-left: 2em;
}
}
@container site (max-width: 750px) {
.p-trial-lesson-voice-rating__text {
padding-left: 1.5em;
}
}
.p-trial-lesson-voice__title {
font-size: 1.4rem;
letter-spacing: 0.05em;
line-height: 1.4;
padding-top: 1.5rem;
}
.p-trial-lesson-voice__text {
font-size: 1.2rem;
letter-spacing: 0.05em;
line-height: 1.8;
padding-top: 1rem;
}
.p-booking-intro__title {
letter-spacing: 0.05em;
line-height: 1.4;
text-align: center;
}
@container site (min-width: 751px) {
.p-booking-intro__title {
font-size: 3rem;
}
}
@container site (max-width: 750px) {
.p-booking-intro__title {
font-size: 1.8rem;
}
}
.p-booking-intro__text {
letter-spacing: 0.05em;
line-height: 1.8;
text-align: center;
}
@container site (min-width: 751px) {
.p-booking-intro__text {
font-size: 1.4rem;
padding-top: 4rem;
}
}
@container site (max-width: 750px) {
.p-booking-intro__text {
font-size: 1.2rem;
padding-top: 4rem;
}
}
@container site (min-width: 751px) {
.p-booking-intro__calendar {
margin: 0 auto;
width: 85rem;
}
}
@container site (max-width: 750px) {}
.p-booking-intro__buttons {
text-align: center;
}
@container site (min-width: 751px) {
.p-booking-intro__buttons {
padding-top: 7rem;
}
}
@container site (max-width: 750px) {
.p-booking-intro__buttons {
padding-top: 5rem;
}
}
.p-privacy-policy-main__content {
background-color: #ffffff;
}
@container site (min-width: 751px) {
.p-privacy-policy-main__content {
margin: 0 auto;
padding: 7rem 8rem;
width: 110rem;
}
}
@container site (max-width: 750px) {
.p-privacy-policy-main__content {
padding: 2.5rem 2rem;
}
}
.p-privacy-policy-main__text {
letter-spacing: 0.05em;
line-height: 1.8;
}
@container site (min-width: 751px) {
.p-privacy-policy-main__text {
font-size: 1.4rem;
}
}
@container site (max-width: 750px) {
.p-privacy-policy-main__text {
font-size: 1.2rem;
}
}
/* --------------------
// style
// 2026/04/01
// ----------------- */
/* text color */
.u-text-black { color: var(--clr_blk) !important; }
.u-text-red { color: var(--clr_red) !important; }
.u-text-yellow { color: var(--clr_ylw) !important; }
/* text align */
.u-text-left { text-align: left !important; }
.u-text-center { text-align: center !important; }
.u-text-right { text-align: right !important; }
.u-text-justify { text-align: justify !important; }
/* text */
.u-text-line { text-decoration: line-through; }
.u-text-underline { text-decoration: underline; }
/* font */
.u-font-italic { font-style: italic !important; }
.u-font-medium { font-weight: 500 !important; }
.u-font-bold { font-weight: 700 !important; }
/* font size */
.u-fs-050 { font-size: 50% !important; }
.u-fs-055 { font-size: 55% !important; }
.u-fs-060 { font-size: 60% !important; }
.u-fs-065 { font-size: 65% !important; }
.u-fs-070 { font-size: 70% !important; }
.u-fs-075 { font-size: 75% !important; }
.u-fs-080 { font-size: 80% !important; }
.u-fs-085 { font-size: 85% !important; }
.u-fs-090 { font-size: 90% !important; }
.u-fs-095 { font-size: 95% !important; }
.u-fs-105 { font-size: 105% !important; }
.u-fs-110 { font-size: 110% !important; }
.u-fs-115 { font-size: 115% !important; }
.u-fs-120 { font-size: 120% !important; }
.u-fs-125 { font-size: 125% !important; }
.u-fs-130 { font-size: 130% !important; }
.u-fs-135 { font-size: 135% !important; }
.u-fs-140 { font-size: 140% !important; }
.u-fs-145 { font-size: 145% !important; }
.u-fs-150 { font-size: 150% !important; }
.u-fs-155 { font-size: 155% !important; }
.u-fs-160 { font-size: 160% !important; }
.u-fs-165 { font-size: 165% !important; }
.u-fs-170 { font-size: 170% !important; }
.u-fs-175 { font-size: 175% !important; }
.u-fs-180 { font-size: 180% !important; }
.u-fs-185 { font-size: 185% !important; }
.u-fs-190 { font-size: 190% !important; }
.u-fs-195 { font-size: 195% !important; }
.u-fs-200 { font-size: 200% !important; }
/* margin */
.u-mt-000 { margin-top: 0.0rem !important; }
.u-mt-005 { margin-top: 0.5rem !important; }
.u-mt-010 { margin-top: 1.0rem !important; }
.u-mt-015 { margin-top: 1.5rem !important; }
.u-mt-020 { margin-top: 2.0rem !important; }
.u-mt-025 { margin-top: 2.5rem !important; }
.u-mt-030 { margin-top: 3.0rem !important; }
.u-mt-035 { margin-top: 3.5rem !important; }
.u-mt-040 { margin-top: 4.0rem !important; }
.u-mt-045 { margin-top: 4.5rem !important; }
.u-mt-050 { margin-top: 5.0rem !important; }
.u-mt-055 { margin-top: 5.5rem !important; }
.u-mt-060 { margin-top: 6.0rem !important; }
.u-mt-065 { margin-top: 6.5rem !important; }
.u-mt-070 { margin-top: 7.0rem !important; }
.u-mt-075 { margin-top: 7.5rem !important; }
.u-mt-080 { margin-top: 8.0rem !important; }
.u-mt-085 { margin-top: 8.5rem !important; }
.u-mt-090 { margin-top: 9.0rem !important; }
.u-mt-095 { margin-top: 9.5rem !important; }
.u-mt-100 { margin-top: 10.0rem !important; }
.u-mr-000 { margin-right: 0.0rem !important; }
.u-mr-005 { margin-right: 0.5rem !important; }
.u-mr-010 { margin-right: 1.0rem !important; }
.u-mr-015 { margin-right: 1.5rem !important; }
.u-mr-020 { margin-right: 2.0rem !important; }
.u-mr-025 { margin-right: 2.5rem !important; }
.u-mr-030 { margin-right: 3.0rem !important; }
.u-mr-035 { margin-right: 3.5rem !important; }
.u-mr-040 { margin-right: 4.0rem !important; }
.u-mr-045 { margin-right: 4.5rem !important; }
.u-mr-050 { margin-right: 5.0rem !important; }
.u-mr-055 { margin-right: 5.5rem !important; }
.u-mr-060 { margin-right: 6.0rem !important; }
.u-mr-065 { margin-right: 6.5rem !important; }
.u-mr-070 { margin-right: 7.0rem !important; }
.u-mr-075 { margin-right: 7.5rem !important; }
.u-mr-080 { margin-right: 8.0rem !important; }
.u-mr-085 { margin-right: 8.5rem !important; }
.u-mr-090 { margin-right: 9.0rem !important; }
.u-mr-095 { margin-right: 9.5rem !important; }
.u-mr-100 { margin-right: 10.0rem !important; }
.u-mb-000 { margin-bottom: 0.0rem !important; }
.u-mb-005 { margin-bottom: 0.5rem !important; }
.u-mb-010 { margin-bottom: 1.0rem !important; }
.u-mb-015 { margin-bottom: 1.5rem !important; }
.u-mb-020 { margin-bottom: 2.0rem !important; }
.u-mb-025 { margin-bottom: 2.5rem !important; }
.u-mb-030 { margin-bottom: 3.0rem !important; }
.u-mb-035 { margin-bottom: 3.5rem !important; }
.u-mb-040 { margin-bottom: 4.0rem !important; }
.u-mb-045 { margin-bottom: 4.5rem !important; }
.u-mb-050 { margin-bottom: 5.0rem !important; }
.u-mb-055 { margin-bottom: 5.5rem !important; }
.u-mb-060 { margin-bottom: 6.0rem !important; }
.u-mb-065 { margin-bottom: 6.5rem !important; }
.u-mb-070 { margin-bottom: 7.0rem !important; }
.u-mb-075 { margin-bottom: 7.5rem !important; }
.u-mb-080 { margin-bottom: 8.0rem !important; }
.u-mb-085 { margin-bottom: 8.5rem !important; }
.u-mb-090 { margin-bottom: 9.0rem !important; }
.u-mb-095 { margin-bottom: 9.5rem !important; }
.u-mb-100 { margin-bottom: 10.0rem !important; }
.u-ml-000 { margin-left: 0.0rem !important; }
.u-ml-005 { margin-left: 0.5rem !important; }
.u-ml-010 { margin-left: 1.0rem !important; }
.u-ml-015 { margin-left: 1.5rem !important; }
.u-ml-020 { margin-left: 2.0rem !important; }
.u-ml-025 { margin-left: 2.5rem !important; }
.u-ml-030 { margin-left: 3.0rem !important; }
.u-ml-035 { margin-left: 3.5rem !important; }
.u-ml-040 { margin-left: 4.0rem !important; }
.u-ml-045 { margin-left: 4.5rem !important; }
.u-ml-050 { margin-left: 5.0rem !important; }
.u-ml-055 { margin-left: 5.5rem !important; }
.u-ml-060 { margin-left: 6.0rem !important; }
.u-ml-065 { margin-left: 6.5rem !important; }
.u-ml-070 { margin-left: 7.0rem !important; }
.u-ml-075 { margin-left: 7.5rem !important; }
.u-ml-080 { margin-left: 8.0rem !important; }
.u-ml-085 { margin-left: 8.5rem !important; }
.u-ml-090 { margin-left: 9.0rem !important; }
.u-ml-095 { margin-left: 9.5rem !important; }
.u-ml-100 { margin-left: 10.0rem !important; }
/* padding */
.u-pt-000 { padding-top: 0.0rem !important; }
.u-pt-005 { padding-top: 0.5rem !important; }
.u-pt-010 { padding-top: 1.0rem !important; }
.u-pt-015 { padding-top: 1.5rem !important; }
.u-pt-020 { padding-top: 2.0rem !important; }
.u-pt-025 { padding-top: 2.5rem !important; }
.u-pt-030 { padding-top: 3.0rem !important; }
.u-pt-035 { padding-top: 3.5rem !important; }
.u-pt-040 { padding-top: 4.0rem !important; }
.u-pt-045 { padding-top: 4.5rem !important; }
.u-pt-050 { padding-top: 5.0rem !important; }
.u-pt-055 { padding-top: 5.5rem !important; }
.u-pt-060 { padding-top: 6.0rem !important; }
.u-pt-065 { padding-top: 6.5rem !important; }
.u-pt-070 { padding-top: 7.0rem !important; }
.u-pt-075 { padding-top: 7.5rem !important; }
.u-pt-080 { padding-top: 8.0rem !important; }
.u-pt-085 { padding-top: 8.5rem !important; }
.u-pt-090 { padding-top: 9.0rem !important; }
.u-pt-095 { padding-top: 9.5rem !important; }
.u-pt-100 { padding-top: 10.0rem !important; }
.u-pr-000 { padding-right: 0.0rem !important; }
.u-pr-005 { padding-right: 0.5rem !important; }
.u-pr-010 { padding-right: 1.0rem !important; }
.u-pr-015 { padding-right: 1.5rem !important; }
.u-pr-020 { padding-right: 2.0rem !important; }
.u-pr-025 { padding-right: 2.5rem !important; }
.u-pr-030 { padding-right: 3.0rem !important; }
.u-pr-035 { padding-right: 3.5rem !important; }
.u-pr-040 { padding-right: 4.0rem !important; }
.u-pr-045 { padding-right: 4.5rem !important; }
.u-pr-050 { padding-right: 5.0rem !important; }
.u-pr-055 { padding-right: 5.5rem !important; }
.u-pr-060 { padding-right: 6.0rem !important; }
.u-pr-065 { padding-right: 6.5rem !important; }
.u-pr-070 { padding-right: 7.0rem !important; }
.u-pr-075 { padding-right: 7.5rem !important; }
.u-pr-080 { padding-right: 8.0rem !important; }
.u-pr-085 { padding-right: 8.5rem !important; }
.u-pr-090 { padding-right: 9.0rem !important; }
.u-pr-095 { padding-right: 9.5rem !important; }
.u-pr-100 { padding-right: 10.0rem !important; }
.u-pb-000 { padding-bottom: 0.0rem !important; }
.u-pb-005 { padding-bottom: 0.5rem !important; }
.u-pb-010 { padding-bottom: 1.0rem !important; }
.u-pb-015 { padding-bottom: 1.5rem !important; }
.u-pb-020 { padding-bottom: 2.0rem !important; }
.u-pb-025 { padding-bottom: 2.5rem !important; }
.u-pb-030 { padding-bottom: 3.0rem !important; }
.u-pb-035 { padding-bottom: 3.5rem !important; }
.u-pb-040 { padding-bottom: 4.0rem !important; }
.u-pb-045 { padding-bottom: 4.5rem !important; }
.u-pb-050 { padding-bottom: 5.0rem !important; }
.u-pb-055 { padding-bottom: 5.5rem !important; }
.u-pb-060 { padding-bottom: 6.0rem !important; }
.u-pb-065 { padding-bottom: 6.5rem !important; }
.u-pb-070 { padding-bottom: 7.0rem !important; }
.u-pb-075 { padding-bottom: 7.5rem !important; }
.u-pb-080 { padding-bottom: 8.0rem !important; }
.u-pb-085 { padding-bottom: 8.5rem !important; }
.u-pb-090 { padding-bottom: 9.0rem !important; }
.u-pb-095 { padding-bottom: 9.5rem !important; }
.u-pb-100 { padding-bottom: 10.0rem !important; }
.u-pl-000 { padding-left: 0.0rem !important; }
.u-pl-005 { padding-left: 0.5rem !important; }
.u-pl-010 { padding-left: 1.0rem !important; }
.u-pl-015 { padding-left: 1.5rem !important; }
.u-pl-020 { padding-left: 2.0rem !important; }
.u-pl-025 { padding-left: 2.5rem !important; }
.u-pl-030 { padding-left: 3.0rem !important; }
.u-pl-035 { padding-left: 3.5rem !important; }
.u-pl-040 { padding-left: 4.0rem !important; }
.u-pl-045 { padding-left: 4.5rem !important; }
.u-pl-050 { padding-left: 5.0rem !important; }
.u-pl-055 { padding-left: 5.5rem !important; }
.u-pl-060 { padding-left: 6.0rem !important; }
.u-pl-065 { padding-left: 6.5rem !important; }
.u-pl-070 { padding-left: 7.0rem !important; }
.u-pl-075 { padding-left: 7.5rem !important; }
.u-pl-080 { padding-left: 8.0rem !important; }
.u-pl-085 { padding-left: 8.5rem !important; }
.u-pl-090 { padding-left: 9.0rem !important; }
.u-pl-095 { padding-left: 9.5rem !important; }
.u-pl-100 { padding-left: 10.0rem !important; }
/* --------------------
// page
// ----------------- */
/* clone-extras v1 — appended by the clone pipeline (and by scripts/clone_repair
on older builds); everything below this marker is ours, not the reference's */
/* clone: a link with nowhere to go carries no href — keep it feeling inert */
a:not([href]), [role="link"]:not([href]) { cursor: default !important; }
/* clone: the swapped wordmark replaces an ![]()
/