img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 
:root{--vauAEKqCd-synced-color:#7a00df;--vauAEKqCd-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--vauAEKqCd-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 
.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} 
: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);}: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;}:where(.vauAEKqCd-columns.is-layout-flex){gap: 2em;}:where(.vauAEKqCd-columns.is-layout-grid){gap: 2em;}:where(.vauAEKqCd-post-template.is-layout-flex){gap: 1.25em;}:where(.vauAEKqCd-post-template.is-layout-grid){gap: 1.25em;}.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;} 
 .vauAEKqCd-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}.vauAEKqCd-file__button{background:#32373c;color:#fff;text-decoration:none} 
.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2;  } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450;  } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232;  } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28;  } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900;  } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232;  font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d;  opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc;  top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 [inert] { opacity: 0.5; } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } .wpcf7-reflection > output { display: list-item; list-style: none; } .wpcf7-reflection > output[hidden] { display: none; }
.wpcf7-back{float:left;margin-top:5px;position:relative;width:70px}.cf7msm-ro{white-space:pre-wrap}
@charset "UTF-8"; :root { --c_text01: #333; --c_text02: #8E7D4E; --c_text03: #868686; --c_bg01: #FFFEFB; --c_bg01-t: rgb(255 254 251 / 88%); --c_bg02: #F6F3EE; --c_bg03: #FAF5EF; --c_bg04: #FFFFFF; --c_bg05: rgba(255, 255, 255, 0); --c_bg06: #FFF8F5; --c_bg07: #111; --c_accent01: #A81111; --c_accent02: #D0D0D0; --c_accent03: #D9D9D9; --c-grad01: #A01212; --c-grad02: #991313; --c-grad03: #8A1414; } html { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; overflow-x: hidden; visibility: hidden; scroll-padding-top: 92px; } html.loading-delay { visibility: visible; } body { font-family: "fot-tsukuaoldmin-pr6n", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif; font-weight: 300; font-style: normal; font-size: 1rem; line-height: 1.9; color: var(--c_text01); background-color: var(--c_bg01); overflow-x: hidden; } body a { color: var(--c_text01); text-decoration: none; } body a, body a:hover, body button { -webkit-transition: color 0.3s, background-color 0.3s, opacity 0.3s, -webkit-box-shadow 0.3s; transition: color 0.3s, background-color 0.3s, opacity 0.3s, -webkit-box-shadow 0.3s; transition: color 0.3s, background-color 0.3s, opacity 0.3s, box-shadow 0.3s; transition: color 0.3s, background-color 0.3s, opacity 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s; } body img { max-width: 100%; height: auto; vertical-align: bottom; } body iframe { vertical-align: bottom; } body ul { list-style: none; } body address { font-style: normal; } .vauAEKqCd-image img { width: 100%; } .container { margin-right: auto; margin-left: auto; } @media screen and (max-width: 1599px) { .container { padding-right: 1.5rem; padding-left: 1.5rem; } } .tsukuaolgmin { font-family: "fot-tsukuaoldmin-pr6n", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif; font-weight: 200; font-style: normal; } .tsukuaolgmin { font-family: "fot-tsukuaoldmin-pr6n", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif; font-weight: 300; font-style: normal; } .tsukuardgothic-400 { font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } .tsukuardgothic-700 { font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 700; font-style: normal; } .fot-tsukumin-pr6n-l { font-family: "fot-tsukuaoldmin-pr6n", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif; font-weight: 300; font-style: normal; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } .button { font-size: 1rem; line-height: 1; text-align: left; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 767px) { .button { font-size: 0.9375rem; } } .button .button__text { line-height: 1.6; letter-spacing: 0.08em; } .button--01 { border: 0.0625rem solid var(--c_text02); border-radius: 2.5rem; background-color: var(--c_bg04); -webkit-box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.12); box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.12); height: 3.25rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 2.0625rem 0 3.4375rem; } .button--02 { background-color: transparent; color: var(--c_bg04); -webkit-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .button--02 .button-arrow-outer { border: 0.0625rem solid var(--c_accent02); border-radius: 50%; width: 3rem; height: 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .button--02 .button-arrow-right { color: var(--c_bg04); background: var(--c_bg04); } .button--03 { border: 0.0625rem solid var(--c_text02); border-radius: 2.5rem; background-color: var(--c_bg04); -webkit-box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.12); box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.12); height: 3.25rem; -webkit-column-gap: 4.5rem; -moz-column-gap: 4.5rem; column-gap: 4.5rem; padding: 0 2.25rem; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (any-hover: hover) { .button--01:hover, .button--03:hover { opacity: 0.8; -webkit-box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); } } .button--01:focus, .button--03:focus { opacity: 0.8; -webkit-box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); } .button-arrow-right { display: inline-block; vertical-align: middle; color: var(--c_text01); line-height: 1; position: relative; width: 1.0625rem; height: 0.0625rem; background: var(--c_text01); } .button-arrow-right::before { content: ""; width: 0.375rem; height: 0.375rem; border: 0.0625rem solid currentColor; border-left: 0; border-bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: top right; transform-origin: top right; position: absolute; top: 50%; right: -0.125rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .button-arrow-left { display: inline-block; vertical-align: middle; color: var(--c_text01); line-height: 1; position: relative; width: 1.0625rem; height: 0.0625rem; background: var(--c_text01); } .button-arrow-left::before { content: ""; width: 0.375rem; height: 0.375rem; border: 0.0625rem solid currentColor; border-right: 0; border-bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: top left; transform-origin: top left; position: absolute; top: 50%; left: -0.125rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .button-arrow-top { position: relative; display: inline-block; width: 0.75rem; height: 0.4375rem; } .button-arrow-top::before, .button-arrow-top::after { content: ""; position: absolute; top: 0; left: calc(50% - 0.0625rem); width: 0.0625rem; height: 0.5625rem; border-radius: 624.9375rem; background-color: var(--c_text01); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } .button-arrow-top::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .button-arrow-top::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .button-arrow-bottom { position: relative; display: inline-block; width: 0.75rem; height: 0.4375rem; } .button-arrow-bottom::before, .button-arrow-bottom::after { content: ""; position: absolute; bottom: 0; left: calc(50% - 0.0625rem); width: 0.0625rem; height: 0.5625rem; border-radius: 624.9375rem; background-color: var(--c_text01); -webkit-transform-origin: 50% calc(106% - 0.0625rem); transform-origin: 50% calc(106% - 0.0625rem); } .button-arrow-bottom::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .button-arrow-bottom::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media (any-hover: hover) { .hover-opacity:hover { opacity: 0.7; } } .hover-opacity:focus { opacity: 0.7; } @media (max-width: 48rem) { .br-pc { display: none; } } @media (min-width: 47.9375rem) { .br-sp { display: none; } } .row-limit { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } @media screen and (max-width: 767px) { .row-limit--sp-3lines { -webkit-line-clamp: 3; } } @media screen and (max-width: 767px) { .row-limit--sp-4lines { -webkit-line-clamp: 4; } } .row-limit--1line { display: block; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: initial; -webkit-line-clamp: initial; } .section-title { text-align: center; } .section-title__jp, .section-title__en { display: block; line-height: 1.6; } .section-title__jp { font-size: 1.75rem; font-weight: 300; letter-spacing: 0.08em; } @media screen and (max-width: 1148px) { .section-title__jp { font-size: 1.5rem; } } @media screen and (max-width: 767px) { .section-title__jp { font-size: 1.375rem; } } .section-title__en { font-size: 1rem; font-weight: 400; letter-spacing: 0.06em; color: var(--c_text02); padding-top: 0.5rem; } @media screen and (max-width: 1148px) { .section-title__en { font-size: 0.9375rem; } } @media screen and (max-width: 767px) { .section-title__en { font-size: 0.875rem; padding-top: 0.625rem; } } .subpage-title { width: 100%; height: 33.25rem; } @media screen and (max-width: 767px) { .subpage-title { height: 22.5rem; } } .subpage-title .container { max-width: 85rem; font-weight: 300; line-height: 1.6; } @media screen and (max-width: 1599px) { .subpage-title .container { padding-right: 1.5rem; padding-left: 1.5rem; } } @media screen and (max-width: 767px) { .subpage-title .container { padding-right: 2rem; padding-left: 2rem; } } .subpage-title__box { color: var(--c_bg01); border-bottom: 0.0625rem solid var(--c_bg04); padding: 19.9375rem 0 3.5rem; } @media screen and (max-width: 767px) { .subpage-title__box { padding: 12.75rem 0 2rem; } } .subpage-title__jp, .subpage-title__en { display: block; letter-spacing: 0.08em; font-weight: 300; } .subpage-title__jp { font-size: 2rem; padding-left: 0.75rem; } @media screen and (max-width: 767px) { .subpage-title__jp { font-size: 1.5rem; padding-left: 0.5rem; } } .subpage-title__en { font-size: 1rem; padding-left: 1.25rem; margin-top: 0.5rem; } @media screen and (max-width: 767px) { .subpage-title__en { font-size: 0.875rem; padding-left: 1rem; } } .breadcrumbs { background-color: var(--c_bg01); } .breadcrumbs__wrapper { max-width: 85rem; margin: 0 auto; padding: 0.5rem 0; } @media screen and (max-width: 1599px) { .breadcrumbs__wrapper { padding: 0.5rem 1.5rem; } } @media screen and (max-width: 767px) { .breadcrumbs__wrapper { padding: 0.375rem 1.5rem; } } .breadcrumbs__item { display: inline; } .breadcrumbs__item .breadcrumbs__link { letter-spacing: 0.06em; padding-right: 1rem; } @media screen and (max-width: 767px) { .breadcrumbs__item .breadcrumbs__link { padding-right: 0; font-size: 0.875rem; } } .breadcrumbs__item:not(:first-child) .breadcrumbs__link { padding-left: 1rem; } @media screen and (max-width: 767px) { .breadcrumbs__item:not(:first-child) .breadcrumbs__link { padding-left: 0; } } .breadcrumbs__item:last-child .breadcrumbs__link { color: var(--c_text01); } .breadcrumbs__item:last-child .breadcrumbs__slash { display: none; } .breadcrumbs__item .breadcrumbs__slash { color: var(--c_text03); } .pagenation__list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1.6; height: 1.8125rem; font-size: 1.125rem; } .pagenation__item { width: 1.375rem; text-align: center; } .pagenation__item--arrow-prev { margin-right: -0.375rem; } .pagenation__item--arrow-next { margin-left: -0.375rem; } .pagenation__arrow-outer { display: block; width: 1.25rem; height: 1.25rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 0.125rem; -moz-column-gap: 0.125rem; column-gap: 0.125rem; } .pagenation__arrow-border { display: block; width: 0.125rem; height: 0.6875rem; border-left: 0.0625rem solid var(--c_text01); } .pagenation__arrow { position: relative; display: inline-block; width: 0.375rem; height: 0.6875rem; } .pagenation__arrow::before, .pagenation__arrow::after { content: ""; position: absolute; top: calc(50% - 0.0625rem); width: 0.5rem; height: 0.0625rem; border-radius: 624.9375rem; background-color: var(--c_text01); } .pagenation__arrow::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .pagenation__arrow::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .pagenation__arrow--left::before, .pagenation__arrow--left::after { left: 0; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .pagenation__arrow--right::before, .pagenation__arrow--right::after { right: 0; -webkit-transform-origin: calc(110% - 0.0625rem) 50%; transform-origin: calc(110% - 0.0625rem) 50%; } .pagenation__item.inactive .pagenation__arrow-border { border-left: 0.0625rem solid var(--c_text03); } .pagenation__item.inactive .pagenation__arrow::before, .pagenation__item.inactive .pagenation__arrow::after { background-color: var(--c_text03); } .pagenation .page-numbers { width: 1.375rem; height: 1.5rem; color: var(--c_text01); padding-top: 0.1875rem; padding-bottom: 0.1875rem; line-height: 1; display: block; } .pagenation .page-numbers.current { color: var(--c_accent01); } .school-list { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/nurseries_bg-pc.webp); background-size: cover; background-position: center; background-repeat: no-repeat; } @media screen and (max-width: 767px) { .school-list { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/nurseries_bg-sp.webp); } } .school-list .container { max-width: 84rem; padding-top: 7rem; padding-left: 0; padding-right: 0; } @media screen and (max-width: 1440px) { .school-list .container { padding-left: 1.5rem; padding-right: 1.5rem; } } .school-list__box { margin-top: 5.5rem; } @media screen and (max-width: 767px) { .school-list__box { margin-top: 2.5rem; } } .school-list__box .tab-container { max-width: 67.5rem; height: 4.0625rem; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 767px) { .school-list__box .tab-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; } } .school-list__box .tab-button { width: 33.3333333333%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--c_accent02); font-size: 1.25rem; line-height: 1.6; letter-spacing: 0.08em; border-bottom: 0.0625rem solid var(--c_accent02); position: relative; cursor: pointer; -webkit-transition: color 0.3s; transition: color 0.3s; } @media screen and (max-width: 767px) { .school-list__box .tab-button { width: 100%; font-size: 1rem; padding: 1.5rem 0; } } .school-list__box .tab-button.active { color: var(--c_text01); border-bottom: none; } .school-list__box .tab-button.active::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 0.1875rem; background-color: var(--c_accent01); -webkit-transform: skewX(110deg); transform: skewX(110deg); } @media (any-hover: hover) { .school-list__box .tab-button:hover { color: var(--c_text01); } } .school-list__box .tab-button:focus { color: var(--c_text01); } .school-list__box .content { display: none; } .school-list__box .content.show { display: block; } .school-list__box .content-container { max-width: 84rem; margin-top: 4.5rem; } @media screen and (max-width: 767px) { .school-list__box .content-container { margin-top: 3rem; } } @media screen and (max-width: 767px) { .school-list__box .content-container--pc { display: none; } } .school-list__box .content-container--sp { display: none; } @media screen and (max-width: 767px) { .school-list__box .content-container--sp { display: block; } } .school-list__box .content__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; row-gap: 2.5rem; } @media screen and (max-width: 767px) { .school-list__box .content__list { display: block; width: 100%; height: 100%; } } .school-list__box .content__item { width: calc((100% - 6rem) / 4); } @media screen and (max-width: 1440px) { .school-list__box .content__item { width: calc((100% - 4rem) / 3); } } @media screen and (max-width: 1148px) { .school-list__box .content__item { width: calc((100% - 2rem) / 2); } } @media screen and (max-width: 767px) { .school-list__box .content__item { width: 100%; } } .school-list__box .content__link { display: block; border: 0.0625rem solid var(--c_accent02); background-color: var(--c_bg01); -webkit-box-shadow: 0rem 0rem 0.5rem rgba(0, 0, 0, 0.12); box-shadow: 0rem 0rem 0.5rem rgba(0, 0, 0, 0.12); border-radius: 0.5rem; padding: 1rem; } .school-list__box .content__img-outer { width: 100%; aspect-ratio: 280/200; } .school-list__box .content__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .school-list__box .content__text { margin-top: 1.25rem; padding-left: 0.25rem; padding-right: 0.25rem; } .school-list__box .content__title { font-size: 1.125rem; font-weight: 300; line-height: 1.8; letter-spacing: 0.08em; text-align: center; height: 4rem; } .school-list__box .content__postal-code, .school-list__box .content__address, .school-list__box .content__tel { letter-spacing: 0.06em; } .school-list__box .content__postal-code { padding-top: 0.4375rem; } .school-list__box .content__address { height: 3.75rem; } .school-list__box .content__tel { padding-top: 0.25rem; } .school-list__box .content .slick-list { margin: 0 -1rem; } .school-list__box .content .slick-slide { margin: 0 1rem; } @media screen and (max-width: 767px) { .school-list__box .content .slick-slide { margin: 0 0.5rem; } } .school-list__button-outer { margin-top: 5.5rem; text-align: center; } @media screen and (max-width: 767px) { .school-list__button-outer { margin-top: 4rem; } } .school-list .button { width: 16.8125rem; } .school-list__slider-button { display: none; } @media screen and (max-width: 767px) { .school-list__slider-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 3rem auto 0; width: 93%; } .school-list__slider-button .slider-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 0.625rem; -moz-column-gap: 0.625rem; column-gap: 0.625rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 2.25rem; cursor: pointer; } .school-list__slider-button .slider-button__text { line-height: 1.6; letter-spacing: 0.06em; } } .school-list .single-slide { width: 100%; } .school-list .content:has(.single-slide) .school-list__slider-button.single-slide-button { display: none; } .topics-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 2.5rem; -moz-column-gap: 2.5rem; column-gap: 2.5rem; row-gap: 5rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 767px) { .topics-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 0; } } .topics-list__item { width: calc((100% - 7.5rem) / 4); } @media screen and (max-width: 1228px) { .topics-list__item { width: calc((100% - 5rem) / 3); } } @media screen and (max-width: 920px) { .topics-list__item { width: calc((100% - 2.5rem) / 2); } } @media screen and (max-width: 767px) { .topics-list__item { width: 100%; } } @media screen and (max-width: 767px) { .topics-list__item:first-child .topics-list__link { border-top: 0.0625rem solid var(--c_accent02); } } .topics-list__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 1.5rem; } @media screen and (max-width: 767px) { .topics-list__link { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1.5rem 0; border-bottom: 0.0625rem solid var(--c_accent02); } } .topics-list__img-outer { aspect-ratio: 310/213; position: relative; } @media screen and (max-width: 767px) { .topics-list__img-outer { aspect-ratio: 1/1; width: 30.9677419355%; } } .topics-list__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .topics-list__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 1.125rem; } @media screen and (max-width: 767px) { .topics-list__text { width: 62.5806451613%; row-gap: 1.25rem; } } .topics-list__title { font-size: 0.9375rem; font-weight: 300; line-height: 1.8; letter-spacing: 0.08em; -webkit-text-decoration: underline 0.0625rem solid var(--c_text01); text-decoration: underline 0.0625rem solid var(--c_text01); height: 54px; } @media screen and (max-width: 767px) { .topics-list__title { font-size: 0.875rem; height: auto; } } .topics-list__info { font-size: 0.875rem; line-height: 1.6; } @media screen and (max-width: 767px) { .topics-list__info { font-size: 0.75rem; } } .topics-list__info-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; } .topics-list__date { letter-spacing: 0.06em; } .topics-list__category-topics { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; row-gap: 0.5rem; } @media screen and (max-width: 480px) { .topics-list__category-topics { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .topics-list__category-01 { display: block; letter-spacing: 0.06em; background-color: var(--c_accent01); color: var(--c_bg01); border-radius: 0.125rem; padding: 0.125rem 1.5rem; } @media screen and (max-width: 480px) { .topics-list__category-01 { padding: 0.125rem 0.375rem; text-align: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .topics-list__category-02 { display: inline-block; letter-spacing: 0.06em; color: var(--c_accent01); border: 0.0625rem solid var(--c_accent01); background-color: var(--c_bg01); border-radius: 0.125rem; padding: 0.125rem 1.5rem; margin-top: 0.75rem; } @media screen and (max-width: 480px) { .topics-list__category-02 { width: 100%; text-align: center; padding: 0.125rem 0.375rem; } } @media screen and (max-width: 920px) { .sp-background { position: relative; } } @media screen and (max-width: 920px) { .sp-background::before, .sp-background::after { content: ""; width: 100%; position: absolute; z-index: 0; left: 0; background-repeat: no-repeat; background-size: contain; } } @media screen and (max-width: 920px) { .sp-background::before { top: 0; aspect-ratio: 375/197; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/topics-section-before-sp.webp); } } @media screen and (max-width: 920px) { .sp-background::after { bottom: 0; aspect-ratio: 375/112; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/topics-section-after-sp.webp); } } .header { position: fixed; top: 0; left: 0; right: 0; height: 5.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: var(--c_bg05); z-index: 10; padding: 0 5rem; } .header.header-change-color { background-color: var(--c_bg01); } .header.header-change-color .gnav__link, .header.header-change-color .gnav__button-link { color: var(--c_text01); } @media screen and (max-width: 1148px) { .header.header-change-color .gnav__link, .header.header-change-color .gnav__button-link { color: var(--c_text01); } } .header.header-change-color .gnav__button-link { border: 0.0625rem solid var(--c_text01); } @media screen and (max-width: 1148px) { .header.header-change-color .gnav__button-link { border: none; } } @media screen and (max-width: 1440px) { .header { padding: 0 1.5rem; } } @media screen and (max-width: 1148px) { .header { height: 4.125rem; padding: 0 0 0 1.5rem; } } .single-topics .header, .single-activities .header { background-color: var(--c_bg01); } .single-topics .header .gnav__link, .single-topics .header .gnav__button-link, .single-activities .header .gnav__link, .single-activities .header .gnav__button-link { color: var(--c_text01); } .single-topics .header .hamburger-button__line, .single-activities .header .hamburger-button__line { background-color: var(--c_text01); } .single-topics .header .gnav__button-link, .single-activities .header .gnav__button-link { border: 0.0625rem solid var(--c_text01); } @media screen and (max-width: 1148px) { .single-topics .header .gnav__button-link, .single-activities .header .gnav__button-link { border: none; } } .header .header-logo { line-height: 0; } @media screen and (max-width: 1148px) { .header .header-logo { z-index: 12; } } .header .header-logo__img { max-width: 9.9375rem; } @media screen and (max-width: 1148px) { .header .header-logo__img { max-width: 6rem; } } .header .hamburger-button { display: none; } @media screen and (max-width: 1148px) { .header .hamburger-button { display: block; position: relative; z-index: 12; width: 5.375rem; height: 4.125rem; text-align: center; } .header .hamburger-button__line { position: absolute; display: block; width: 2.375rem; height: 0.0625rem; left: 1.25rem; -webkit-transition: all 0.6s; transition: all 0.6s; background-color: var(--c_bg01); } .header .hamburger-button__line:nth-child(1) { top: 2.125rem; } .header .hamburger-button__line:nth-child(2) { top: 2.5rem; } .header .hamburger-button.active .hamburger-button__line { background-color: var(--c_text01); } .header .hamburger-button.active .hamburger-button__line:nth-child(1) { top: 1.9375rem; -webkit-transform: rotate(24deg); transform: rotate(24deg); } .header .hamburger-button.active .hamburger-button__line:nth-child(2) { top: 1.9375rem; -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } } .header.header-change-color .hamburger-button__line { background-color: var(--c_text01); } html.active { overflow-y: scroll; } body.scroll-lock { position: fixed; left: 0; width: 100%; } .header .gnav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 3.5rem; -moz-column-gap: 3.5rem; column-gap: 3.5rem; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 1440px) { .header .gnav { -webkit-column-gap: 2.5rem; -moz-column-gap: 2.5rem; column-gap: 2.5rem; } } @media screen and (max-width: 1148px) { .header .gnav { position: fixed; z-index: 11; top: 0; right: -120%; width: 27.625rem; height: 100%; -webkit-transition: all 0.6s; transition: all 0.6s; background-color: var(--c_bg01); visibility: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 6.25rem 2.875rem 3.5rem 5rem; overflow-y: scroll; } .header .gnav.active { right: 0; visibility: visible; } } @media screen and (max-width: 767px) { .header .gnav { width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 6.25rem 2.375rem 3.5rem; } } @media screen and (max-width: 480px) { .header .gnav { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (max-width: 767px) { .header .gnav::before { content: ""; background: url(https://www.seikoukai.or.jp/hoqubad/images/bg_01-pc.webp), -webkit-gradient(linear, left bottom, left top, color-stop(29.4%, #FFFEFB), color-stop(58.53%, #F6F3EE)); background: url(https://www.seikoukai.or.jp/hoqubad/images/bg_01-pc.webp), linear-gradient(360deg, #FFFEFB 29.4%, #F6F3EE 58.53%); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; opacity: 0.3; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; } } .header .gnav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; } @media screen and (max-width: 1440px) { .header .gnav__list { -webkit-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; } } @media screen and (max-width: 1148px) { .header .gnav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; row-gap: 1rem; width: 13.75rem; } } .header .gnav__button-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 0.75rem; -moz-column-gap: 0.75rem; column-gap: 0.75rem; } @media screen and (max-width: 1148px) { .header .gnav__button-list { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; row-gap: 1rem; width: 13.75rem; } } @media screen and (max-width: 1148px) { .header .gnav__item { width: 100%; } } .header .gnav__link, .header .gnav__button-link { font-size: 1rem; line-height: 1.6; letter-spacing: 0.08em; color: var(--c_bg01); } @media screen and (max-width: 1440px) { .header .gnav__link, .header .gnav__button-link { font-size: 0.875rem; } } @media screen and (max-width: 1148px) { .header .gnav__link, .header .gnav__button-link { color: var(--c_text01); padding: 0.5rem 0; } } @media screen and (max-width: 1148px) { .header .gnav__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .header .gnav__link-arrow { display: none; } @media screen and (max-width: 1148px) { .header .gnav__link-arrow { display: block; margin-right: 3.875rem; margin-bottom: 0.4375rem; } } .header .gnav__button-link-arrow { display: none; } @media screen and (max-width: 1148px) { .header .gnav__button-link-arrow { display: block; margin-right: 3.875rem; margin-bottom: 0.4375rem; } } .header .gnav__button-item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header .gnav__button-link { display: block; text-align: center; width: 8.5rem; border: 0.0625rem solid var(--c_bg01); border-radius: 0.25rem; padding: 0.5rem 0 0.4375rem; } @media screen and (max-width: 1440px) { .header .gnav__button-link { width: 7.75rem; } } @media screen and (max-width: 1148px) { .header .gnav__button-link { text-align: left; padding: 0.5rem 0; border: none; } } .header .gnav__button-link-arrow::before { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); } .header:not(.school-detail-header) .gnav__item--sp-only { display: none; } @media screen and (max-width: 1148px) { .header:not(.school-detail-header) .gnav__item--sp-only { display: block; } } .header:not(.school-detail-header) .gnav__item--sp-only-flex { display: none; } @media screen and (max-width: 1148px) { .header:not(.school-detail-header) .gnav__item--sp-only-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } } .header:not(.school-detail-header) .gnav__item--pc-only { display: block; } @media screen and (max-width: 1148px) { .header:not(.school-detail-header) .gnav__item--pc-only { display: none; } } .header.school-detail-header .gnav__item--sp-only { display: block; } .header.school-detail-header .gnav__item--pc-only { display: none; } @media screen and (max-width: 1148px) { .hamburger-bottom__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 1.5rem; margin-top: 2.25rem; padding-top: 1.5rem; border-top: 0.0625rem solid var(--c_accent02); width: 100%; } } @media screen and (max-width: 1148px) { .hamburger-bottom__link { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.08em; } } @media screen and (max-width: 1148px) { .hamburger-bottom__sns-list-01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; } } @media screen and (max-width: 767px) { .hamburger-bottom__sns-list-01 { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media screen and (max-width: 480px) { .hamburger-bottom__sns-list-01 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (max-width: 1148px) { .hamburger-bottom__sns-list-02 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; } } @media screen and (max-width: 767px) { .hamburger-bottom__sns-list-02 { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media screen and (max-width: 480px) { .hamburger-bottom__sns-list-02 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (max-width: 1148px) { .hamburger-bottom__sns-link { font-size: 0.75rem; line-height: 1.6; letter-spacing: 0.08em; } .hamburger-bottom__sns-link--instagram { padding-left: 2.3125rem; position: relative; } .hamburger-bottom__sns-link--instagram::before { content: ""; display: inline-block; width: 1.375rem; height: 1.375rem; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/icon_instagram-pc.webp); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; top: 0; left: 0; } } @media screen and (max-width: 1148px) and (max-width: 767px) { .hamburger-bottom__sns-link--instagram::before { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @media screen and (max-width: 1148px) { .hamburger-bottom__sns-link--x, .hamburger-bottom__sns-link__tictok, .hamburger-bottom__sns-link--youtube { width: 1.6875rem; height: 1.6875rem; padding: 0.625rem; } } .header .gnav__bg { display: none; } @media screen and (max-width: 1148px) { .header .gnav__bg { -webkit-transition: all 0.6s; transition: all 0.6s; } .header .gnav__bg.active { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(3, 3, 3, 0.64); cursor: pointer; z-index: 9; } } header.school-detail-header { position: fixed; top: 0; left: 0; right: 0; height: 5.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: var(--c_bg05); z-index: 10; padding: 0 3.375rem 0 5rem; } header.school-detail-header.header-change-color { background-color: var(--c_bg01); } header.school-detail-header.header-change-color .gnav__link, header.school-detail-header.header-change-color .gnav__button-link { color: var(--c_text01); } header.school-detail-header.header-change-color .gnav__button-link { border: none; } @media screen and (max-width: 1440px) { header.school-detail-header { padding: 0 1.5rem; } } @media screen and (max-width: 1148px) { header.school-detail-header { height: 4.125rem; padding: 0 0 0 1.5rem; } } header.school-detail-header .hamburger-button { display: block; position: relative; z-index: 12; width: 5.375rem; height: 4.125rem; text-align: center; } header.school-detail-header .hamburger-button__line { position: absolute; display: block; width: 2.375rem; height: 0.0625rem; left: 1.25rem; -webkit-transition: all 0.6s; transition: all 0.6s; background-color: var(--c_text01); } header.school-detail-header .hamburger-button__line:nth-child(1) { top: 2.125rem; } header.school-detail-header .hamburger-button__line:nth-child(2) { top: 2.5rem; } header.school-detail-header .hamburger-button.active .hamburger-button__line:nth-child(1) { top: 1.9375rem; -webkit-transform: rotate(24deg); transform: rotate(24deg); } header.school-detail-header .hamburger-button.active .hamburger-button__line:nth-child(2) { top: 1.9375rem; -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } header.school-detail-header .gnav { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; z-index: 11; top: 0; right: -120%; width: 27.625rem; height: 100%; -webkit-transition: all 0.6s; transition: all 0.6s; background-color: var(--c_bg01); visibility: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 1rem; padding: 6.25rem 2.875rem 3.5rem 5rem; overflow-y: scroll; color: var(--c_text01); } header.school-detail-header .gnav::-webkit-scrollbar { width: 0; height: 0; } header.school-detail-header .gnav.active { right: 0; visibility: visible; } @media screen and (max-width: 767px) { header.school-detail-header .gnav { width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 6.25rem 2.375rem 3.5rem; } } @media screen and (max-width: 480px) { header.school-detail-header .gnav { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (max-width: 767px) { header.school-detail-header .gnav::before { content: ""; background: url(https://www.seikoukai.or.jp/hoqubad/images/bg_01-pc.webp), -webkit-gradient(linear, left bottom, left top, color-stop(29.4%, #FFFEFB), color-stop(58.53%, #F6F3EE)); background: url(https://www.seikoukai.or.jp/hoqubad/images/bg_01-pc.webp), linear-gradient(360deg, #FFFEFB 29.4%, #F6F3EE 58.53%); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; opacity: 0.3; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; } } header.school-detail-header .gnav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; row-gap: 1rem; width: 13.75rem; } header.school-detail-header .gnav__button-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; row-gap: 1rem; width: 13.75rem; } header.school-detail-header .gnav__item { width: 100%; } header.school-detail-header .gnav__link, header.school-detail-header .gnav__button-link { line-height: 1.6; letter-spacing: 0.08em; font-size: 0.875rem; color: var(--c_text01); padding: 0.5rem 0; } header.school-detail-header .gnav__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } header.school-detail-header .gnav__link-arrow { display: block; margin-right: 3.875rem; margin-bottom: 0.4375rem; } header.school-detail-header .gnav__button-link-arrow { display: block; margin-right: 3.875rem; margin-bottom: 0.4375rem; } header.school-detail-header .gnav__button-item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } header.school-detail-header .gnav__button-link { display: block; width: 7.75rem; width: 100%; text-align: left; padding: 0.5rem 0; } @media screen and (max-width: 1440px) { header.school-detail-header .gnav__button-link { width: 7.75rem; } } header.school-detail-header .gnav__button-link-arrow::before { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); } header.school-detail-header .hamburger-bottom__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 1.5rem; margin-top: 2.25rem; padding-top: 1.5rem; border-top: 0.0625rem solid var(--c_accent02); width: 100%; } header.school-detail-header .hamburger-bottom__link { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.08em; } header.school-detail-header .hamburger-bottom__sns-list-01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; } @media screen and (max-width: 767px) { header.school-detail-header .hamburger-bottom__sns-list-01 { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media screen and (max-width: 480px) { header.school-detail-header .hamburger-bottom__sns-list-01 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } header.school-detail-header .hamburger-bottom__sns-list-02 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; } @media screen and (max-width: 767px) { header.school-detail-header .hamburger-bottom__sns-list-02 { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media screen and (max-width: 480px) { header.school-detail-header .hamburger-bottom__sns-list-02 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } header.school-detail-header .hamburger-bottom__sns-link { font-size: 0.75rem; line-height: 1.6; letter-spacing: 0.08em; } header.school-detail-header .hamburger-bottom__sns-link--instagram { padding-left: 2.3125rem; position: relative; } header.school-detail-header .hamburger-bottom__sns-link--instagram::before { content: ""; display: inline-block; width: 1.375rem; height: 1.375rem; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/icon_instagram-pc.webp); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; top: 0; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } header.school-detail-header .hamburger-bottom__sns-link--x, header.school-detail-header .hamburger-bottom__sns-link__tictok, header.school-detail-header .hamburger-bottom__sns-link--youtube { width: 1.6875rem; height: 1.6875rem; padding: 0.625rem; } header.school-detail-header .gnav__bg { -webkit-transition: all 0.6s; transition: all 0.6s; } header.school-detail-header .gnav__bg.active { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(3, 3, 3, 0.64); cursor: pointer; z-index: 9; } .fv { position: relative; width: 100%; height: 100svh; background-color: var(--c_bg07); z-index: -2; } .fv__content { position: absolute; top: 30.9111880046%; width: 100%; color: var(--c_bg01); } @media screen and (max-width: 767px) { .fv__content { top: 24.8611111111%; } } .fv__content-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-left: 8.5625%; padding-right: 8.5625%; } @media screen and (max-width: 767px) { .fv__content-inner { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 6.1333333333%; padding-right: 0; } } @media screen and (max-width: 767px) { .fv__content-box { width: 100%; } } .fv__catch-copy { font-size: 2.25rem; font-weight: 300; line-height: 1.6; } @media screen and (max-width: 767px) { .fv__catch-copy { font-size: clamp(1.5rem, 6.4vw, 2.25rem); } } .fv__catch-copy-inner { display: block; letter-spacing: 0.08em; } .fv__text { margin-top: 2rem; } @media screen and (max-width: 767px) { .fv__text { font-size: clamp(0.875rem, 3.7vw, 1rem); } } .fv__text-inner { display: block; letter-spacing: 0.06em; } .js-slidein { -webkit-animation: slideIn 1.6s cubic-bezier(0.25, 1, 0.5, 1) forwards; animation: slideIn 1.6s cubic-bezier(0.25, 1, 0.5, 1) forwards; } @-webkit-keyframes slideIn { 0% { -webkit-transform: translateX(11.25rem); transform: translateX(11.25rem); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } 40%, 100% { opacity: 1; } } @keyframes slideIn { 0% { -webkit-transform: translateX(11.25rem); transform: translateX(11.25rem); opacity: 0; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } 40%, 100% { opacity: 1; } } .js-smooth-element-01, .js-smooth-element-02 { visibility: hidden; } .fv__bottom { position: absolute; bottom: 0; width: 100%; color: var(--c_bg01); } .fv__bottom-inner { padding-left: 11.6875%; padding-right: 11.6875%; padding-bottom: 2.306805075%; } @media screen and (max-width: 767px) { .fv__bottom-inner { padding-left: 4.8%; padding-right: 4.8%; padding-bottom: 13.8888888889%; } } .fv__title-img-outer { padding: 0 1.125rem; } @media screen and (max-width: 767px) { .fv__title-img-outer { padding: 0 0.3125rem; } } .fv__title-img { width: 100%; } .fv__border { display: block; position: relative; } .fv__border::after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0.0625rem; background-color: var(--c_bg01); -webkit-transition: 0.6s; transition: 0.6s; } .js-fv-border::after { width: 100%; } .fv__scroll-down { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 0.625rem; -moz-column-gap: 0.625rem; column-gap: 0.625rem; margin-top: 1.5rem; margin-left: 1.125rem; } @media screen and (max-width: 767px) { .fv__scroll-down { -webkit-column-gap: 0.25rem; -moz-column-gap: 0.25rem; column-gap: 0.25rem; margin-top: 1rem; } } .fv__scroll-down-text { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.06em; } .fv__scroll-down-arrow { position: relative; display: inline-block; width: 0.125rem; height: 0.75rem; margin: 0 0.1875rem; border-radius: 624.9375rem; background-color: var(--c_bg01); } .fv__scroll-down-arrow::before, .fv__scroll-down-arrow::after { content: ""; position: absolute; bottom: 0; left: calc(50% - 0.0625rem); width: 0.125rem; height: 0.375rem; border-radius: 624.9375rem; background-color: var(--c_bg01); -webkit-transform-origin: 50% calc(100% - 0.0625rem); transform-origin: 50% calc(100% - 0.0625rem); } .fv__scroll-down-arrow::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .fv__scroll-down-arrow::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .js-showup-outer-element { overflow: hidden; opacity: 0; } .js-showup-inner-element { opacity: 0; -webkit-transform: matrix(1, 0, 0, 1, 0, 100); transform: matrix(1, 0, 0, 1, 0, 100); -webkit-transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1); transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1); } .js-showup-outer { opacity: 1; } .js-showup-inner { opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); } .fv__slider { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; z-index: -1; } .fv .slick-list { height: 100vh; } .fv .slick-slider .slick__img-outer { width: 100%; height: 100vh; } .fv .slick-slider .slick__img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; margin: auto; -o-object-fit: cover; object-fit: cover; } .fv .slick-slide img { height: 100%; -o-object-fit: cover; object-fit: cover; } @-webkit-keyframes zoomOut { 0% { -webkit-transform: scale(1.15); transform: scale(1.15); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes zoomOut { 0% { -webkit-transform: scale(1.15); transform: scale(1.15); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .fv .add-animation { -webkit-animation: zoomOut 8s linear 0s normal both; animation: zoomOut 8s linear 0s normal both; } .js-fadein-element-01 { opacity: 0; -webkit-transition: opacity 0.6s; transition: opacity 0.6s; } .js-fadein-element-02 { opacity: 0; -webkit-transition: opacity 1s; transition: opacity 1s; } .js-fadein { opacity: 1; } .js-fv-slider { position: relative; overflow: hidden; width: 100%; height: 100svh; } .js-fv-slide-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: opacity 2s ease, -webkit-transform 8s ease; transition: opacity 2s ease, -webkit-transform 8s ease; transition: opacity 2s ease, transform 8s ease; transition: opacity 2s ease, transform 8s ease, -webkit-transform 8s ease; } .js-fv-slide-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .js-fv-slide-image.active { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .concept { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/top_concept_bg-pc.webp); background-size: cover; background-position: 0% 0%; background-repeat: no-repeat; } @media screen and (max-width: 767px) { .concept { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/top_concept_bg-sp.webp); } } .concept .container { max-width: 50rem; padding-top: 15.5rem; padding-bottom: 13.5rem; } @media screen and (max-width: 767px) { .concept .container { padding-top: 8.75rem; padding-bottom: 8.75rem; } } .concept__text { margin-top: 2.5rem; letter-spacing: 0.06em; text-align: center; } @media screen and (max-width: 767px) { .concept__text { font-size: 0.875rem; text-align: left; } } @media screen and (max-width: 767px) { .concept__text-block { display: block; } } .concept__text-block:not(:first-child) { margin-top: 1.8125rem; } .news { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/top_news_bg-pc.webp); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 3.75rem; } @media screen and (max-width: 920px) { .news { border-radius: 1.5rem; background-image: unset; } } @media screen and (max-width: 920px) { .news.sp-background::before { border-radius: 1.5rem 1.5rem 0 0; } } @media screen and (max-width: 920px) { .news.sp-background::after { border-radius: 0 0 1.5rem 1.5rem; } } .news .container { max-width: 79rem; padding-top: 8rem; padding-bottom: 8rem; padding-left: 0; padding-right: 0; } @media screen and (max-width: 1440px) { .news .container { padding-left: 1.4375rem; padding-right: 1.4375rem; } } @media screen and (max-width: 920px) { .news .container { padding-top: 7.5rem; padding-bottom: 7.5rem; padding-left: 1.4375rem; padding-right: 1.4375rem; position: relative; z-index: 1; } } .news__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 7.5rem; -moz-column-gap: 7.5rem; column-gap: 7.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--c_bg03); border-radius: 3.75rem; padding: 4rem 4.5rem; -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.12); box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.12); } @media screen and (max-width: 1148px) { .news__inner { -webkit-column-gap: 3.75rem; -moz-column-gap: 3.75rem; column-gap: 3.75rem; } } @media screen and (max-width: 920px) { .news__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: 1.5rem; padding: 4rem 1.125rem; row-gap: 3.5rem; } } .news__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 4rem; width: 19rem; } @media screen and (max-width: 1148px) { .news__box { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (max-width: 920px) { .news__box { width: 100%; } } .news__button { width: 19rem; } @media screen and (max-width: 1148px) { .news__button--pc { width: 17.5rem; } } @media screen and (max-width: 920px) { .news__button--pc { display: none; } } .news__button--sp { display: none; } @media screen and (max-width: 920px) { .news__button--sp { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 18.3125rem; font-size: 0.9375rem; } } .news__list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 2rem; } @media screen and (max-width: 920px) { .news__list { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; width: 100%; row-gap: 0; } } @media screen and (max-width: 920px) { .news__item:first-child .news__link { border-top: 0.0625rem solid var(--c_accent02); } } .news__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 2.5rem; -moz-column-gap: 2.5rem; column-gap: 2.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 920px) { .news__link { -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1rem 0; border-bottom: 0.0625rem solid var(--c_accent02); } } .news__img-outer { aspect-ratio: 192/132; width: 27.5862068966%; } @media screen and (max-width: 920px) { .news__img-outer { aspect-ratio: 1/1; width: 34.2857142857%; } } .news__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .news__desc { width: 66.6666666667%; } @media screen and (max-width: 920px) { .news__desc { width: 58.5714285714%; } } .news__title { font-size: 1rem; font-weight: 300; -webkit-text-decoration: underline 0.0625rem var(--c_text01); text-decoration: underline 0.0625rem var(--c_text01); line-height: 1.8; letter-spacing: 0.08em; } @media screen and (max-width: 920px) { .news__title { font-size: 0.875rem; } } .news__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.875rem; line-height: 1.6; margin-top: 1.25rem; } @media screen and (max-width: 920px) { .news__info { font-size: 0.75rem; -webkit-column-gap: 0.625rem; -moz-column-gap: 0.625rem; column-gap: 0.625rem; } } .news__date { letter-spacing: 0.06em; } .news__category { color: var(--c_bg01); background-color: var(--c_accent01); letter-spacing: 0.06em; border-radius: 0.125rem; padding: 0.125rem 1.25rem; } @media screen and (max-width: 480px) { .news__category { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0.125rem; text-align: center; } } .activities { position: relative; z-index: 2; padding-top: 0; } .activities__wrapper { border-bottom-left-radius: 1500px 250px; border-bottom-right-radius: 1500px 250px; overflow: hidden; position: relative; z-index: 10; margin-left: -100px; margin-right: -100px; padding-left: 100px; padding-right: 100px; } .activities__wrapper::after { content: ""; position: absolute; bottom: -6.25rem; left: 0; width: 100%; height: 6.25rem; background-color: var(--c_bg01); z-index: 11; } .activities__animation { position: sticky; top: 0; left: 0; z-index: -1; width: 100%; height: 100lvh; overflow: hidden; } .activities__animation-img { position: absolute; top: 50%; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 41.5%; height: 41.7777777778%; overflow: hidden; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media screen and (max-width: 767px) { .activities__animation-img { width: 52.2vw; height: 91.2vw; } } .activities__animation-img-item { position: relative; z-index: 0; width: 100%; height: 100%; -webkit-transform: scale(1.6); transform: scale(1.6); -webkit-transform-origin: center; transform-origin: center; } .activities__animation-img-link { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .activities__animation-img-cover { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(0.9375rem); backdrop-filter: blur(0.9375rem); opacity: 0; will-change: opacity, backdrop-filter; } .activities__animation-marquee { color: var(--c_accent01); font-size: 9.375rem; line-height: 1; letter-spacing: 0.24em; position: absolute; top: 50%; left: 50%; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); will-change: clip-path; } @media screen and (max-width: 767px) { .activities__animation-marquee { line-height: 1.6; font-size: 4.625rem; } } .activities__animation-marquee-item { -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.5em; pointer-events: none; will-change: transform; animation: loop-text 30s linear infinite; -webkit-animation: loop-text 30s linear infinite; } @-webkit-keyframes loop-text { 0% { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); } } @keyframes loop-text { 0% { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); } } .activities__spacer-1 { height: 320lvh; overflow: hidden; } @media screen and (max-width: 767px) { .activities__spacer-1 { height: 100lvh; } } @media screen and (max-width: 480px) { .activities__spacer-1 { height: 100lvh; } } .activities__content { color: var(--c_bg01); position: relative; z-index: 1; } .activities .container { max-width: 65.9375rem; padding-bottom: 28.875rem; } @media screen and (max-width: 1599px) { .activities .container { padding-left: 1rem; padding-right: 1rem; padding-bottom: 28.5rem; } } @media screen and (max-width: 920px) { .activities .container { padding-bottom: 25rem; } } @media screen and (min-width: 767px) and (max-width: 830px) { .activities .container { padding-bottom: 22rem; } } @media screen and (max-width: 767px) { .activities .container { padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 24vh; padding-top: 8vh; } } @media screen and (max-height: 667px) { .activities .container { padding-top: 0.125rem; } } .activities__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 11.5rem; -moz-column-gap: 11.5rem; column-gap: 11.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 767px) { .activities__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 4rem; } } .activities .section-title { width: 37.0616113744%; padding-top: 1.625rem; } @media screen and (max-width: 767px) { .activities .section-title { width: 100%; } } .activities .section-title__jp, .activities .section-title__en { color: var(--c_bg01); } .activities .section-title__jp { white-space: nowrap; } .activities__text { width: 45.4976303318%; } @media screen and (max-width: 767px) { .activities__text { width: 100%; font-size: 0.875rem; } } .activities__desc { letter-spacing: 0.06em; } .activities__button-outer { text-align: center; margin-top: 3rem; } .activities .button { width: 19rem; } @media screen and (max-width: 767px) { .activities .button { width: 18.3125rem; } } .home .school-list { background: -webkit-gradient(linear, left bottom, left top, color-stop(72.44%, #FFFEFB), to(#F6F3EE)); background: linear-gradient(0deg, #FFFEFB 72.44%, #F6F3EE 100%); position: relative; z-index: 1; } .home .school-list::after { content: ""; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/nurseries_bg-pc.webp); background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; top: -140px; left: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; } @media screen and (max-width: 767px) { .home .school-list::after { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/nurseries_bg-sp.webp); } } .home .school-list .container { padding-bottom: 7.875rem; } @media screen and (max-width: 767px) { .home .school-list .container { padding-top: 5rem; } } .parents { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/top_parents_bg-pc.webp); background-size: cover; background-position: 0% 0%; background-repeat: no-repeat; } @media screen and (max-width: 767px) { .parents { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/top_parents_bg-sp.webp); } } .parents .container { max-width: 50rem; padding-top: 12.5rem; padding-bottom: 7.5rem; } .parents .section-title__jp { color: var(--c_bg04); } .parents__text { color: var(--c_bg04); letter-spacing: 0.06em; margin-top: 2.4375rem; } @media screen and (max-width: 767px) { .parents__text { font-size: 0.875rem; } } .parents__button-outer { text-align: right; margin-top: 3.4375rem; } @media screen and (max-width: 767px) { .parents__button-outer { text-align: center; } } .parents .button { width: 13.625rem; } .column { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/top_column_bg-pc.webp); background-size: cover; background-position: center; background-repeat: no-repeat; } @media screen and (max-width: 920px) { .column { background-image: unset; } } .column .container { max-width: 84.5rem; padding-top: 8rem; padding-bottom: 8rem; } @media screen and (max-width: 1440px) { .column .container { padding-left: 1rem; padding-right: 1rem; } } @media screen and (max-width: 920px) { .column .container { padding-top: 7.5rem; padding-bottom: 7.5rem; padding-left: 1rem; padding-right: 1rem; position: relative; z-index: 1; } } .column__inner { background-color: var(--c_bg03); border-radius: 3.75rem; padding: 4rem; -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.12); box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.12); } @media screen and (max-width: 920px) { .column__inner { border-radius: 1.5rem; padding: 4rem 2rem; } } .column__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 7rem; -moz-column-gap: 7rem; column-gap: 7rem; margin-top: 4rem; } @media screen and (max-width: 920px) { .column__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 3.4375rem; margin-top: 3.5rem; } } .column__box-01 { width: 41.1764705882%; } @media screen and (max-width: 920px) { .column__box-01 { width: 100%; } } .column__box-02 { width: 49.6732026144%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 4.875rem; } @media screen and (max-width: 920px) { .column__box-02 { width: 100%; row-gap: 3.5rem; } } .column__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 2rem; } @media screen and (max-width: 920px) { .column__list { row-gap: 0; } } @media screen and (max-width: 920px) { .column__item:first-child .column__link { border-top: 0.0625rem solid var(--c_accent02); } } .column__link { display: -webkit-box; display: -ms-flexbox; display: flex; } .column__link--01 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 2rem; } .column__link--01 .column__img-outer { aspect-ratio: 504/347; } @media screen and (max-width: 920px) { .column__link--01 .column__img-outer { aspect-ratio: 280/193; width: 100%; } } .column__link--01 .column__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .column__link--01 .column__info { margin-top: 1.5rem; } @media screen and (max-width: 920px) { .column__link--01 .column__info { -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; } } .column__link--02 { -webkit-column-gap: 2.5rem; -moz-column-gap: 2.5rem; column-gap: 2.5rem; } @media screen and (max-width: 920px) { .column__link--02 { padding: 0.875rem 0 0.9375rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; border-bottom: 0.0625rem solid var(--c_accent02); } } .column__link--02 .column__img-outer { aspect-ratio: 192/132; width: 31.5789473684%; } @media screen and (max-width: 920px) { .column__link--02 .column__img-outer { aspect-ratio: 1/1; width: 34.2857142857%; } } .column__link--02 .column__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .column__link--02 .column__desc { width: 61.8421052632%; } .column__link--02 .column__info { margin-top: 1.25rem; } @media screen and (max-width: 920px) { .column__link--02 .column__info { -webkit-column-gap: 0.625rem; -moz-column-gap: 0.625rem; column-gap: 0.625rem; } } @media screen and (max-width: 480px) { .column__link--02 .column__category { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0.125rem; text-align: center; } } .column__title { font-size: 1rem; font-weight: 300; -webkit-text-decoration: underline 0.0625rem var(--c_text01); text-decoration: underline 0.0625rem var(--c_text01); line-height: 1.8; letter-spacing: 0.08em; } @media screen and (max-width: 920px) { .column__title { font-size: 0.875rem; } } .column__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.875rem; line-height: 1.6; } @media screen and (max-width: 920px) { .column__info { font-size: 0.75rem; } } .column__date { letter-spacing: 0.06em; } .column__category { color: var(--c_bg01); background-color: var(--c_accent01); letter-spacing: 0.06em; border-radius: 0.125rem; padding: 0.125rem 1.5rem; } .column .button { width: 13.5rem; margin: 0 auto; } @media screen and (max-width: 920px) { .column .button { width: 14.1875rem; } } .footer-top { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 767px) { .footer-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .footer-top .large-link__outer { display: block; width: 50%; cursor: pointer; } @media screen and (max-width: 767px) { .footer-top .large-link__outer { width: 100%; } } .footer-top .large-link { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 35.6875rem; } @media screen and (max-width: 767px) { .footer-top .large-link { height: 18.5625rem; } } .footer-top .large-link--contact { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.56)), to(rgba(0, 0, 0, 0.56))), url(https://www.seikoukai.or.jp/hoqubad/images/footer_contact_bg-pc.webp); background: linear-gradient(0deg, rgba(0, 0, 0, 0.56), rgba(0, 0, 0, 0.56)), url(https://www.seikoukai.or.jp/hoqubad/images/footer_contact_bg-pc.webp); background-position: center; background-size: cover; background-repeat: no-repeat; } .footer-top .large-link--recruit { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.56)), to(rgba(0, 0, 0, 0.56))), url(https://www.seikoukai.or.jp/hoqubad/images/footer_recruit_bg-pc.webp); background: linear-gradient(0deg, rgba(0, 0, 0, 0.56), rgba(0, 0, 0, 0.56)), url(https://www.seikoukai.or.jp/hoqubad/images/footer_recruit_bg-pc.webp); background-position: center; background-size: cover; background-repeat: no-repeat; } .footer-top .section-title__jp { color: var(--c_bg04); } .footer-top .button { margin-top: 3rem; } .page-contact .footer-top, .page-parent-confirm .footer-top, .page-company-confirm .footer-top, .page-recruit-confirm .footer-top, .page-contact-completed .footer-top, .error404 .footer-top { display: none; } .footer-bottom { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/footer_bg-pc.webp); background-size: cover; background-position: 0% 0%; background-repeat: no-repeat; } .footer-bottom.school-detail-footer-bottom { background-image: none; background-color: var(--c_text01); } @media screen and (max-width: 767px) { .footer-bottom { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/footer_bg-sp.webp); } } .footer-bottom .container { max-width: 70rem; padding-top: 6.25rem; padding-bottom: 0.625rem; } @media screen and (max-width: 767px) { .footer-bottom .container { padding-bottom: 2.5rem; } } .footer-bottom .footer-logo { line-height: 0; max-width: 70rem; margin: 0 auto; } @media screen and (max-width: 767px) { .footer-bottom .footer-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .footer-bottom .footer-logo__img { max-width: 9.9375rem; } @media screen and (max-width: 767px) { .footer-bottom .footer-logo__img { max-width: 6.25rem; } } .js-pagetop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 2.25rem; height: 3.9375rem; cursor: pointer; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .js-pagetop--pc01 { position: absolute; top: -1.5rem; right: -6.75rem; } @media screen and (max-width: 1440px) { .js-pagetop--pc01 { display: none; } } .js-pagetop--pc02 { display: none; } @media screen and (max-width: 1440px) { .js-pagetop--pc02 { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 767px) { .js-pagetop--pc02 { display: none; } } .js-pagetop--sp { display: none; } @media screen and (max-width: 767px) { .js-pagetop--sp { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 0.875rem; } } .js-pagetop__arrow { width: 2.25rem; height: 2.25rem; border: 0.0625rem solid var(--c_text02); border-radius: 50%; background-color: var(--c_bg01); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .js-pagetop__arrow::after { content: ""; display: inline-block; width: 1.25rem; height: 1.25rem; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/arrow_pagetop-pc.webp); background-size: contain; background-position: center; background-repeat: no-repeat; } .js-pagetop__text { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.08em; color: var(--c_text01); } @media screen and (max-width: 767px) { .js-pagetop__text { font-size: 0.75rem; } } .footer-bottom.school-detail-footer-bottom .js-pagetop__text { color: var(--c_bg01); } .footer-bottom .footer__nav-list-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 5rem; -moz-column-gap: 5rem; column-gap: 5rem; row-gap: 4.5rem; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 4rem; padding-bottom: 6.25rem; border-top: 0.0625rem solid var(--c_accent02); position: relative; border-bottom: 0.0625rem solid var(--c_accent02); margin-top: 2rem; } @media screen and (max-width: 1599px) { .footer-bottom .footer__nav-list-main { -webkit-column-gap: 4rem; -moz-column-gap: 4rem; column-gap: 4rem; } } @media screen and (max-width: 1148px) { .footer-bottom .footer__nav-list-main { -webkit-column-gap: 3.25rem; -moz-column-gap: 3.25rem; column-gap: 3.25rem; } } @media screen and (max-width: 767px) { .footer-bottom .footer__nav-list-main { display: none; } } .footer-bottom .footer__nav-list-main::before { content: ""; display: block; border-top: solid 0.0625rem var(--c_accent01); position: absolute; top: -0.0625rem; left: 0; width: 7.5892857143%; } .footer-bottom .footer__nav-item-main { width: calc((100% - 15rem) / 4); } @media screen and (max-width: 1599px) { .footer-bottom .footer__nav-item-main { width: calc((100% - 12rem) / 4); } } @media screen and (max-width: 1148px) { .footer-bottom .footer__nav-item-main { width: calc((100% - 9.75rem) / 4); } } .footer-bottom .footer__nav-link-main { display: block; line-height: 1.6; letter-spacing: 0.08em; } .footer-bottom.school-detail-footer-bottom .footer__nav-link-main { color: var(--c_bg01); } .footer-bottom .footer__nav-list-sub { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 0.1875rem; margin-top: 0.625rem; } .footer-bottom .footer__nav-link-sub { padding-left: 1.125rem; font-size: 0.875rem; line-height: 160%; letter-spacing: 0.08em; position: relative; white-space: nowrap; } @media screen and (max-width: 920px) { .footer-bottom .footer__nav-link-sub { font-size: 0.75rem; } } .footer-bottom .footer__nav-link-sub::before { content: ""; display: inline-block; width: 0.75rem; height: 0.75rem; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/arrow_footer-nav-pc.webp); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; } .footer-bottom.school-detail-footer-bottom .footer__nav-link-sub { color: var(--c_bg01); } .footer-bottom.school-detail-footer-bottom .footer__nav-link-sub::before { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/arrow_footer-nav-white-pc.webp); } .footer-bottom .footer__nav-item-main:nth-child(4) .footer__nav-list-sub, .footer-bottom .footer__nav-item-main:nth-child(5) .footer__nav-list-sub { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 0.125rem; -moz-column-gap: 0.125rem; column-gap: 0.125rem; } @media screen and (max-width: 1148px) { .footer-bottom .footer__nav-item-main:nth-child(4) .footer__nav-list-sub, .footer-bottom .footer__nav-item-main:nth-child(5) .footer__nav-list-sub { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; row-gap: 0.125rem; } } .footer-bottom .footer__nav-item-main:nth-child(4) .footer__nav-item-sub, .footer-bottom .footer__nav-item-main:nth-child(5) .footer__nav-item-sub { width: calc((100% - 0.125rem) / 2); } @media screen and (max-width: 1148px) { .footer-bottom .footer__nav-item-main:nth-child(4) .footer__nav-item-sub, .footer-bottom .footer__nav-item-main:nth-child(5) .footer__nav-item-sub { width: 100%; } } .footer-bottom__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 1.5rem; position: relative; } @media screen and (max-width: 767px) { .footer-bottom__box { display: none; } } .footer-bottom__link { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.08em; } .footer-bottom__sns-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; padding-right: 0.1875rem; } .footer-bottom__sns-link { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.08em; } .footer-bottom__sns-link--instagram { padding-left: 2.375rem; position: relative; } .footer-bottom__sns-link--instagram::before { content: ""; display: inline-block; width: 2rem; height: 2rem; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/icon_instagram_black.webp); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .footer-bottom__sns-link--x, .footer-bottom__sns-link--tictok, .footer-bottom__sns-link--youtube { width: 2rem; height: 2rem; display: inline; } .footer-bottom__sns-link--x .footer-bottom__sns-link-img, .footer-bottom__sns-link--tictok .footer-bottom__sns-link-img, .footer-bottom__sns-link--youtube .footer-bottom__sns-link-img { vertical-align: middle; } .footer-bottom__sns-link--x .footer-bottom__sns-link-img--black, .footer-bottom__sns-link--tictok .footer-bottom__sns-link-img--black, .footer-bottom__sns-link--youtube .footer-bottom__sns-link-img--black { display: block; } .footer-bottom__sns-link--x .footer-bottom__sns-link-img--white, .footer-bottom__sns-link--tictok .footer-bottom__sns-link-img--white, .footer-bottom__sns-link--youtube .footer-bottom__sns-link-img--white { display: none; } .footer-bottom.school-detail-footer-bottom .footer-bottom__link { color: var(--c_bg01); } .footer-bottom.school-detail-footer-bottom .footer-bottom__sns-link { color: var(--c_bg01); } .footer-bottom.school-detail-footer-bottom .footer-bottom__sns-link--instagram::before { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/icon_instagram_white.webp); } .footer-bottom.school-detail-footer-bottom .footer-bottom__sns-link-img--black { display: none; } .footer-bottom.school-detail-footer-bottom .footer-bottom__sns-link-img--white { display: block; } .footer__sp { display: none; } @media screen and (max-width: 767px) { .footer__sp { display: block; padding-top: 2rem; border-top: 0.0625rem solid var(--c_accent02); margin-top: 2rem; font-size: 0.875rem; position: relative; } } @media screen and (max-width: 767px) { .footer__sp::before { content: ""; display: block; border-top: solid 0.0625rem var(--c_accent01); position: absolute; top: -0.0625rem; left: 0; width: 25.993883792%; } } @media screen and (max-width: 767px) { .footer .gnav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; row-gap: 2rem; padding-right: 0.9375rem; } } .footer .gnav__item { width: calc((100% - 2rem) / 2); } @media screen and (max-width: 767px) { .footer .gnav__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.4375rem 0; letter-spacing: 0.08em; } } @media screen and (max-width: 767px) { .footer .gnav__link-arrow { margin-right: 0.25rem; margin-bottom: 0.4375rem; } } .footer .hamburger-bottom__box { margin-top: 4rem; } .footer .hamburger-bottom__sns-list-01 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer .hamburger-bottom__sns-list-02 { height: 2rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer .hamburger-bottom__sns-link-img--black { display: block; } .footer .hamburger-bottom__sns-link-img--white { display: none; } .footer-bottom.school-detail-footer-bottom .footer__sp .gnav__link { color: var(--c_bg01); } .footer-bottom.school-detail-footer-bottom .footer__sp .gnav__link-arrow::before, .footer-bottom.school-detail-footer-bottom .footer__sp .gnav__link-arrow::after { background-color: var(--c_bg01); } .footer-bottom.school-detail-footer-bottom .footer__sp .hamburger-bottom__link { color: var(--c_bg01); } .footer-bottom.school-detail-footer-bottom .footer__sp .hamburger-bottom__sns-link { color: var(--c_bg01); } .footer-bottom.school-detail-footer-bottom .footer__sp .hamburger-bottom__sns-link--instagram { padding-left: 2.375rem; position: relative; } .footer-bottom.school-detail-footer-bottom .footer__sp .hamburger-bottom__sns-link--instagram::before { content: ""; display: inline-block; width: 1.6875rem; height: 1.6875rem; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/icon_instagram_white.webp); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .footer-bottom.school-detail-footer-bottom .footer__sp .hamburger-bottom__sns-list-02 { height: 2rem; } .footer-bottom.school-detail-footer-bottom .footer__sp .hamburger-bottom__sns-link-img { display: none; } .footer-bottom.school-detail-footer-bottom .footer__sp .hamburger-bottom__sns-link-img--black { display: none; } .footer-bottom.school-detail-footer-bottom .footer__sp .hamburger-bottom__sns-link-img--white { display: block; } .footer__copyright { display: block; font-size: 0.75rem; line-height: 1.6; letter-spacing: 0.08em; color: var(--c_text03); text-align: left; margin-top: 3.125rem; } @media screen and (max-width: 767px) { .footer__copyright { font-size: 0.625rem; text-align: center; } } .topics { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/news_topics_bg-pc.webp); background-size: cover; background-position: 0% 0%; background-repeat: no-repeat; } @media screen and (max-width: 767px) { .topics { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/news_topics_bg-sp.webp); } } .topics .container { max-width: 85rem; padding-top: 10rem; padding-bottom: 10rem; } @media screen and (max-width: 767px) { .topics .container { padding-left: 2.0625rem; padding-right: 2.0625rem; padding-top: 5.25rem; padding-bottom: 6.25rem; } } .topics__heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 1228px) { .topics__heading { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; row-gap: 1.5rem; } } @media screen and (max-width: 767px) { .topics__heading { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-left: 0.9375rem; padding-right: 0.9375rem; row-gap: 2.875rem; } } .topics__current-category { font-size: 1.5rem; font-weight: 300; line-height: 1.6; letter-spacing: 0.08em; } @media screen and (max-width: 1440px) { .topics__current-category { font-size: 1.375rem; } } @media screen and (max-width: 767px) { .topics__current-category { font-size: 1.25rem; } } .topics__title-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 2.5rem; -moz-column-gap: 2.5rem; column-gap: 2.5rem; } @media screen and (max-width: 1148px) { .topics__title-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; row-gap: 2rem; } } @media screen and (max-width: 767px) { .topics__title-box { row-gap: 3rem; } } .topics .category-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; line-height: 1.6; } @media screen and (max-width: 920px) { .topics .category-list { -webkit-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; } } @media screen and (max-width: 767px) { .topics .category-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; row-gap: 1.75rem; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; } } .topics .category-list__link { letter-spacing: 0.08em; } @media screen and (max-width: 1440px) { .topics .category-list__link { font-size: 0.875rem; } } @media screen and (max-width: 920px) { .topics .category-list__link { font-size: 0.8125rem; } } @media screen and (max-width: 767px) { .topics .category-list__link { font-size: 0.875rem; } } .topics .category-list__link.current { border-bottom: 0.0625rem solid var(--c_text03); } .topics .button { width: 17.5rem; } @media screen and (max-width: 1440px) { .topics .button { width: 14.5rem; font-size: 0.875rem; -webkit-column-gap: 2.875rem; -moz-column-gap: 2.875rem; column-gap: 2.875rem; } } @media screen and (max-width: 920px) { .topics .button { width: 12.5rem; font-size: 0.8125rem; -webkit-column-gap: 1.75rem; -moz-column-gap: 1.75rem; column-gap: 1.75rem; } } @media screen and (max-width: 767px) { .topics .button { font-size: 0.9375rem; width: 17.5rem; -webkit-column-gap: 4.5rem; -moz-column-gap: 4.5rem; column-gap: 4.5rem; margin-top: 1.3125rem; } } .topics .topics-list { margin-top: 5.5rem; } @media screen and (max-width: 767px) { .topics .topics-list { margin-top: 3.5rem; } } .school-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; row-gap: 2rem; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 2rem; margin-top: 4.125rem; } @media screen and (max-width: 767px) { .school-select { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 1.5rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0 1rem; margin-top: 2rem; } } .school-select__item { width: calc((100% - 6rem) / 4); } @media screen and (max-width: 1228px) { .school-select__item { width: calc((100% - 4rem) / 3); } } @media screen and (max-width: 1148px) { .school-select__item { width: calc((100% - 2rem) / 2); } } @media screen and (max-width: 767px) { .school-select__item { width: 100%; } } .school-select__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 2.25rem; } @media screen and (max-width: 767px) { .school-select__link { width: 18.5rem; } } @media screen and (max-width: 390px) { .school-select__link { width: 100%; } } .school-select__text { line-height: 1.6; letter-spacing: 0.08em; } .topics .js-show-down { overflow: hidden; height: 0; -webkit-transition: height 0.6s ease; transition: height 0.6s ease; } .topics .pagenation__list { margin-top: 10.3125rem; } @media screen and (max-width: 767px) { .topics .pagenation__list { margin-top: 4.5rem; } } .media { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/news_media_bg-pc.webp); background-size: cover; background-position: 0% 0%; background-repeat: no-repeat; } @media screen and (max-width: 767px) { .media { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/news_media_bg-sp.webp); } } .media .container { max-width: 85rem; padding-top: 8rem; padding-bottom: 8rem; } @media screen and (max-width: 767px) { .media .container { padding-top: 5.5rem; padding-bottom: 5.5rem; } } .media__inner { background-color: var(--c_bg03); border-radius: 3.75rem; padding: 4rem; -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.12); box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.12); } @media screen and (max-width: 767px) { .media__inner { border-radius: 1.5rem; padding: 4rem 1.4375rem; } } .media .topics-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-top: 4rem; } @media screen and (max-width: 767px) { .media .topics-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 2rem; row-gap: 1.25rem; max-width: 25rem; margin: 2rem auto 0; } } .media__item { width: calc((100% - 6rem) / 4); } @media screen and (max-width: 1228px) { .media__item { width: calc((100% - 4rem) / 3); } } @media screen and (max-width: 767px) { .media__item { width: 100%; } } .media__link { display: block; } .media__link-inner { aspect-ratio: 284/340; position: relative; } @media screen and (max-width: 767px) { .media__link-inner { aspect-ratio: auto; display: -webkit-box; display: -ms-flexbox; display: flex; } } .media__img-outer { aspect-ratio: 284/340; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } @media screen and (max-width: 767px) { .media__img-outer { aspect-ratio: 91/141; position: relative; width: 32.0422535211%; } } .media__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .media__desc { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 41.4705882353%; background-color: var(--c_bg01-t); -webkit-backdrop-filter: blur(0.125rem); backdrop-filter: blur(0.125rem); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0.625rem 1.125rem; line-height: 1.6; } @media screen and (max-width: 767px) { .media__desc { position: relative; width: 67.9577464789%; height: auto; padding: 0.625rem 1rem; } } .media__type, .media__title { letter-spacing: 0.08em; } .media__type { font-size: 0.875rem; color: var(--c_text03); } @media screen and (max-width: 1148px) { .media__type { font-size: 0.75rem; } } .media__title { font-weight: 300; font-size: 1rem; margin-top: 0.3125rem; } @media screen and (max-width: 1148px) { .media__title { font-size: 0.875rem; } } .media__arrow { -ms-flex-item-align: end; align-self: flex-end; margin-right: 0.5rem; margin-top: 1.4375rem; } @media screen and (max-width: 1148px) { .media__arrow { margin-top: 0.25rem; } } @media screen and (max-width: 767px) { .media__arrow { margin-top: 0.625rem; } } .media .pagenation__list { margin-top: 4rem; } @media screen and (max-width: 767px) { .media .pagenation__list { margin-top: 2.4375rem; } } .single-topics .main { margin-top: 92px; } .article .container { max-width: 880px; padding-top: 88px; padding-bottom: 160px; } .article__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 16px; -moz-column-gap: 16px; column-gap: 16px; line-height: 1.6; font-size: 14px; } .article__info--header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .article__date { letter-spacing: 0.06em; padding-right: 24px; border-right: 1px solid var(--c_text03); } .article__category { letter-spacing: 0.06em; background-color: var(--c_accent01); color: var(--c_bg01); border-radius: 2px; padding: 0.125rem 1.5rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .article__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid var(--c_accent02); line-height: 1.6; height: 52px; margin-top: 100px; } .article__bottom-text { -webkit-text-decoration: underline 1px solid var(--c_text01); text-decoration: underline 1px solid var(--c_text01); padding: 16px 16px 0; } .article .preview-button, .article .next-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; padding: 16px 16px 0; } .related-topics { background-color: var(--c_bg03); } .related-topics .container { max-width: 1360px; padding-top: 88px; padding-bottom: 120px; } .related-topics .topics-list { margin-top: 48px; } .related-topics .topics-list__item { width: 100%; min-width: 19.375rem; } .related-topics .slick-list { margin: 0 -20px; } .related-topics .slick-slide { margin: 0 20px; } .related-topics__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 2rem; } .related-topics .section-title { margin: 0 auto; padding-left: 121px; } @media screen and (max-width: 767px) { .related-topics .section-title { padding: 0; } } @media screen and (max-width: 767px) { .related-topics .section-title__jp { font-size: 1.75rem !important; } } .related-topics .left-and-right-arrow { -ms-flex-item-align: end; align-self: flex-end; } .single-wrapper { padding: 10rem 0 0 0; } .single-wrapper__activities { width: 100%; margin-top: 5.75rem; background-color: var(--c_bg02); padding: 0; } @media screen and (max-width: 1148px) { .single-wrapper__activities { margin-top: 4.1rem; } } .single-wrapper__activities--bgimage { position: relative; z-index: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(var(--c_bg03)), color-stop(10%, var(--c_bg03)), to(var(--c_bg04))); background: linear-gradient(to bottom, var(--c_bg03) 0%, var(--c_bg03) 10%, var(--c_bg04) 100%); } .single-wrapper__activities--bgimage > .breadcrumbs, .single-wrapper__activities--bgimage .about-content { background-color: unset; } .single-wrapper__activities--bgimage > .breadcrumbs > .about-content__inner, .single-wrapper__activities--bgimage .about-content > .about-content__inner { background-image: none; padding: 7.125rem 0 3.75rem 0; } .single-wrapper__school { background: -webkit-gradient(linear, left top, left bottom, from(var(--c_bg02)), to(var(--c_bg01))); background: linear-gradient(to bottom, var(--c_bg02), var(--c_bg01)); padding: 0; } .single-wrapper__school--content { background: -webkit-gradient(linear, left top, left bottom, from(var(--c_bg02)), color-stop(20%, var(--c_bg01)), to(var(--c_bg01))); background: linear-gradient(to bottom, var(--c_bg02) 0%, var(--c_bg01) 20%, var(--c_bg01) 100%); } .single-wrapper__school--content > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .single-wrapper__school > .column-section { border-radius: 3.75rem 3.75rem 0 0; } @media screen and (max-width: 767px) { .single-wrapper__school > .column-section { border-radius: 0; } } .single-wrapper__school > .column-section > .column-section-inner { border-radius: 3.75rem; } @media screen and (max-width: 767px) { .single-wrapper__school > .column-section > .column-section-inner { border-radius: 1.5rem; } } @media screen and (max-width: 767px) { .single-wrapper > .column-section { padding: 6.25rem 1.5rem; } } .column-section { width: 100%; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg_04-pc.webp); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 8rem 0.625rem; border-radius: 3.75rem; } @media screen and (max-width: 767px) { .column-section { padding: 6.25rem 1.5rem; background-image: unset; background-position: top; border-radius: 0; } } .column-section-inner { margin: 0 auto; width: 100%; max-width: 85rem; border-radius: 3.75rem; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.12); box-shadow: 0 0 8px rgba(0, 0, 0, 0.12); background-color: var(--c_bg03); padding: 4rem 1.5rem 5.5rem; gap: 2.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 767px) { .column-section-inner { margin: 0 auto; border-radius: 1.5rem; padding: 4rem 1.4375rem; position: relative; z-index: 1; } } .column-section-inner__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.5rem; } .column-section-inner__head > p { text-align: center; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; line-height: 1.9; letter-spacing: 0.06em; } @media screen and (max-width: 767px) { .column-section-inner__head > p { font-size: 0.875rem; text-align: left; } } .column-section-inner__head--inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } .column-cards { padding: 0 0.625rem; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 77rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.5rem; } @media screen and (max-width: 767px) { .column-cards { padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-top: 0.0625rem solid var(--c_accent02); gap: 0; } } .column-card { width: 100%; max-width: 17.5rem; } @media screen and (max-width: 767px) { .column-card { height: auto; border-bottom: 0.0625rem solid var(--c_accent02); max-width: none; } } .column-card > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.5rem; } @media screen and (max-width: 767px) { .column-card > a { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1.5rem 0; gap: 1rem; } } .column-card > a > .column-card__thumb { height: 100%; } @media screen and (max-width: 767px) { .column-card > a > .column-card__thumb { aspect-ratio: 1/1; max-width: 5rem; height: 100%; width: 100%; } } .column-card > a > .column-card__thumb > img { width: 100%; height: 100%; } .column-card__title { font-size: 0.9375rem; line-height: 1.8; letter-spacing: 0.08em; text-decoration: underline; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; max-height: 3.6em; } @media screen and (max-width: 767px) { .column-card__title { -webkit-line-clamp: 3; max-height: 5.4em; } } @media screen and (max-width: 767px) { .column-card__title { font-size: 0.875rem; } } .column-card__date-category { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 767px) { .column-card__date-category { font-size: 0.75rem; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5rem; } } .column-card__date { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.06em; } @media screen and (max-width: 767px) { .column-card__date { font-size: 0.75rem; } } .column-card__category { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.125rem 1.5rem; background-color: var(--c_accent01); color: var(--c_bg01); font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.06em; } @media screen and (max-width: 767px) { .column-card__category { font-size: 0.75rem; white-space: nowrap; } } .column-card__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.25rem; } .column-card__content--bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; } .column-card__school { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 0.125rem 1.5rem; background-color: var(--c_bg01); border: 0.0625rem solid var(--c_accent01); border-radius: 2px; color: var(--c_accent01); } @media screen and (max-width: 767px) { .column-card__school { font-size: 0.75rem; padding: 0.125rem 0.5rem; } } .column-cards__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3rem; } .column-section__external-link { width: 100%; max-width: 77rem; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (max-width: 767px) { .column-section__external-link { padding-right: 0; margin-left: unset; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .column-section__external-link a { -webkit-transition: all 0.3s; transition: all 0.3s; } .column-section__external-link a:hover { -webkit-transition: all 0.3s; transition: all 0.3s; color: var(--c_accent01); } .school-detail__top { gap: 0; height: 43.5vw; } @media screen and (max-width: 1148px) { .school-detail__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; } } .school-detail__top > .vauAEKqCd-group { position: relative; width: 43.625vw; height: 100%; } @media screen and (max-width: 1148px) { .school-detail__top > .vauAEKqCd-group { width: 100%; } } .school-detail__top > .vauAEKqCd-group:not(.school-detail__title--wrapper) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media screen and (max-width: 767px) { .school-detail__top > .vauAEKqCd-group:not(.school-detail__title--wrapper) { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } } .school-detail__top > .vauAEKqCd-group > .vauAEKqCd-group { position: absolute; bottom: 3.75rem; } @media screen and (max-width: 767px) { .school-detail__top > .vauAEKqCd-group > .vauAEKqCd-group { bottom: 2rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } } .school-detail__top > .vauAEKqCd-group > figure { width: 100%; height: 100%; overflow: hidden; } .school-detail__top > .vauAEKqCd-group > figure img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .school-detail__first-contents { padding-top: 11.5rem; padding-bottom: 8.75rem; } @media screen and (max-width: 767px) { .school-detail__first-contents { padding-top: 5.5rem; padding-bottom: 5.5rem; } } .school-detail__name--en { font-size: 4.4vw; line-height: 1.4; letter-spacing: 0.26em; color: var(--c_bg01); white-space: nowrap; } @media screen and (max-width: 767px) { .school-detail__name--en { font-size: 7.4vw; } } .school-detail__name--ja { font-size: 1.5vw; line-height: 1.6; letter-spacing: 0.08em; color: var(--c_bg01); padding-left: 7.5vw; position: relative; white-space: nowrap; } @media screen and (max-width: 767px) { .school-detail__name--ja { font-size: 3.73vw; padding-left: 32vw; } } .school-detail__name--ja::before { content: ""; width: 6.75vw; height: 0.0625rem; background-color: var(--c_bg01); position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 767px) { .school-detail__name--ja::before { width: 28.8vw; } } .school-detail__title { width: 100%; } .school-detail__title > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.625rem; } .school-detail__title > .vauAEKqCd-group__inner-container > h2 { margin-bottom: 0 !important; } @media screen and (max-width: 1148px) { .school-detail__title > .vauAEKqCd-group__inner-container > h2 { font-size: 1.75vw; } } @media screen and (max-width: 767px) { .school-detail__title > .vauAEKqCd-group__inner-container > h2 { font-size: 1.375rem; } } @media screen and (max-width: 767px) { .school-detail__title > .vauAEKqCd-group__inner-container .title-h2__post { margin-bottom: 0; } } @media screen and (max-width: 767px) { .school-detail__title > .vauAEKqCd-group__inner-container > p { font-size: 0.875rem; } } .school-detail__title--wrapper { width: 100%; height: 100%; max-width: 43.625rem; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg_15-pc.webp); background-size: cover; background-position: center; background-repeat: no-repeat; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 1.5rem; } @media screen and (max-width: 1148px) { .school-detail__title--wrapper { max-width: none; height: auto; padding: 2.5rem 0 4rem 0; } } .school-detail__title--inner { margin: 0 auto; width: 100%; max-width: 32.3125rem; gap: 2.5rem; } @media screen and (max-width: 1148px) { .school-detail__title--inner { max-width: unset; padding: 0 1.5rem; } } .school-detail__title--inner > p { letter-spacing: 0.06em; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; } @media screen and (max-width: 1148px) { .school-detail__title--inner > p { font-size: 1.5vw; } } @media screen and (max-width: 767px) { .school-detail__title--inner > p { font-size: 0.875rem; } } .school-detail__align-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .school-features__inner > .vauAEKqCd-group > p { margin: 0 auto; width: 100%; max-width: 51.375rem; } .program { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg_11-pc.webp); background-size: cover; background-position: center; background-repeat: no-repeat; padding-bottom: 8rem !important; } .tradition { padding: 8rem 0.625rem; background-color: var(--c_bg01); } @media screen and (max-width: 767px) { .tradition { padding: 8rem 0.625rem 6.5rem 0.625rem; } } .tradition__inner { width: 100%; max-width: 85rem; margin: 0 auto; gap: 2.5rem; } @media screen and (max-width: 1148px) { .tradition__inner { padding-left: 1.5rem; padding-right: 1.5rem; } } .tradition__inner > .vauAEKqCd-group { gap: 3rem; width: 100%; } @media screen and (max-width: 767px) { .tradition__inner > .vauAEKqCd-group { gap: 3.5rem; } } .tradition__inner > .vauAEKqCd-group > p { width: 100%; text-align: center; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .tradition__inner > .vauAEKqCd-group > p { font-size: 0.875rem; text-align: left; } } .tradition__inner > .vauAEKqCd-group > .vauAEKqCd-group { width: 100%; } .tradition__inner > .vauAEKqCd-group > .vauAEKqCd-group > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } .tradition__contents { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 767px) { .tradition__contents { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .tradition__contents > .vauAEKqCd-group { max-width: 41.25rem; } .guidance__header { width: 100%; gap: 3rem; } @media screen and (max-width: 767px) { .guidance__header { padding-left: 1.5rem; padding-right: 1.5rem; } } .guidance__header > p { width: 100%; text-align: center; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 1148px) { .guidance__header > p { margin: 0 auto; font-size: 0.875rem; text-align: left; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } } @media screen and (max-width: 767px) { .guidance__header > p { width: 100%; } } .guidance__inner { width: 100%; margin: 0 auto; gap: 4rem; padding: 6rem 0 8.75rem 0; } @media screen and (max-width: 1148px) { .guidance__inner { padding-left: 1.5rem; padding-right: 1.5rem; } } @media screen and (max-width: 767px) { .guidance__inner { padding-left: 0; padding-right: 0; } } .guidance__title { width: 100%; } .guidance__title > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } .guidance__contents { width: 100%; background-color: var(--c_text01); padding: 4rem 0; gap: 3rem !important; border-radius: 3.75rem; } @media screen and (max-width: 767px) { .guidance__contents { border-radius: 1.5rem; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } } .guidance__contents > .title-h3__post { width: 100%; text-align: center; font-size: 1.75rem; line-height: 1.6; letter-spacing: 0.08em; color: var(--c_bg01); } @media screen and (max-width: 767px) { .guidance__contents > .title-h3__post { font-size: 1.375rem !important; } } .guidance__contents--df { width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 3.5rem; padding: 0 1.5rem; } @media screen and (max-width: 1148px) { .guidance__contents--df { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } } .guidance__contents--df > .activity-card-contents { max-width: 26rem; } @media screen and (max-width: 1148px) { .guidance__contents--df > .activity-card-contents { max-width: unset; } } @media screen and (max-width: 767px) { .guidance__contents--df > .activity-card-contents img { aspect-ratio: 310/213; } } .guidance__contents--df > .activity-card-contents > .activity-card-discription > p { color: var(--c_bg01); } .guidance__table--inner { margin: 0 auto !important; gap: 3.5rem; padding: 4rem 0.625rem; } .guidance__table--detail { gap: 2rem !important; margin: 0 auto !important; margin-top: 3rem !important; } @media screen and (max-width: 767px) { .guidance__table--detail { padding-left: 1.5rem; padding-right: 1.5rem; } } @media screen and (max-width: 767px) { .guidance__table--detail > figure > table > tbody { border-top: 0.0625rem solid var(--c_accent02); } } @media screen and (max-width: 767px) { .guidance__table--detail > figure > table > tbody > tr { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; } } @media screen and (max-width: 767px) { .guidance__table--detail > figure > table > tbody > tr > td { width: 100%; padding: 0; font-size: 0.875rem; } } @media screen and (max-width: 767px) { .guidance__table--detail > figure > table > tbody > tr > td:first-child { font-size: 0.875rem !important; border-top: none; border-bottom: none; padding-top: 1rem; padding-left: 1rem; padding-bottom: 0.5rem; } } @media screen and (max-width: 767px) { .guidance__table--detail > figure > table > tbody > tr > td:last-child { border-top: none; padding-bottom: 1rem; padding-top: 0.5rem; padding-left: 1rem; } } .guidance__table--detail > h3.vauAEKqCd-heading { width: 100%; text-align: center; } @media screen and (max-width: 767px) { .guidance__table--detail > h3.vauAEKqCd-heading { font-size: 1.375rem !important; } } .guidance__table--live { gap: 2rem !important; margin: 0 auto !important; margin-top: 3rem !important; } @media screen and (max-width: 767px) { .guidance__table--live { padding-left: 1.5rem; padding-right: 1.5rem; } } @media screen and (max-width: 767px) { .guidance__table--live > figure > table > tbody { border-top: 0.0625rem solid var(--c_accent02); } } @media screen and (max-width: 767px) { .guidance__table--live > figure > table > tbody > tr { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; } } @media screen and (max-width: 767px) { .guidance__table--live > figure > table > tbody > tr > td { width: 100% !important; padding: 0; font-size: 0.875rem; } } @media screen and (max-width: 767px) { .guidance__table--live > figure > table > tbody > tr > td:first-child { font-size: 1rem !important; border-top: none; border-bottom: none; padding-top: 1.5rem !important; padding-left: 1rem; padding-bottom: 0.5rem !important; } } @media screen and (max-width: 767px) { .guidance__table--live > figure > table > tbody > tr > td:last-child { border-top: none; padding-bottom: 1.5rem !important; padding-top: 0.5rem !important; padding-left: 1rem; } } .guidance__table--live > h3.vauAEKqCd-heading { width: 100%; text-align: center; } @media screen and (max-width: 767px) { .guidance__table--live > h3.vauAEKqCd-heading { font-size: 1.375rem !important; } } .enrollment-btn-wrapper { padding-top: 1.5rem; width: 100%; } @media screen and (max-width: 767px) { .enrollment-btn-wrapper { padding-top: 0; } } .access { padding: 5.5rem 1.5rem 7.5rem 1.5rem; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg_16-pc.webp); background-position: top; background-repeat: no-repeat; background-size: cover; } @media screen and (max-width: 1148px) { .access { padding: 5.5rem 1.5rem 6.25rem 1.5rem; } } .access__inner { width: 100%; max-width: 85rem; margin: 0 auto; gap: 3.5rem; } .access__inner > p { width: 100%; max-width: 85rem; } .access__inner > iframe { width: 100%; height: 39.8125rem; } @media screen and (max-width: 767px) { .access__inner > iframe { max-height: 22.625rem; } } .access__map { width: 100%; height: 39.8125rem; } @media screen and (max-width: 767px) { .access__map { max-height: 22.625rem; } } .access__header { width: 100%; gap: 3rem; } .access__header > .school-detail-table { margin: 0 auto; } @media screen and (max-width: 767px) { .access__header > figure > table > tbody { border-top: 0.0625rem solid var(--c_accent02); } } @media screen and (max-width: 767px) { .access__header > figure > table > tbody > tr { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; } } @media screen and (max-width: 767px) { .access__header > figure > table > tbody > tr > td { width: 100%; padding: 0; font-size: 0.875rem; } } @media screen and (max-width: 767px) { .access__header > figure > table > tbody > tr > td:first-child { border-top: none; border-bottom: none; padding-top: 1rem; padding-left: 1rem; padding-bottom: 0.5rem; } } @media screen and (max-width: 767px) { .access__header > figure > table > tbody > tr > td:last-child { border-top: none; padding-bottom: 1rem; padding-top: 0.5rem; padding-left: 1rem; } } .access__title { width: 100%; } .access__title > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } .detail-contact { padding: 5.5rem 0.625rem 7.5rem 0.625rem; background: -webkit-gradient(linear, left bottom, left top, from(var(--c_bg01)), to(var(--c_bg02))); background: linear-gradient(to top, var(--c_bg01), var(--c_bg02)); } .detail-contact > .vauAEKqCd-group { width: 100%; } .detail-contact > .vauAEKqCd-group > p { width: 100%; text-align: center; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .detail-contact > .vauAEKqCd-group > p { font-size: 0.875rem; text-align: left; } } .detail-contact__inner { width: 100%; max-width: 85rem; margin: 0 auto; gap: 2.5rem; } @media screen and (max-width: 767px) { .detail-contact__inner { max-width: 20.4375rem; } } .detail-contact__inner > .vauAEKqCd-group { width: 100%; gap: 3rem; } .detail-contact__inner > .vauAEKqCd-group > p { letter-spacing: 0.06em; line-height: 1.9; width: 100%; text-align: center; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .detail-contact__inner > .vauAEKqCd-group > p { font-size: 0.875rem; text-align: left; } } .detail-contact__title { width: 100%; } .detail-contact__title > .vauAEKqCd-group__inner-container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } @media screen and (max-width: 767px) { .detail-contact__title > .vauAEKqCd-group__inner-container { gap: 0.625rem; } } .detail-contact__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 1.5rem 4.5rem 2rem 4.5rem; background-color: var(--c_bg01); -webkit-box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.12); box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.12); border-radius: 0.375rem; gap: 0.75rem; -webkit-transition: all 0.3s; transition: all 0.3s; } .detail-contact__button:focus { opacity: 0.8; -webkit-box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); } @media (any-hover: hover) { .detail-contact__button:hover { opacity: 0.8; -webkit-box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); } } @media screen and (max-width: 767px) { .detail-contact__button { font-size: 0.875rem; } } @media screen and (max-width: 767px) { .detail-contact__button { width: 20.4375rem; padding: 1.5rem 1.5rem 2rem 1.5rem; } } .detail-contact__button--wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 4.5rem !important; } @media screen and (max-width: 767px) { .detail-contact__button--wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3rem !important; } } .detail-contact__button--tel { width: 1.5rem; height: 1.5rem; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/icon-tel-pc.webp); background-position: center; background-repeat: no-repeat; background-size: cover; } .detail-contact__button--mail { width: 1.5rem; height: 1.5rem; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/icon-mail-pc.webp); background-position: center; background-repeat: no-repeat; background-size: cover; } .detail-contact__button--number { font-size: 2rem; line-height: 1.6; letter-spacing: 0.08em; } @media screen and (max-width: 767px) { .detail-contact__button--number { font-size: 1.75rem; font-family: "fot-tsukuaoldmin-pr6n", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif; font-weight: 300; } } .detail-contact__button--form { font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .detail-contact__button--form { font-size: 0.9375rem; } } .detail-contact__label { text-align: center; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .detail-contact__label { font-size: 0.875rem; } } .detail-contact__number { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .detail-contact__number--tel { width: 17.4375rem; height: 3.25rem; gap: 0.5rem; } .detail-contact__number--mail { width: 17.4375rem; height: 3.25rem; border: 0.0625rem solid var(--c_text02); border-radius: 2.5rem; gap: 0.5rem; } .detail-contact__cta { margin: 0 auto !important; width: 100%; max-width: 56.9625rem; } .school-detail__anchor { padding-top: 6.5rem !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .single-wrapper__school > .single-wrapper__activities--bgimage > .about-content > .about-content__inner > .bg_feature { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg_feature-pc.webp) !important; background-position: center; background-repeat: no-repeat; background-size: cover; } .program.bg-feature { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg_feature-pc.webp) !important; background-position: center; background-repeat: no-repeat; background-size: cover; max-width: none; padding-left: 7.5rem; padding-right: 7.5rem; } @media screen and (max-width: 1148px) { .program.bg-feature { padding: 5.5rem 0; } } .block-features__head > p { width: 100%; text-align: center; } .bg-grow { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg_grow-pc.webp) !important; background-position: center; background-repeat: no-repeat; background-size: cover; max-width: none; padding-left: 2rem; padding-right: 2rem; padding-bottom: 0 !important; } @media screen and (max-width: 1228px) { .bg-grow { padding-left: 7rem; padding-right: 7rem; } } @media screen and (max-width: 920px) { .bg-grow { padding-left: 1.5rem; padding-right: 1.5rem; } } .padding-bottom-4rem { padding-bottom: 4rem !important; } .single-topics { position: relative; } .single-topics__container { padding-bottom: 0 !important; } .single-topics__header { padding: 1.5rem 0 2rem 0; border-bottom: 0.0625rem solid var(--c_accent02); } .single-topics__header--title { text-align: center; } .single-topics__thum { width: 100%; } .single-topics__content--first { gap: 3.5rem; padding-bottom: 8.75rem; } .single-topics__content--first > p { line-height: 1.9; letter-spacing: 0.06em; } .single-topics__content--first > .vauAEKqCd-group > p { line-height: 1.9; letter-spacing: 0.06em; } .single-topics__content--second { gap: 4.5rem; padding-bottom: 5.5rem; } .single-topics__content--second > p { line-height: 1.9; letter-spacing: 0.06em; } .single-topics__content--second > h3 { padding-top: 3.5rem; text-align: left; } .single-topics__content--third { gap: 4.5rem; padding-bottom: 5.5rem; } .single-topics__content--third > p { line-height: 1.9; letter-spacing: 0.06em; } .single-topics__content--third > h3 { padding-top: 3.5rem; text-align: left; } .single-topics__image--text { gap: 4.5rem; } .single-topics .topics-list { margin: 0; padding: 0; list-style: none; } @media screen and (max-width: 767px) { .single-topics .topics-list__link { min-height: 12.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .single-topics .topics-list__img { width: 100%; height: auto; display: block; } @media screen and (max-width: 767px) { .single-topics .topics-list__img { aspect-ratio: 1/1; } } .single-topics .left-and-right-arrow { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.5rem; } .single-topics .left-and-right-arrow__border { width: 0.0625rem; height: 1.5rem; background-color: var(--c_accent02); position: relative; bottom: -0.2rem; } .single-topics .js-column-slider { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 2.5rem; overflow-x: scroll; scroll-behavior: auto; scrollbar-width: none; -ms-overflow-style: none; } @media screen and (max-width: 767px) { .single-topics .js-column-slider { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow-y: scroll; overflow-x: hidden; position: relative; height: 50rem; gap: 0; } } .single-topics .js-column-slider::-webkit-scrollbar { display: none; } .single-topics .slider-container { overflow-x: scroll; width: 100%; scrollbar-width: none; -ms-overflow-style: none; } .article { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg_article-pc.webp); background-position: center; background-repeat: no-repeat; background-size: cover; } .article__box--content { padding: 4rem 0 0 0; } .article__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.5rem; padding-bottom: 2rem; border-bottom: 0.0625rem solid var(--c_accent02); } .article__info--title { font-family: "fot-tsukuaoldmin-pr6n", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif; font-weight: 300; font-style: normal; font-size: 1.75rem; line-height: 1.6; letter-spacing: 0.08em; text-align: center; } @media screen and (max-width: 767px) { .article__info--title { text-align: left; font-size: 1.25rem; } } .article__content { padding: 4rem 0 7.5rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3.5rem; } .article__content p { font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } .article__bottom { padding-bottom: 10rem; position: relative; margin-top: 0; } .article__bottom-text { position: absolute; top: 1rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .preview-button { position: absolute; top: 1rem; left: 0; } .next-button { position: absolute; top: 1rem; right: 0; } @media screen and (max-width: 767px) { .slider-arrow-pc { display: none !important; } } .slider-arrow-sp { display: none !important; } @media screen and (max-width: 767px) { .slider-arrow-sp { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 2rem; } } @media screen and (max-width: 767px) { body .article__content h2 { font-size: 1.125rem !important; text-align: left; } } .writer-image { width: 100%; max-width: 9.5rem; -o-object-fit: cover; object-fit: cover; aspect-ratio: 1/1; overflow: hidden; border-radius: 50%; } .writer-image > img { width: 100%; height: 100%; aspect-ratio: 1/1; -o-object-position: center; object-position: center; } .image-detail__flex--row { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .image-detail__flex--row > .image-detail { width: 100%; max-width: 26rem; height: auto; -o-object-fit: contain; object-fit: contain; } .message__image--director { position: relative; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/message__image--director-pc.webp); background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 39.29875rem; overflow: hidden; background-attachment: fixed; } .message__image--director::after { content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); z-index: 1; } @media screen and (max-width: 1148px) { .message__image--director { height: 19.0625rem; } } @media screen and (max-width: 767px) { .message__image--director { background-attachment: unset; height: 150%; position: relative; top: -50%; } } @media screen and (max-width: 767px) { .message__image--director-wrapper { overflow: hidden; background-attachment: unset; height: 19.0625rem; } } .three-column-images { gap: 0; font-size: 0;  } @media screen and (max-width: 767px) { .three-column-images > figure { display: none !important; } .three-column-images > figure:nth-child(2) { display: block !important; } } .three-column-images figure { margin: 0; padding: 0; display: block; width: 100% !important; } .three-column-images img { display: block; width: 100%;  height: auto; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 767px) { .three-column-images img { aspect-ratio: 1/1; } } h1.vauAEKqCd-heading { font-size: 2rem !important; line-height: 1.6; letter-spacing: 0.08em; color: var(--c_text01); font-weight: normal; margin-bottom: 0.75rem; } @media screen and (max-width: 767px) { h1.vauAEKqCd-heading { font-size: 1.375rem !important; } } h2.vauAEKqCd-heading { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0.08em; color: var(--c_text01); font-weight: normal; } @media screen and (max-width: 767px) { h2.vauAEKqCd-heading { font-size: 1.375rem !important; } } h3.vauAEKqCd-heading { font-size: 1.25rem; line-height: 1.6; letter-spacing: 0.08em; color: var(--c_text01); font-weight: normal; } @media screen and (max-width: 767px) { h3.vauAEKqCd-heading { font-size: 1.175rem !important; } } .title-message { margin: 0 auto; gap: 2.8rem; width: 100%; max-width: 65rem; } @media screen and (max-width: 767px) { .title-message { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 8.75rem 0.625rem 0 0.625rem !important; } } .title-message__main { gap: 0.75rem; width: 100%; max-width: 30.625rem; } .title-message__main > .title-message__small { color: var(--c_text02); line-height: 1.6; letter-spacing: 0.08em; } @media screen and (max-width: 767px) { .title-message__main > .title-message__small { padding-left: 0.125rem; } } .title-message__main > h2 { font-size: 1.75rem; line-height: 2.2; letter-spacing: 0.08em; font-family: "fot-tsukuaoldmin-pr6n", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif; font-weight: 300; font-style: normal; } @media screen and (max-width: 767px) { .title-message__main > h2 { font-size: 1.375rem; padding: 1.3125rem 0; } } .title-message > p { width: 100%; max-width: 32rem; line-height: 1.9; letter-spacing: 0.06em; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } .title-h2__post { font-size: 1.75rem !important; line-height: 1.6; letter-spacing: 0.08em; font-weight: 500; text-align: center; font-family: "fot-tsukuaoldmin-pr6n", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif; font-weight: 300; font-style: normal; } @media screen and (max-width: 767px) { .title-h2__post { font-size: 1.375rem !important; } } .title-h2__post--parent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } .title-h2__post--parent > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } @media screen and (max-width: 767px) { .title-h2__post--parent { gap: 0.625rem; } } .title-h2__post--under { color: var(--c_text02); font-size: 1rem; line-height: 1.6; letter-spacing: 0.08em; text-align: center; font-family: "fot-tsukuaoldmin-pr6n", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif; font-weight: 300; font-style: normal; } @media screen and (max-width: 767px) { .title-h2__post--under { font-size: 0.875rem; } } .title-h2__post--block > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } .title-h3__post { font-size: 1.75rem !important; line-height: 1.6; letter-spacing: 0.08em; font-weight: 500; text-align: center; font-family: "fot-tsukuaoldmin-pr6n", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif; font-weight: 300; font-style: normal; } @media screen and (max-width: 1148px) { .title-h3__post { font-size: 1.5rem !important; } } .title-h3__post--parent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } .title-h3__post--under { color: var(--c_text02); font-size: 1rem; line-height: 1.6; letter-spacing: 0.08em; text-align: center; font-family: "fot-tsukuaoldmin-pr6n", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif; font-weight: 300; font-style: normal; } @media screen and (max-width: 767px) { .title-h3__post--under { font-size: 0.875rem; } } .title-underline { margin: 0 auto; width: 100%; max-width: 85rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .title-underline p { padding-bottom: 0.75rem; font-size: 1.5rem; } .activities-card--intro__left > p { font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } .activities-card--intro__left > .vauAEKqCd-group > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } .activities-card--intro__left > .vauAEKqCd-group > .vauAEKqCd-group__inner-container > p { text-align: left; } .vauAEKqCd-post-content p { font-size: 1rem; line-height: 2; letter-spacing: 0.06em; color: var(--c_text01); } .about-content__inner > p { margin: 0 auto; width: 100%; max-width: 50rem; padding: 2.5rem 0 7rem 0; font-size: 1rem; line-height: 1.9; letter-spacing: 0.06em; } .about-content__inner > p { line-height: 1.9; letter-spacing: 0.06em; text-align: center; } .text__2row--inner { margin: 0 auto; width: 100%; max-width: 62.5rem; } @media screen and (max-width: 767px) { .text__2row--inner { font-size: 0.875rem; } } .text__2row { padding: 5.5rem 1rem; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; line-height: 1.9; letter-spacing: 0.06em; } @media screen and (max-width: 767px) { .text__2row { padding: 5.5rem 1.5rem; } } .has-text-align-center { text-align: center !important; } @media screen and (max-width: 767px) { .text-left-sp { text-align: left !important; } } .no-posts-message { font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; text-align: center; width: 100%; } @media screen and (max-width: 767px) { .no-posts-message { font-size: 0.875rem; } } .attempt-card { width: 100%; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg_04-pc.webp); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 8rem 0.625rem; } @media screen and (max-width: 767px) { .attempt-card { background-image: unset; background-position: top; padding: 5.5rem 1rem; } } .attempt-card > .vauAEKqCd-group__inner-container { position: relative; z-index: 1; } .attempt-card-inner { margin: 0 auto; width: 100%; max-width: 85rem; border-radius: 3.75rem; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.12); box-shadow: 0 0 8px rgba(0, 0, 0, 0.12); background-color: var(--c_bg03); padding: 3rem 1.5rem; gap: 6rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 1148px) { .attempt-card-inner { border-radius: 1.5rem; padding: 3.5rem 1.95rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.625rem; min-width: 21.4375rem; } } .attempt-card-left { width: 100%; max-width: 36.5rem; gap: 3rem; } @media screen and (max-width: 1148px) { .attempt-card-left { max-width: none; } } .attempt-card-left > .vauAEKqCd-group > .vauAEKqCd-group__inner-container > .title-h2__post, .attempt-card-left > .vauAEKqCd-group > .vauAEKqCd-group__inner-container .title-h2__post--under { text-align: left; } .attempt-card-left > p { line-height: 1.9; letter-spacing: 0.06em; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .attempt-card-left > p { font-size: 0.875rem; } } .attempt-card-right { width: 100%; max-width: 30.375rem; } .writer-card { padding: 2rem 0; border-top: 0.0625rem solid var(--c_text02); border-bottom: 0.0625rem solid var(--c_text02); } .writer-card > .vauAEKqCd-group__inner-container.is-layout-constrained.vauAEKqCd-group-is-layout-constrained { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.25rem; } .writer-card > .vauAEKqCd-group__inner-container.is-layout-constrained.vauAEKqCd-group-is-layout-constrained > .vauAEKqCd-group { gap: 1.25rem; } .writer-card > .vauAEKqCd-group__inner-container.is-layout-constrained.vauAEKqCd-group-is-layout-constrained > p { line-height: 2; } .writer-card .writer-name__large { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0.06em; font-weight: normal; color: var(--c_text01); } .writer-card .writer-name__small { font-size: 1rem; line-height: 1.6; letter-spacing: 0.06em; font-weight: normal; color: var(--c_text01); } .business-list-cards { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; gap: 1.5rem; margin-bottom: 3.5rem; } @media screen and (max-width: 767px) { .business-list-cards { padding-left: 1.5rem; padding-right: 1.5rem; } } .business-list-cards__list { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1.5rem; } .business-list-cards__title { font-size: 1.375rem; line-height: 1.6; letter-spacing: 0.08em; } .business-list-cards__text { text-align: center; width: 100%; max-width: 26.833rem; padding-bottom: 1.375rem; border-bottom: 0.0625rem solid var(--c_accent02); font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .business-list-cards__text { padding-bottom: 1.125rem; font-size: 0.875rem; } } .card-business { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/business-card-bg-pc.webp); width: 100%; max-width: 27.125rem; height: auto; aspect-ratio: 1/1; background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 0.6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: ease 0.3s; transition: ease 0.3s; cursor: pointer; } @media screen and (max-width: 1228px) { .card-business { max-width: 27.125rem; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } @media screen and (max-width: 767px) { .card-business { max-width: 15.625rem; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } .card-business.is-open { opacity: 1; max-width: 38.28875rem; } @media screen and (max-width: 1228px) { .card-business.is-open { max-width: 30rem; position: relative; } } @media screen and (max-width: 767px) { .card-business.is-open { max-width: 23.4375rem; position: relative; } } .card-business > .vauAEKqCd-group__inner-container.is-layout-constrained.vauAEKqCd-group-is-layout-constrained { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.9375rem; } .card-business__outer { width: 100%; } @media screen and (max-width: 1228px) { .card-business__outer { margin: 0 auto; overflow: hidden; position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (max-width: 1228px) { .card-business__outer > .vauAEKqCd-group__inner-container { position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .card-business__block { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } @media screen and (max-width: 1228px) { .card-business__block.no-transition { -webkit-transition: none !important; transition: none !important; } } @media screen and (max-width: 1228px) { .card-business__block { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-transition: -webkit-transform 0.5s ease translateX(0); transition: -webkit-transform 0.5s ease translateX(0); transition: transform 0.5s ease translateX(0); transition: transform 0.5s ease translateX(0), -webkit-transform 0.5s ease translateX(0); width: -webkit-max-content; width: -moz-max-content; width: max-content; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0; will-change: transform; } } .card-business__block > *:not(:first-child) { margin-left: -2rem; } @media screen and (max-width: 1228px) { .card-business__block > *:not(:first-child) { margin-left: 0; } } @media screen and (max-width: 1228px) { .card-business__block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; } } .card-business__header { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 22.4375rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.12rem; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .card-business__number { color: var(--c_accent01); font-size: 2.08rem; line-height: 1.6; letter-spacing: 0.08em; font-family: "fot-tsukuaoldmin-pr6n", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif; font-weight: 300; font-style: normal; } @media screen and (max-width: 1228px) { .card-business__number { font-size: 1.75rem; } } @media screen and (max-width: 1228px) { .card-business__number { font-size: 1.1125rem; } } .card-business__title { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0.08em; } @media screen and (max-width: 1228px) { .card-business__title { font-size: 1.2rem; } } @media screen and (max-width: 767px) { .card-business__title { font-size: 0.875rem; } } .card-business__content { display: none; width: 100%; max-width: clamp(200px, 25.3125vw, 25.3125rem); font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; font-size: clamp(0.875rem, 1vw, 1rem); } .card-business__content.is-open { display: block; } @media screen and (max-width: 1228px) { .card-business__content.is-open { max-width: 17.5rem; font-size: clamp(0.75rem, 1vw, 1rem); } } .card-business__nav { display: none; } @media screen and (max-width: 1228px) { .card-business__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.5rem; height: 4rem; } } .card-business__nav > .activity-slide-line { bottom: 0; } @media screen and (max-width: 1228px) { .card-business__prev, .card-business__next { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; } } .card-business__prev { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .activity-card { margin: 0 auto; width: 100%; max-width: 85rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .activity-card__block { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0 auto; width: 100%; max-width: 85rem; } @media screen and (max-width: 767px) { .activity-card__block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; } } .activity-card-contents { width: 100%; max-width: 19.375rem; gap: 1.5rem; } @media screen and (max-width: 1148px) { .activity-card-contents { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; max-width: none; } } .activity-card-discription { gap: 1rem !important; } @media screen and (max-width: 767px) { .activity-card-discription { margin: 0 auto !important; } } .activity-card-title { width: 100%; text-align: center; font-size: 1.375rem; line-height: 1.6; letter-spacing: 0.08em; } @media screen and (max-width: 767px) { .activity-card-title { font-size: 1.25rem; } } .activity-card-text { font-size: 1rem; line-height: 1.9; letter-spacing: 0.06em; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .activity-card-text { font-size: 0.875rem; } } .program-card { width: 100%; max-width: 26.25rem; height: 38rem; } .program-card > .vauAEKqCd-group__inner-container > .vauAEKqCd-group { gap: 0; } .program-header { width: 100%; height: auto; } .program-bottom { width: 100%; padding: 1.5rem 2rem; background-color: var(--c_bg01); } .program-bottom-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0; position: relative; } .program-bottom-inner::before { content: ""; display: block; width: 2rem; height: 2rem; background-color: var(--c_accent01); position: absolute; right: 0.8rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; } .program-bottom-inner::after { content: ""; display: block; background-image: url("https://www.seikoukai.or.jp/hoqubad/images/link-arrow-white.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; width: 1.04rem; height: 0.4rem; position: absolute; right: 1.25rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .program-number { color: var(--c_text02); font-size: 0.875rem; letter-spacing: 0.08em; } .program-title { font-size: 1.375rem; line-height: 1.6; letter-spacing: 0.08em; } .activities-card--intro { margin: 0 auto; width: 100%; } .activities-card--intro > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 1148px) { .activities-card--intro > .vauAEKqCd-group__inner-container { gap: 5.5rem; } } .activities-card--intro > .vauAEKqCd-group__inner-container > .vauAEKqCd-group > .title-h3__post { text-align: left; } .activities-card--intro-second { margin: 0 auto; width: 100%; padding: 7.5rem 0 5.5rem 0; } @media screen and (max-width: 767px) { .activities-card--intro-second { padding: 5.5rem 0; background: -webkit-gradient(linear, left top, left bottom, from(var(--c_bg02)), to(var(--c_bg01))); background: linear-gradient(to bottom, var(--c_bg02), var(--c_bg01)); } } .activities-card--intro-second > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20.5rem; } @media screen and (max-width: 1148px) { .activities-card--intro-second > .vauAEKqCd-group__inner-container { gap: 5.5rem; } } .activities-card--intro-second > .vauAEKqCd-group__inner-container > .vauAEKqCd-group > .title-h3__post { text-align: left; } .activities-card--intro-third { margin: 0 auto; width: 100%; padding: 5.5rem 0 7.5rem 0; } @media screen and (max-width: 767px) { .activities-card--intro-third { padding: 5.5rem 0; } } .activities-card--intro-third .interests__inner { padding-top: 0; padding-bottom: 0; } .activities-card--intro-third > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20.5rem; } @media screen and (max-width: 1148px) { .activities-card--intro-third > .vauAEKqCd-group__inner-container { gap: 5.5rem; } } .activities-card--intro-third > .vauAEKqCd-group__inner-container > .vauAEKqCd-group > .title-h3__post { text-align: left; } .activities-card--intro__inner { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 7.5rem; margin: 0 auto; width: 100%; max-width: 100rem; gap: 7.5rem; } @media screen and (max-width: 1148px) { .activities-card--intro__inner { padding-left: 0; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 2.5rem; } } .activities-card--intro__inner-first { padding-top: 8rem; padding-bottom: 5.5rem; } .activities-card--intro__inner-second { padding-top: 5.5rem; padding-bottom: 8rem; } .activities-card--intro__inner-special { padding-top: 8.8rem; padding-bottom: 8rem; } .activities-card--intro__left { width: 100%; max-width: 27.5rem; gap: 3rem; } @media screen and (max-width: 1148px) { .activities-card--intro__left { padding: 0 1.5rem; max-width: none; } } .activities-card--intro__left > .vauAEKqCd-group { width: 100%; } .activities-card--intro__left > .vauAEKqCd-group > .vauAEKqCd-group__inner-container > h2 { text-align: left; } @media screen and (max-width: 1148px) { .activities-card--intro__left > .vauAEKqCd-group > .vauAEKqCd-group__inner-container > h2 { width: 100%; text-align: center !important; } } @media screen and (max-width: 1148px) { .activities-card--intro__left > .vauAEKqCd-group > .vauAEKqCd-group__inner-container > p { width: 100%; text-align: center !important; } } .activities-card--intro__left > p { line-height: 1.9; letter-spacing: 0.06em; } @media screen and (max-width: 767px) { .activities-card--intro__left > p { margin: 0 auto; } } .activities-card--intro__right { width: 100%; max-width: 57.5rem; } .practice-card { padding-bottom: 4rem; } @media screen and (max-width: 767px) { .practice-card { padding-bottom: 5.5rem; } } @media screen and (max-width: 1148px) { .practice-card:nth-of-type(odd) .practice-card__inner { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .practice-card:nth-of-type(even) .practice-card__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .practice-card__inner { margin: 0 auto; width: 100%; max-width: 85rem; gap: 3.5rem; } @media screen and (max-width: 1440px) { .practice-card__inner { padding: 0 1.5rem; } } @media screen and (max-width: 767px) { .practice-card__inner { gap: 3rem; padding: 0; } } .practice-card__discription { width: 100%; max-width: 47.5rem; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1.25rem; } @media screen and (max-width: 767px) { .practice-card__discription { gap: 0.625rem; margin: 0 auto; } } .practice-card__discription > .vauAEKqCd-group > p:not(.practice-card-title) { font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; line-height: 1.9; letter-spacing: 0.06em; } @media screen and (max-width: 767px) { .practice-card__discription { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .practice-card-number { font-size: 1.75rem; line-height: 1.6; letter-spacing: 0.08em; color: var(--c_accent01); font-family: "fot-tsukuaoldmin-pr6n", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif; font-weight: 300; font-style: normal; } @media screen and (max-width: 767px) { .practice-card-number { font-size: 1.5rem; } } .practice-card-title { font-size: 1.375rem; line-height: 1.6; letter-spacing: 0.08em; } @media screen and (max-width: 767px) { .practice-card-title { width: 100%; text-align: center; font-size: 1.25rem; } } .practice-card-text { line-height: 1.9; letter-spacing: 0.06em; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .practice-card-text { font-size: 0.875rem; padding-left: 1.5rem; padding-right: 1.5rem; } } .practice-card-text-df > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2rem; } .practice-card-text-df > .vauAEKqCd-group__inner-container > p { font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .practice-card-text-df > .vauAEKqCd-group__inner-container > p { font-size: 0.875rem; padding-left: 1.5rem; padding-right: 1.5rem; } } .practice-card-border { padding-left: 2rem; border-left: 0.0625rem solid var(--c_accent02); gap: 2rem; } @media screen and (max-width: 767px) { .practice-card-border { border: none; padding: 0; } } @media screen and (max-width: 767px) { .practice-card-border > p:not(.practice-card-title) { font-size: 0.875rem; padding-left: 1.5rem; padding-right: 1.5rem; } } .practice-card__image { width: auto; height: 26.235rem; } @media screen and (max-width: 767px) { .practice-card__image { height: auto; width: 100%; } } .practice-card__image > img { width: auto; height: 100%; -o-object-fit: contain; object-fit: contain; } @media screen and (max-width: 767px) { .practice-card__image > img { width: 100%; height: auto; } } .effect-card { margin: 0 auto; width: 100%; max-width: 85rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 1440px) { .effect-card { padding: 0 1.5rem; } } @media screen and (max-width: 1148px) { .effect-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3.5rem; } } @media screen and (max-width: 767px) { .effect-card { padding: 0; } } .effect-card-contents { width: 100%; max-width: 26rem; gap: 1.5rem; } @media screen and (max-width: 1148px) { .effect-card-contents { max-width: none; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } } .effect-card-discription { gap: 1rem !important; } @media screen and (max-width: 1148px) { .effect-card-discription { padding-left: 1.5rem; padding-right: 1.5rem; } } @media screen and (max-width: 767px) { .effect-card-discription { padding-left: 0; padding-right: 0; } } .effect-card-title { width: 100%; text-align: center; font-size: 1.375rem; line-height: 1.6; letter-spacing: 0.08em; } @media screen and (max-width: 767px) { .effect-card-title { font-size: 1.25rem; } } .effect-card-text { font-size: 1rem; line-height: 1.9; letter-spacing: 0.06em; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .effect-card-text { font-size: 0.875rem; } } .compare-priority-card { margin: 0 auto; width: 100%; max-width: 100rem; padding-top: 11.25rem; padding-bottom: 7.5rem; padding-right: 7.5rem; } @media screen and (max-width: 1148px) { .compare-priority-card { padding: 8.75rem 0 7rem 0; } } @media screen and (max-width: 1148px) { .compare-priority-card { padding: 5.5rem 0 7rem 0; } } @media screen and (max-width: 767px) { .compare-priority-card > .vauAEKqCd-group__inner-container > .vauAEKqCd-spacer { display: none !important; } } .compare-priority-card__inner { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 7.5rem; } @media screen and (max-width: 1148px) { .compare-priority-card__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2.5rem; } } .compare-priority-card__inner > .vauAEKqCd-group { width: 100%; max-width: 27.5rem; } @media screen and (max-width: 1148px) { .compare-priority-card__inner > .vauAEKqCd-group { margin: 0 auto; max-width: none; padding-left: 1.5rem; padding-right: 1.5rem; } } @media screen and (max-width: 1148px) { .compare-priority-card__inner > .vauAEKqCd-group > .vauAEKqCd-group { width: 100%; } } @media screen and (max-width: 1148px) { .compare-priority-card__inner > .vauAEKqCd-group > .vauAEKqCd-group > .vauAEKqCd-group__inner-container > h3, .compare-priority-card__inner > .vauAEKqCd-group > .vauAEKqCd-group > .vauAEKqCd-group__inner-container > h2, .compare-priority-card__inner > .vauAEKqCd-group > .vauAEKqCd-group > .vauAEKqCd-group__inner-container > p { text-align: center !important; } } .compare-priority-card__inner > figure { width: 100%; max-width: 57.5rem; } .compare-priority-card__inner > .vauAEKqCd-group { gap: 3rem; } .compare-priority-card__inner > .vauAEKqCd-group > .vauAEKqCd-group > .vauAEKqCd-group__inner-container > .title-h3__post, .compare-priority-card__inner > .vauAEKqCd-group > .vauAEKqCd-group > .vauAEKqCd-group__inner-container .title-h3__post--under { text-align: left; } @media screen and (max-width: 767px) { .compare-priority-card__inner > .vauAEKqCd-group > .vauAEKqCd-group > .vauAEKqCd-group__inner-container > .title-h3__post, .compare-priority-card__inner > .vauAEKqCd-group > .vauAEKqCd-group > .vauAEKqCd-group__inner-container .title-h3__post--under { text-align: center !important; } } .compare-priority-card__text { line-height: 1.9; letter-spacing: 0.06em; } @media screen and (max-width: 767px) { .compare-priority-card__text { font-size: 0.875rem; } } .compare-priority-card__text--df { gap: 2rem; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .compare-priority-card__text--df > p { font-size: 0.875rem; } } .business-list-cards { width: 100%; gap: 2rem; } @media screen and (max-width: 1148px) { .business-list-cards__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .business-list-cards__text { line-height: 1.9; letter-spacing: 0.06em; } @media screen and (max-width: 767px) { .effect-wrapper { padding: 4rem 1.5rem 6rem 1.5rem; } } @media screen and (max-width: 767px) { .effect-wrapper > .vauAEKqCd-group__inner-container { margin: 0 auto; } } .effect-wrapper > .vauAEKqCd-group__inner-container > p { font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.06em; } @media screen and (max-width: 767px) { .effect-wrapper > .vauAEKqCd-group__inner-container > p { text-align: left !important; font-size: 0.875rem; } } .effect-wrapper > .vauAEKqCd-group__inner-container > .effect-wrapper { padding: 0; } @media screen and (max-width: 767px) { .effect-wrapper > .vauAEKqCd-group__inner-container > .vauAEKqCd-spacer { display: none; } } .food { gap: 2.5rem; padding: 5.5rem 1.5rem 8rem 1.5rem; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg_16-pc.webp); background-position: top; background-repeat: no-repeat; background-size: cover; } @media screen and (max-width: 767px) { .food { padding: 5.5rem 1.5rem 8rem 1.5rem; } } .food > .vauAEKqCd-group { width: 100%; gap: 3rem; } .food > .vauAEKqCd-group > p { width: 100%; text-align: center; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .food .activity-card-contents img { aspect-ratio: 327/235; } } .food > .program__contents { margin: 0 auto; max-width: 85rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 3.5rem; } .food > .program__contents > .vauAEKqCd-group { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 767px) { .food > .program__contents > .vauAEKqCd-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3.5rem; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } } .food > .program__contents > .vauAEKqCd-group > .vauAEKqCd-group { max-width: 41.25rem; } .food > .program-card { width: 100%; max-width: 26.25rem; height: 38rem; } .food > .program-card > .vauAEKqCd-group__inner-container > .vauAEKqCd-group { gap: 0; } .food > .program-header { width: 100%; height: auto; } .food > .program-bottom { width: 100%; padding: 1.5rem 2rem; background-color: var(--c_bg01); } .food > .program-bottom-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0; position: relative; } .food > .program-bottom-inner::before { content: ""; display: block; width: 2rem; height: 2rem; background-color: var(--c_accent01); position: absolute; right: 0.8rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; } .food > .program-bottom-inner::after { content: ""; display: block; background-image: url("https://www.seikoukai.or.jp/hoqubad/images/link-arrow-white.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; width: 1.04rem; height: 0.4rem; position: absolute; right: 1.25rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .food > .program-number { color: var(--c_text02); font-size: 0.875rem; letter-spacing: 0.08em; } .food > .program-title { font-size: 1.375rem; line-height: 1.6; letter-spacing: 0.08em; } .block-features { padding-right: 1.5rem !important; padding-left: 1.5rem !important; max-width: 1360px; margin: auto; } @media screen and (max-width: 767px) { .block-features.program { padding-bottom: 8rem !important; } } .block-features__head { max-width: 822px; margin: 0 auto 2.5rem; gap: 0; } .block-features__head .program__title { margin-bottom: 3rem; } .block-features__head > p { font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; letter-spacing: 0.06em; line-height: 1.9; text-align: left; } @media screen and (max-width: 767px) { .block-features__head > p { font-size: 0.875rem; } } .block-features .program__contents.school-detail__align-start { gap: 3.5rem; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .block-features .program__contents.school-detail__align-start .activity-card-contents { width: calc((100% - 7rem) / 3); max-width: unset; } @media screen and (max-width: 1148px) { .block-features .program__contents.school-detail__align-start .activity-card-contents { width: 100%; } } @media screen and (max-width: 767px) { .block-features .program__contents.school-detail__align-start .activity-card-contents { width: 100%; } } @media screen and (max-width: 1148px) { .block-features .program__contents.school-detail__align-start .activity-card-contents figure { width: 100%; } } .block-features-first { padding-top: 11.25rem; padding-bottom: 8.75rem; } @media screen and (max-width: 767px) { .block-features-first { padding-top: 5.5rem; padding-bottom: 5.5rem; } } .block-features-second { padding-top: 5.5rem; padding-bottom: 8rem; } @media screen and (max-width: 767px) { .block-features-second { padding-right: 1.5rem; padding-left: 1.5rem; } } .block-features-special { padding-top: 8.8rem; padding-bottom: 8rem; } @media screen and (max-width: 767px) { .block-features-special { padding-top: 8rem; padding-bottom: 8rem; padding-right: 1.5rem; padding-left: 1.5rem; } } .vauAEKqCd-table thead { border: none; } .table-pattern { font-size: 1rem; line-height: 2; letter-spacing: 0.06em; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .table-pattern { font-size: 0.875rem; text-align: left; } } .table-patternth, .table-pattern td { padding: 0.375rem 1.125rem; font-weight: normal; text-align: left; border: 0.0625rem solid var(--c_text03); } .table-pattern th { color: var(--c_bg01); background-color: var(--c_text01); padding: 0.375rem 1.125rem; border: 0.0625rem solid var(--c_text03); border-top: none; } .table-pattern td { color: var(--c_text01); } @media screen and (max-width: 767px) { .table-pattern td { border-left: none; border-bottom: none; } } @media screen and (max-width: 767px) { .table-pattern td:last-child { border: 0.0625rem solid var(--c_text03); } } @media screen and (max-width: 767px) { .table-pattern > table { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 767px) { .table-pattern tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .school-detail-table { margin: 0 auto; width: 100%; max-width: 55rem; border-collapse: collapse; font-size: 1rem; color: var(--c_text01); table-layout: fixed; } .school-detail-table > table > tbody { font-size: 1rem; line-height: 1.9; letter-spacing: 0.06em; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } .school-detail-table tr { padding: 1rem; } .school-detail-table td { border-top: 0.0625rem solid var(--c_accent02); border-bottom: 0.0625rem solid var(--c_accent02); border-left: none; border-right: none; text-align: left; vertical-align: top; vertical-align: middle; } .school-detail-table tr td:first-child { width: 13.25rem; padding: 1rem 1rem 1rem 1rem; } @media screen and (max-width: 767px) { .school-detail-table tr td:first-child { padding: 1rem 1rem 0.5rem 1rem !important; } } .school-detail-table tr td:last-child { width: auto; padding: 1rem 1rem 1rem 0; } @media screen and (max-width: 767px) { .school-detail-table tr td:last-child { padding: 0.5rem 1rem 1rem 1rem !important; } } .vauAEKqCd-list { padding-left: 1rem; } .vauAEKqCd-list > li { margin-top: 0; font-size: 1rem; line-height: 2; letter-spacing: 0.06em; color: var(--c_text01); list-style: initial; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } .vauAEKqCd-list > li::marker { font-size: 1rem; color: var(--c_accent01); } .profile-history__item { gap: 2rem; } .link-pattern { position: relative; } .link-pattern-second { margin-top: 2rem !important; } .link-pattern__wrapper { gap: 1.5rem; } .link-pattern__accordion { gap: 0; } .link-pattern::after { content: ""; display: block; background-image: url("https://www.seikoukai.or.jp/hoqubad/images/link-arrow.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; width: 1.15rem; height: 0.5rem; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; transition: all 0.3s; } .link-pattern.is-open::after { -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); } .link-pattern > button { line-height: 1.6; letter-spacing: 0.08em; padding-right: 1.75rem; padding-bottom: 0.3125rem; border-bottom: 0.0625rem solid var(--c_text01); font-family: "fot-tsukuaoldmin-pr6n", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif; font-weight: 300; font-style: normal; -webkit-transition: all 0.3s; transition: all 0.3s; } .link-pattern > button:focus { opacity: 0.6; } @media (any-hover: hover) { .link-pattern > button:hover { opacity: 0.6; } } @media screen and (max-width: 767px) { .link-pattern > button { font-size: 0.875rem; } } .link-pattern__text { display: none; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .link-pattern__text > p { font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } .pickup-link { margin: 0 auto; width: 100%; max-width: 85rem; gap: 3.5rem; padding-left: 1.5rem; padding-right: 1.5rem; } @media screen and (max-width: 1148px) { .pickup-link { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; padding-right: 0; } } .pickup-link-card { width: 100%; max-width: 25.9375rem; height: 30.625rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; cursor: pointer; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; opacity: 1; } .pickup-link-card:focus { opacity: 0.6; } @media (any-hover: hover) { .pickup-link-card:hover { opacity: 0.6; } } @media screen and (max-width: 1148px) { .pickup-link-card { height: auto; max-width: none; gap: 1.25rem; } } .pickup-link-header { gap: 1.25rem; } .pickup-link-image { width: 100%; height: auto; } .pickup-link-contents { gap: 0.5rem; } .pickup-link-title { font-size: 1.375rem; line-height: 1.9; letter-spacing: 0.06em; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } .pickup-link-text { font-size: 1rem; line-height: 1.9; letter-spacing: 0.06em; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } .pickup-link-button { width: 100%; max-width: 15.75rem; height: 3.25rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0.75rem 2.5rem 0.75rem 2rem; font-size: 1rem; line-height: 1.6; letter-spacing: 0.08em; color: var(--c_text01); text-decoration: none; border: 1px solid var(--c_text02); border-radius: 2.5rem; background-color: var(--c_bg01); -webkit-box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.12); box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.12); } .pickup-link-button::after { content: ""; display: block; background-image: url("https://www.seikoukai.or.jp/hoqubad/images/link-arrow.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; width: 1.04rem; height: 0.4rem; position: absolute; right: 1.25rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .feature-card { width: 100%; max-width: 26.25rem; cursor: pointer; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; opacity: 1; -webkit-transition: all 0.3s; transition: all 0.3s; } .feature-card:focus { opacity: 0.6; } @media (any-hover: hover) { .feature-card:hover { opacity: 0.8; -webkit-box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); } } .feature-card__container { width: 100%; max-width: 85rem; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 3rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 1228px) { .feature-card__container { padding: 2rem; } } @media screen and (max-width: 920px) { .feature-card__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; } } .feature-card__thumb { width: 100%; } @media screen and (max-width: 767px) { .feature-card__thumb { height: 17.6875rem; overflow: hidden; } } .feature-card__thumb > img { width: 100%; height: auto; } .feature-card__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.3125rem; padding: 1.5rem 2rem; background-color: var(--c_bg01); position: relative; } @media screen and (max-width: 767px) { .feature-card__bottom { padding: 1.5rem 1.5rem; } } .feature-card__bottom::before { content: ""; width: 2rem; height: 2rem; background-color: var(--c_accent01); border-radius: 50%; position: absolute; right: 2.3rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 767px) { .feature-card__bottom::before { right: 1.3rem; } } .feature-card__bottom::after { content: ""; display: block; background-image: url("https://www.seikoukai.or.jp/hoqubad/images/link-arrow-white.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; width: 1.5rem; height: 1rem; position: absolute; right: 2.6rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 767px) { .feature-card__bottom::after { right: 1.6rem; } } .feature-card__feature { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.08em; color: var(--c_text02); } .feature-card__title { font-size: 1.375rem; line-height: 1.6; letter-spacing: 0.08em; } @media screen and (max-width: 767px) { .feature-card__title { font-size: 1.125rem; } } .btn-enrollment-info { margin: 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 55rem; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 9rem; position: relative; font-size: 1.75rem; text-decoration: none; padding: 2rem 4rem; border: 0.0625rem solid var(--c_text02); border-radius: 0.75rem; background-color: var(--c_bg01); -webkit-box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.12); box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.12); cursor: pointer; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; opacity: 1; } @media screen and (max-width: 767px) { .btn-enrollment-info { width: 20.4375rem; height: 5.8125rem; font-size: 1.125rem; line-height: 1.6; } } .btn-enrollment-info:focus { opacity: 0.8; -webkit-box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); } @media (any-hover: hover) { .btn-enrollment-info:hover { opacity: 0.8; -webkit-box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); } } .btn-enrollment-info::after { content: ""; position: absolute; top: 50%; right: 10.5rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; max-width: 2.5rem; height: 100%; background-image: url("https://www.seikoukai.or.jp/hoqubad/images/enrollment-info-arrow.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } @media screen and (max-width: 767px) { .btn-enrollment-info::after { right: 2.875rem; width: 1.4375rem; height: 1.4375rem; } } .enrollment-btn-wrapper > p { font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .enrollment-btn-wrapper > p { font-size: 0.875rem; } } hr.vauAEKqCd-separator.has-alpha-channel-opacity { margin-top: 0; border: none; background: -webkit-gradient(linear, left top, right top, color-stop(6%, var(--c_accent01)), color-stop(6%, var(--c_text03))); background: linear-gradient(to right, var(--c_accent01) 6%, var(--c_text03) 6%); height: 0.0625rem; } @media screen and (max-width: 1148px) { hr.vauAEKqCd-separator.has-alpha-channel-opacity { background: -webkit-gradient(linear, left top, right top, color-stop(20%, var(--c_accent01)), color-stop(20%, var(--c_text03))); background: linear-gradient(to right, var(--c_accent01) 20%, var(--c_text03) 20%); } } .history-slider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 8.75rem 1.5rem 6.25rem 1.5rem; background-color: var(--c_bg03); background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg-history-slide-pc.webp); background-position: center; background-repeat: no-repeat; background-size: cover; } @media screen and (max-width: 767px) { .history-slider { padding-left: 1.5rem; padding-right: 1.5rem; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/history-slider-sp.webp); padding-top: 7.5rem; position: relative; } } @media screen and (max-width: 767px) { .history-slider::before { content: ""; width: 59%; height: auto; aspect-ratio: 55/74; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/history-slider-sp-bottom.webp); background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; bottom: 0; } } @media screen and (max-width: 767px) { .history-slider::after { content: ""; width: 55%; height: auto; aspect-ratio: 104/167; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/history-slider-sp-top.webp); background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; right: 0; top: 0; } } .history-slider__inner { width: 100%; max-width: 47.5rem; height: 100%; margin: 0 auto; } .history-slider__inner > .vauAEKqCd-group { margin-bottom: 2.5rem; } @media screen and (max-width: 767px) { .history-slider__inner { min-height: 43.25rem; } } .history-slider__slide { gap: 2rem; } .history-slider__description { line-height: 1.9; letter-spacing: 0.06em; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } .history-slider__nav { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 2rem; position: relative; } @media screen and (max-width: 767px) { .history-slider__nav { margin-top: 3.75rem !important; } } .history-slider__nav .history-slider__prev, .history-slider__nav .history-slider__next { background: none; border: none; font-size: 1rem; line-height: 1.6; letter-spacing: 0.08em; color: var(--c_text01); cursor: pointer; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; opacity: 1; } .history-slider__nav .history-slider__prev:focus, .history-slider__nav .history-slider__next:focus { opacity: 0.6; } @media (any-hover: hover) { .history-slider__nav .history-slider__prev:hover, .history-slider__nav .history-slider__next:hover { opacity: 0.6; } } .history-slider__nav .history-slider__prev { position: relative; left: 2.25rem; } .history-slider__nav .history-slider__prev::after { content: ""; display: block; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/link-arrow.svg); background-position: center; background-repeat: no-repeat; background-size: cover; width: 1.04rem; height: 0.4rem; position: absolute; left: -1.75rem; top: 50%; -webkit-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); } .history-slider__nav .history-slider__next { position: relative; right: 2.25rem; } .history-slider__nav .history-slider__next::after { content: ""; display: block; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/link-arrow.svg); background-position: center; background-repeat: no-repeat; background-size: cover; width: 1.04rem; height: 0.4rem; position: absolute; right: -1.75rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .history-slider__nav .history-slider__dots { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.5rem; list-style: none; padding: 0; margin: 0; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .history-slider__nav .history-slider__dots li { width: 0.5rem; height: 0.5rem; background-color: var(--c_accent02); border-radius: 50%; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .history-slider__nav .history-slider__dots li.is-current { background-color: var(--c_accent01); } .history-slider__slide { display: none; } .history-slider__slide.is-current { display: block; } .vauAEKqCd-group.history-slider__inner.is-vertical.is-content-justification-center.is-layout-flex.ZfcRARppKYzJ-core-group-is-layout-36.vauAEKqCd-group-is-layout-flex { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .gallery-slide { position: relative; overflow: hidden; } .gallery-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; } .gallery-track > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 3rem; position: relative; } .gallery-image { width: 100%; max-width: 52.3125rem; height: auto; } .gallery-image-item { -ms-flex-negative: 0; flex-shrink: 0; position: relative; } .gallery-image-item > .vauAEKqCd-group__inner-container { width: 100%; max-width: 52.3125rem; } .gallery-image-item .gallery-image-name { position: absolute; bottom: 1rem; left: 1rem; background: rgba(0, 0, 0, 0.6); color: #fff; padding: 0.5rem 1rem; opacity: 0; -webkit-transition: 0.3s; transition: 0.3s; } .gallery-image-item .gallery-image:hover + .gallery-image-name, .gallery-image-item .gallery-image-item:hover .gallery-image-name { opacity: 1; } .gallery-inner { background-color: var(--c_text01); padding: 5.5rem 0 7.5rem 10rem; } @media screen and (max-width: 767px) { .gallery-inner { padding: 5.5rem 0 7.5rem 0; } } .gallery-inner > .vauAEKqCd-group__inner-container { position: relative; } @media screen and (max-width: 767px) { .gallery-image { width: 100%; } } .gallery-image > img { -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 767px) { .gallery-image-item { max-width: 100vw; } } .gallery-title { padding-bottom: 2.5rem; } @media screen and (max-width: 767px) { .gallery-title { margin: 0 auto; padding-left: 1.5rem; } } .gallery-title > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } @media screen and (max-width: 767px) { .gallery-title > .vauAEKqCd-group__inner-container { text-align: center; } } .gallery-title > .vauAEKqCd-group__inner-container > h2, .gallery-title > .vauAEKqCd-group__inner-container p { text-align: left; } .gallery-title > .vauAEKqCd-group__inner-container > h2 { color: var(--c_accent02); } .gallery-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; max-width: 7.5rem; position: absolute; right: 7.5rem; top: 2rem; } @media screen and (max-width: 767px) { .gallery-nav { right: 1.5rem; } } .gallery-nav-line { width: 0.0625rem; height: 1.5rem; background-color: var(--c_accent02); } .gallery-prev, .gallery-next { width: 1.25rem; height: 1.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; opacity: 1; } .gallery-prev:focus, .gallery-next:focus { opacity: 0.6; } @media (any-hover: hover) { .gallery-prev:hover, .gallery-next:hover { opacity: 0.6; } } .gallery-prev { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .gallery-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 1rem; gap: 0.625rem; margin-top: 2.5rem; } .gallery-dots .gallery-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--c_accent02); } @media screen and (max-width: 767px) { .gallery-dots .gallery-dot { width: 0.5rem; height: 0.5rem; } } .gallery-dots .gallery-dot.is-current { background: var(--c_accent01); } .activity-slide__wrapper { position: relative; overflow: hidden; width: 100%; max-width: 61.875rem; height: auto; } .activity-slide__wrapper > .vauAEKqCd-group__inner-container { position: relative; padding-bottom: 3.75rem; } .activity-slide__track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; } .activity-slide__image { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; } .activity-slide__nav { position: absolute; width: 100%; max-width: 7.5rem; bottom: 1rem; right: 10rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1.5rem; } @media screen and (max-width: 767px) { .activity-slide__nav { right: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .activity-slide__nav .activity-slide__prev, .activity-slide__nav .activity-slide__next { background: none; border: none; padding: 0; cursor: pointer; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; opacity: 1; } .activity-slide__nav .activity-slide__prev:focus, .activity-slide__nav .activity-slide__next:focus { opacity: 0.6; } @media (any-hover: hover) { .activity-slide__nav .activity-slide__prev:hover, .activity-slide__nav .activity-slide__next:hover { opacity: 0.6; } } .activity-slide__nav .arrow { width: 1.25rem; height: auto; } .activity-slide__nav .arrow-left { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .activity-slide-line { width: 0.0625rem; height: 1.5rem; background-color: var(--c_accent02); position: relative; bottom: -0.5rem; } .schedule-table__wrapper .school-detail-table { position: absolute; visibility: hidden; width: 100%; } .schedule-table__wrapper .school-detail-table.is-active { position: static; visibility: visible; display: table; } .greeting-director { background-color: var(--c_text01); color: var(--c_bg01); padding: 8.75rem 7.5rem; } @media screen and (max-width: 767px) { .greeting-director { padding: 6.25rem 1.5rem; } } .greeting-director > .vauAEKqCd-group__inner-container { width: 100%; max-width: 85rem; margin: 0 auto; } .greeting-director .title-h2__post { color: var(--c_bg01); } .greeting-director .title-h2__post, .greeting-director .title-h2__post--under { text-align: left; } .greeting-director > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.5rem; } .greeting-director-contents { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 6.75rem; } @media screen and (max-width: 1148px) { .greeting-director-contents { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 5.125em; } } .greeting-director-contents__title { font-size: 1.375rem; line-height: 1.6; letter-spacing: 0.08em; } @media screen and (max-width: 767px) { .greeting-director-contents__title { font-size: 1.25rem; } } .greeting-director__image { width: 100%; max-width: 30.625rem; height: auto; } .greeting-director-left > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2.5rem; } .greeting-director-right { width: 100%; max-width: 47.625rem; } .greeting-director-right > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2.5rem; } .greeting-director-right p:not(.greeting-director-contents__title) { letter-spacing: 0.04em; line-height: 1.9; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .greeting-director-right p:not(.greeting-director-contents__title) { font-size: 0.875rem; } } .name-director { font-size: 1.375rem; line-height: 1.9; letter-spacing: 0.04em; } @media screen and (max-width: 767px) { .name-director { font-size: 1.25rem; } } .director-detail { gap: 2rem; } .director-detail > p { font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .director-detail > p { font-size: 0.875rem; } } .director-profile { gap: 0.625rem; } @media screen and (max-width: 767px) { .director-profile > p:not(.name-director) { font-size: 0.875rem; } } .about-content__anchor-link { width: 20.5rem; padding: 0 0.5rem 1.25rem 0.5rem; border-bottom: 0.05rem solid var(--c_text03); position: relative; } @media screen and (max-width: 767px) { .about-content__anchor-link { padding-bottom: 1.125rem; } } @media (any-hover: hover) { .about-content__anchor-link:hover { opacity: 0.6; } } .about-content__anchor-link > p { width: 100%; font-family: "fot-tsukuaoldmin-pr6n", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif; font-weight: 300; font-style: normal; white-space: pre-line; padding-right: 1.5rem; } @media screen and (max-width: 767px) { .about-content__anchor-link > p { font-size: 0.875rem; } } .about-content__anchor-link > p::after { content: ""; display: block; width: 0.525rem; height: 0.525rem; border-right: 0.05rem solid var(--c_text01); border-bottom: 0.05rem solid var(--c_text01); position: absolute; top: 30%; right: 1rem; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); } .about-content__anchor-link--df { margin: 0 auto; width: 100%; max-width: 68.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 9.5rem 0 4rem 0; gap: 2.5rem 3.5rem; } .about-content__anchor-link--df.about-content__anchor-link--page { padding-top: 5rem; } @media screen and (max-width: 1148px) { .about-content__anchor-link--df { max-width: 45rem; gap: 2rem 3rem; } } @media screen and (max-width: 767px) { .about-content__anchor-link--df { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1.75rem; } } .anchor-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2.5rem; } .anchor-row > .about-content__anchor-link { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 767px) { .page-content > .about-content__anchor-link--df { gap: 1.5rem; padding-top: 5rem !important; } } @media screen and (max-width: 767px) { .page-content > .announce { background-image: unset; } } .page-content > .announce > .vauAEKqCd-group__inner-container { position: relative; z-index: 1; } .about-content__anchor-link > p.is-multiline:after { top: 25%; } .about-content { background-color: var(--c_bg02); } @media screen and (max-width: 767px) { .about-content { background-color: var(--c_bg01); } } .about-content__inner { width: 100%; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg-history-slide-pc.webp); background-position: top; background-repeat: no-repeat; background-size: cover; margin: 0 auto; } .about-content__inner.about-us { padding: 0; } .about-content__inner > .about-content__anchor-link--df { display: none; } .about-content__inner--before { padding: 0 !important; } .about-content__inner--before > .about-content__inner--top > .vauAEKqCd-group__inner-container > .vauAEKqCd-group > .title-h2__post--parent > h2 { font-size: 2rem; } .about-content__inner--before > .about-content__inner--top > .vauAEKqCd-group__inner-container > .vauAEKqCd-group > .title-h2__post--parent > p { font-size: 1rem; } .about-content__inner--anchor { width: 100%; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg_08-pc.webp); background-position: top; background-repeat: no-repeat; background-size: cover; } .about-content__inner--anchor > .vauAEKqCd-group { padding: 10rem 0 20rem 0; } .about-content__inner--top { padding: 7.125rem 0 7rem 0 !important; width: 100%; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg-activities-top-pc.webp); background-position: top; background-repeat: no-repeat; background-size: cover; } @media screen and (max-width: 767px) { .about-content__inner--top { margin: 0 auto; padding-top: 5rem !important; padding-left: 1.5rem !important; padding-right: 1.5rem !important; } } .about-content__inner--top > .vauAEKqCd-group__inner-container { margin: 0 auto; width: 100%; max-width: 50rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 2.5rem; } .about-content__inner--top > .vauAEKqCd-group__inner-container > p { letter-spacing: 0.06em; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .about-content__inner--top > .vauAEKqCd-group__inner-container > p { padding: 0 0.25rem; } } @media screen and (max-width: 767px) { .about-content__inner--top > .vauAEKqCd-group__inner-container > .vauAEKqCd-group > .vauAEKqCd-group__inner-container > h2 { font-size: 1.375rem; } } @media screen and (max-width: 767px) { .about-content__inner--top > .vauAEKqCd-group__inner-container > .vauAEKqCd-group > .vauAEKqCd-group__inner-container > p { font-size: 0.875rem; } } .about-content__inner--single { background-image: none; } @media screen and (max-width: 767px) { .about-content__inner--single { background: -webkit-gradient(linear, left top, left bottom, from(var(--c_bg02)), to(var(--c_bg04))); background: linear-gradient(to bottom, var(--c_bg02), var(--c_bg04)); } } .about-content__inner--single > .vauAEKqCd-group > .vauAEKqCd-group__inner-container > h2 { padding-top: 10rem; } @media screen and (max-width: 767px) { .about-content__inner--single > .vauAEKqCd-group > .vauAEKqCd-group__inner-container > h2 { padding-top: 7.5rem; } } .about-content__inner--single > p { font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .about-content__inner--single > p { line-height: 1.9; text-align: left; padding-left: 1.5rem; padding-right: 1.5rem; font-size: 0.875rem; padding-bottom: 3.5rem; } } @media screen and (max-width: 767px) { .about-content__inner--single > .vauAEKqCd-spacer { display: none; } } .about-content__inner--activities-1 { background-color: var(--c_bg01); background-image: none; padding: 0; } .about-content__inner--activities-1 > .about-content__anchor-link--df { display: -webkit-box; display: -ms-flexbox; display: flex; } .about-content__inner-wrapper { margin: 0 auto; width: 100%; max-width: 85rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 6.25rem; } .about-content__inner-wrapper > .vauAEKqCd-group { gap: 3rem; } .about-content__inner-wrapper > .vauAEKqCd-group > .vauAEKqCd-group > p { width: 100%; max-width: 62.5rem; line-height: 1.9; letter-spacing: 0.06em; } .about-content__after { background: -webkit-gradient(linear, left top, left bottom, from(var(--c_bg03)), color-stop(25%, var(--c_bg01)), to(var(--c_bg01))); background: linear-gradient(to bottom, var(--c_bg03) 0%, var(--c_bg01) 25%, var(--c_bg01) 100%); } .effect-wrapper { width: 100%; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg_07-pc.webp); background-position: top; background-repeat: no-repeat; background-size: cover; } .effect-wrapper > .vauAEKqCd-group__inner-container > p { text-align: center; padding: 3rem 0 2.5rem 0; } @media screen and (max-width: 767px) { .effect-wrapper { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg-effect-sp.webp); } } .about-message { width: 100%; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg_08-pc.webp); background-position: top; background-repeat: no-repeat; background-size: cover; padding-bottom: 9.375rem; } .about-message__inner { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; padding: 0.625rem; } .about-message__inner > .title-message { padding: 10rem 0; margin: 0 auto; width: 100%; } .about-message__inner > .vauAEKqCd-group { width: 100%; } .schedule-calendar { gap: 2rem 1rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 3.5rem; width: 100%; max-width: 78rem; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } @media screen and (max-width: 1148px) { .schedule-calendar { gap: 1.5rem 1rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .schedule-calendar__wrapper { padding: 10rem 4rem !important; width: 100%; position: relative; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg_09-pc.webp); background-position: top; background-repeat: no-repeat; background-size: cover; border-radius: 3.75rem; } @media screen and (max-width: 767px) { .schedule-calendar__wrapper { padding: 6.25rem 1.5rem !important; background-image: unset; border-radius: 0; } } @media screen and (max-width: 767px) { .schedule-calendar__wrapper > .vauAEKqCd-group__inner-container { position: relative; z-index: 1; } } .schedule-calendar__inner { margin: 0 auto; width: 100%; max-width: 85rem; background-color: var(--c_bg03); border-radius: 3.75rem; padding: 5.5rem 1.5rem; -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.12); box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.12); -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; gap: 0; } @media screen and (max-width: 767px) { .schedule-calendar__inner { padding: 4rem 0.9375rem; border-radius: 1.5rem; } } .schedule-calendar__inner > .vauAEKqCd-group > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } .schedule-calendar__inner > p { margin: 0 auto; width: 100%; max-width: 51.375rem; padding-top: 3rem; line-height: 1.9; letter-spacing: 0.06em; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .schedule-calendar__inner > p { font-size: 0.875rem; padding-right: 0.875rem; padding-left: 0.875rem; } } .schedule-calendar__attention { max-width: none !important; padding: 1rem 0 0 0 !important; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } .schedule-calendar__attention--pt0 { padding: 0 !important; } .schedule-contents { width: 100%; max-width: 18.75rem; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; gap: 0.625rem; border-bottom: 0.0625rem solid var(--c_accent02); height: auto; padding-bottom: 1rem; } @media screen and (max-width: 767px) { .schedule-contents { width: calc((100% - 1rem) / 2); height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.3125rem; padding-bottom: 0; } } .schedule-month { min-width: 5rem; font-size: 1.5rem; line-height: 1.6; letter-spacing: 0.08em; color: var(--c_accent01); font-family: "fot-tsukuaoldmin-pr6n", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif; font-weight: 300; font-style: normal; } @media screen and (max-width: 767px) { .schedule-month { font-size: 1.125rem; padding-left: 0.625rem; } } .schedule-event { padding: 0.1875rem 0.625rem 0 0.625rem; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .schedule-event { font-size: 0.875rem; padding: 0.1875rem 0.625rem 1rem 1.25rem; } } .schedule-event > li { list-style: none; min-height: 1.875rem; padding-left: 1rem; position: relative; } @media screen and (max-width: 767px) { .schedule-event > li { font-size: 0.875rem; } } .schedule-event > li::before { content: ""; display: block; width: 100%; max-width: 0.3125rem; height: auto; aspect-ratio: 1/1; background-color: var(--c_text01); border-radius: 50%; position: absolute; left: 0; top: 0.7rem; } .schedule-table__wrapper { margin: 0 auto !important; background-color: var(--c_bg02); width: 100%; max-width: 62.5rem; padding: 3.5rem 4.5rem; border-radius: 2.5rem; margin-top: 2.5rem !important; } @media screen and (max-width: 767px) { .schedule-table__wrapper { border-radius: 1.5rem; padding: 3.5rem 1.5rem; } } .schedule-table-title { gap: 0; margin-top: 2.5rem !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 767px) { .schedule-table-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.5rem; } } .schedule-table__wrapper > .vauAEKqCd-group__inner-container > .school-detail-table tr td:first-child { width: 8.25rem; padding: 1rem 1rem 1rem 1rem; vertical-align: top; text-align: left; } @media screen and (max-width: 767px) { .schedule-table__wrapper > .vauAEKqCd-group__inner-container > .school-detail-table tr td:first-child { width: 5rem; padding: 1rem 1rem 1rem 0.5rem !important; vertical-align: top; } } @media screen and (max-width: 767px) { .schedule-table__wrapper > .vauAEKqCd-group__inner-container > .school-detail-table tr td:last-child { padding: 1rem 0.5rem 1rem 1rem !important; } } @media screen and (max-width: 767px) { .schedule-table__wrapper > .vauAEKqCd-group__inner-container > .school-detail-table > table > tbody > tr > td { font-size: 0.875rem; } } .schedule-day { padding: 5.5rem 0.625rem 7.5rem 0.625rem; width: 100%; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg_13-pc.webp); background-position: top; background-repeat: no-repeat; background-size: cover; } @media screen and (max-width: 1148px) { .schedule-day { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg-schedule-sp.webp); padding: 5.5rem 1.5rem 7.5rem 1.5rem; } } .schedule-day-inner { margin: 0 auto; width: 100%; max-width: 62.5rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0; } .schedule-day-inner > .vauAEKqCd-group { width: 100%; } .schedule-day-inner > .vauAEKqCd-group > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } .schedule-title-item { width: 20.625rem; padding-bottom: 2rem; position: relative; } @media screen and (max-width: 767px) { .schedule-title-item { width: 100%; padding-bottom: 1.5rem; } } .schedule-title-item::after { content: ""; position: absolute; width: 100%; height: 0.0625rem; background-color: var(--c_accent02); bottom: 0; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); } .schedule-title-item .vauAEKqCd-group__inner-container { gap: 0; } .schedule-title-item .vauAEKqCd-group__inner-container h3 { cursor: pointer; -webkit-transition: color 0.3s; transition: color 0.3s; font-family: "fot-tsukuaoldmin-pr6n", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif; font-weight: 300; font-style: normal; font-size: 1.25rem !important; } @media screen and (max-width: 767px) { .schedule-title-item .vauAEKqCd-group__inner-container h3 { font-size: 1rem !important; } } .schedule-title-item .vauAEKqCd-group__inner-container h3:focus { color: var(--c_text01); } @media (any-hover: hover) { .schedule-title-item .vauAEKqCd-group__inner-container h3:hover { color: var(--c_text01); } } @media screen and (max-width: 767px) { .schedule-title-item .vauAEKqCd-group__inner-container p { font-size: 0.75rem; } } .school-detail-table { display: none; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .school-detail-table.infant { display: table; } .schedule-title-item { cursor: pointer; } .schedule-title-item > .vauAEKqCd-group__inner-container { -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .schedule-title-item > .vauAEKqCd-group__inner-container > h3 { color: var(--c_accent02); } .schedule-title-item.default > .vauAEKqCd-group__inner-container > h3 { color: var(--c_text01); } .schedule-title-item.default::after { width: 100%; height: 0.1875rem; background-color: var(--c_accent01); -webkit-transform: skewX(-60deg) translateX(-50%); transform: skewX(-60deg) translateX(-50%); } .schedule-title-item.is-active > .vauAEKqCd-group__inner-container > h3 { color: var(--c_text01); } .schedule-title-item.is-active::after { width: 100%; height: 0.1875rem; background-color: var(--c_accent01); -webkit-transform: skewX(-60deg) translateX(-50%); transform: skewX(-60deg) translateX(-50%); } .other-activities { background: -webkit-gradient(linear, left top, left bottom, from(var(--c_bg02)), color-stop(25%, var(--c_bg02)), to(var(--c_bg04))); background: linear-gradient(to bottom, var(--c_bg02) 0%, var(--c_bg02) 25%, var(--c_bg04) 100%); padding: 7.5rem 1.5rem; } @media screen and (max-width: 1228px) { .other-activities { padding: 6.25rem 0.625rem 4.75rem 0.625rem; } } @media screen and (max-width: 1148px) { .other-activities { padding: 6.25rem 0.625rem 3.25rem 0.625rem; } } .other-activities__inner { width: 100%; max-width: 85rem; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3.5rem; } .other-activities__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2rem 3.125rem; } .other-activities-button { padding: 1.5rem 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 20rem; height: 6.25rem; background-color: var(--c_bg01); border-radius: 0.375rem; -webkit-box-shadow: 0 0 0.375rem 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0 0.375rem 0 rgba(0, 0, 0, 0.12); cursor: pointer; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; opacity: 1; } .other-activities-button:focus { opacity: 0.8; -webkit-box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); } @media (any-hover: hover) { .other-activities-button:hover { opacity: 0.8; -webkit-box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); } } .other-activities-button > p { font-size: 1.375rem; line-height: 1.6; letter-spacing: 0.08em; } @media screen and (max-width: 1228px) { .other-activities-button > p { font-size: 1rem; } } @media screen and (max-width: 767px) { .other-activities-button > img { width: 1.5rem; height: auto; } } .announce { padding: 8rem 4rem; width: 100%; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg_09-pc.webp); background-position: top; background-repeat: no-repeat; background-size: cover; border-radius: 3.75rem; margin-top: 3rem; } @media screen and (max-width: 767px) { .announce { border-radius: 2.5rem; padding: 7.5rem 1.4rem; } } .announce__title > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } .announce__card { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 43.5rem; gap: 2.5rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 767px) { .announce__card { gap: 1.25rem; border-top: 0.0625rem solid var(--c_accent02); padding: 1rem 0; } } .announce__card--contents { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.25rem; } .announce__card--thumbnail { width: 100%; max-width: 12rem; height: auto; } @media screen and (max-width: 767px) { .announce__card--thumbnail { max-width: 6rem; aspect-ratio: 1/1; height: auto; } } .announce__card--title { font-size: 1rem; line-height: 1.8; letter-spacing: 0.08em; text-decoration: underline; } @media screen and (max-width: 767px) { .announce__card--title { font-size: 0.875rem; } } .announce__card--bottom { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1rem; } .announce__card--date { font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.06em; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .announce__card--date { font-size: 0.75rem; } } .announce__card--category { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.125rem 1.5rem; background-color: var(--c_accent01); color: var(--c_bg01); font-size: 0.875rem; line-height: 1.6; letter-spacing: 0.06em; border-radius: 0.125rem; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .announce__card--category { font-size: 0.75rem; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0.5rem 0; } } .announce__card-inner { margin: 0 auto; width: 100%; max-width: 79rem; padding: 4rem 4.5rem; background-color: var(--c_bg03); border-radius: 3.75rem; -webkit-box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.12); gap: 7.5rem; } @media screen and (max-width: 1148px) { .announce__card-inner { border-radius: 2rem; padding: 4rem 1.125rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4rem; } } @media screen and (max-width: 767px) { .announce__card-inner { gap: 3.5rem; } } .announce__card-inner > .vauAEKqCd-group:not(.announce__card--list) { gap: 4rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 19rem; } .announce__card--list > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2rem; width: 100%; } @media screen and (max-width: 767px) { .announce__card--list > .vauAEKqCd-group__inner-container { border-bottom: 0.0625rem solid var(--c_accent02); } } .announce__card > img { width: 100%; max-width: 12rem; } @media screen and (max-width: 767px) { .announce__card > img { aspect-ratio: 1/1; max-width: 6rem; } } .announce-button { width: 19rem; height: 3.25rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0.75rem 2.5rem 0.75rem 2rem; font-size: 1rem; line-height: 1.6; letter-spacing: 0.08em; color: var(--c_text01); text-decoration: none; border: 1px solid var(--c_text02); border-radius: 2.5rem; background-color: var(--c_bg01); -webkit-box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.12); box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.12); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width: 767px) { .announce-button { text-align: center; width: 18.3125rem; } } .announce-button::after { content: ""; display: block; background-image: url("https://www.seikoukai.or.jp/hoqubad/images/link-arrow.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; width: 1.04rem; height: 0.4rem; position: absolute; right: 1.25rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .announce-button:hover { opacity: 0.8; -webkit-box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); } .announce-button.display-sp { margin-top: 4rem; } .announce__button-wrap.display-pc { display: block !important; } @media screen and (max-width: 1148px) { .announce__button-wrap.display-pc { display: none !important; } } .announce__button-wrap.display-tab { display: none !important; } @media screen and (max-width: 1148px) { .announce__button-wrap.display-tab { display: block !important; } } .faq { width: 100%; padding: 7.5rem 0.625rem; } @media screen and (max-width: 767px) { .faq { padding: 2.5rem 1.5rem 6.25rem 1.5rem; } } .faq__inner { margin: 0 auto; width: 100%; max-width: 75rem; gap: 2rem; } .faq__title { width: 100%; } .faq__title > .vauAEKqCd-group__inner-container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .faq__accordion--contents { border-top: 0.0625rem solid var(--c_accent02); gap: 1rem; padding: 1rem; cursor: pointer; } .faq__accordion--list { border-bottom: 0.0625rem solid var(--c_accent02); width: 100%; } .faq__accordion--question { width: 100%; } @media screen and (max-width: 767px) { .faq__accordion--answer { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .faq__accordion--label { color: var(--c_text02); line-height: 1.9; letter-spacing: 0.06em; font-family: "fot-tsukuaoldmin-pr6n", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif; font-weight: 300; font-style: normal; } @media screen and (max-width: 767px) { .faq__accordion--label { font-size: 0.875rem; } } .faq__accordion--title { line-height: 1.9; letter-spacing: 0.06em; width: 100%; position: relative; } @media screen and (max-width: 767px) { .faq__accordion--title { font-size: 0.875rem; } } .faq__accordion--title::after { content: ""; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 2.25rem; height: 2.25rem; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/accordion-arrow.svg); background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .faq__accordion--text { line-height: 1.9; letter-spacing: 0.06em; width: 100%; } @media screen and (max-width: 767px) { .faq__accordion--text { font-size: 0.875rem; padding: 0 2rem 0 0; } } .faq__accordion--text > a { text-decoration: underline; } .faq__accordion--question.is-open .faq__accordion--title::after { -webkit-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); } .message { width: 100%; padding: 7.5rem; } @media screen and (max-width: 767px) { .message { padding: 4rem 0 6.25rem 0; } } .message > .vauAEKqCd-group { margin: 0 auto; } .message__title { width: 100%; text-align: center; } .message__title > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } .message__inner { width: 100%; max-width: 85rem; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2.5rem; } .message__contents { width: 100%; gap: 6rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 1228px) { .message__contents { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3.5rem; } } .message__contents > .vauAEKqCd-image { width: 100%; max-width: 30.625rem; height: auto; } .message__text { line-height: 1.9; letter-spacing: 0.06em; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 1148px) { .message__text { width: 100%; margin: 0 auto; font-size: 0.875rem; padding-left: 1.5rem; padding-right: 1.5rem; } } .philosophy { padding: 6.25rem; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg_08-pc.webp); background-position: center; background-repeat: no-repeat; background-size: cover; } @media screen and (max-width: 1148px) { .philosophy { padding: 6.25rem 1.5rem 2.5rem 1.5rem; } } .philosophy__inner { margin: 0 auto; width: 100%; max-width: 47.5rem; gap: 1.5rem; } .philosophy__title { width: 100%; text-align: center; } .philosophy__title > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } .philosophy__contents { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2rem; } .philosophy__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.5rem; width: 100%; } .philosophy__bottom--title { font-size: 1.375rem; line-height: 1.6; letter-spacing: 0.08em; width: 100%; } .philosophy__bottom--text { line-height: 1.9; letter-spacing: 0.06em; width: 100%; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .philosophy__bottom--text { font-size: 0.875rem; text-align: left !important; } } .philosophy__card { width: 100%; padding: 10rem 2rem 4.5rem 2rem; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } @media screen and (max-width: 767px) { .philosophy__card { padding: 3.5rem 0 4rem 0; } } @media screen and (max-width: 1148px) { .philosophy__card > .practice-card:nth-of-type(odd) .vauAEKqCd-group__inner-container > .vauAEKqCd-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .philosophy__card > .practice-card:nth-of-type(even) .vauAEKqCd-group__inner-container > .vauAEKqCd-group { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .school-philosophy { background-color: var(--c_text01); padding: 7.5rem 0; } @media screen and (max-width: 767px) { .school-philosophy { padding: 5.5rem 0; } } .school-philosophy__inner { padding-left: 7.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; width: 100%; max-width: 100rem; } @media screen and (max-width: 1148px) { .school-philosophy__inner { padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 2.5rem; } } .school-philosophy__inner > .vauAEKqCd-group { width: 100%; max-width: 27.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2.5rem; } @media screen and (max-width: 767px) { .school-philosophy__inner > .vauAEKqCd-group { margin: 0 auto; padding: 1.5rem; } } .school-philosophy__title { width: 100%; } .school-philosophy__title > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } .school-philosophy__title > .vauAEKqCd-group__inner-container > h2, .school-philosophy__title > .vauAEKqCd-group__inner-container p { text-align: left; color: var(--c_bg01); } .school-philosophy__text { gap: 1.5rem; } .school-philosophy__text > h3, .school-philosophy__text p { text-align: left; color: var(--c_bg01); } .school-philosophy__text > h3 { font-size: 1.375rem !important; line-height: 1.6; letter-spacing: 0.08em; } .school-philosophy__text > p { line-height: 1.9; letter-spacing: 0.06em; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .school-philosophy__text > p { font-size: 0.875rem; } } .school-philosophy__image { width: 100%; max-width: 57.5rem; } .policy { width: 100%; padding: 8rem 4rem; width: 100%; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg_12-pc.webp); background-position: top; background-repeat: no-repeat; background-size: cover; border-radius: 0 0 3.75rem 3.75rem; } @media screen and (max-width: 767px) { .policy { border-radius: 0; padding: 6.25rem 1.5rem; background-image: unset; } } @media screen and (max-width: 767px) { .policy > .vauAEKqCd-group__inner-container { position: relative; z-index: 1; } } .policy__inner { margin: 0 auto; width: 100%; max-width: 85rem; padding: 5.5rem 2rem; background-color: var(--c_bg03); border-radius: 3.75rem; -webkit-box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.12); gap: 3.5rem; } @media screen and (max-width: 1148px) { .policy__inner { border-radius: 1.5rem; gap: 2rem; padding: 4rem 2rem; } } @media screen and (max-width: 767px) { .policy__inner { border-radius: 1.5rem; gap: 2rem; padding: 4rem 1.5rem; } } .policy__inner > .vauAEKqCd-group { gap: 3rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .policy__title { width: 100%; } .policy__title > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } .policy__card--wrapper { margin: 0 auto !important; width: 100%; max-width: 68.75rem; gap: 3rem; } .policy__card--item { width: 100%; gap: 3.5rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media screen and (max-width: 1148px) { .policy__card--item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 767px) { .policy__card--item { max-width: 30rem; } } .policy__card--header { width: 18.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.8; } @media screen and (max-width: 767px) { .policy__card--header { width: 100%; } } .policy__card--number { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0.08em; color: var(--c_accent01); } @media screen and (max-width: 767px) { .policy__card--number { font-size: 1.375rem; } } .policy__card--title { font-size: 1.375rem; line-height: 1.6; letter-spacing: 0.08em; } @media screen and (max-width: 767px) { .policy__card--title { font-size: 1.125rem; } } .policy__card--list { padding-bottom: 1rem; padding-left: 1rem; width: 100%; max-width: 46.5rem; border-bottom: 0.0625rem solid var(--c_accent02); } @media screen and (max-width: 767px) { .policy__card--list { padding-left: 0.5rem; } } .policy__card--list > p { padding-left: 1.5rem; line-height: 1.9; letter-spacing: 0.06em; position: relative; } @media screen and (max-width: 767px) { .policy__card--list > p { font-size: 0.875rem; } } .policy__card--list > p::before { content: ""; display: block; width: 0.3125rem; height: 0.3125rem; background-color: var(--c_text01); border-radius: 50%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 767px) { .policy__card--list > p::before { top: 0.875rem; } } .goal { width: 100%; padding: 7.5rem 0.625rem; width: 100%; } @media screen and (max-width: 767px) { .goal { padding: 6.25rem 0.625rem 2.5rem 0.625rem; } } .goal__inner { margin: 0 auto; width: 100%; max-width: 85rem; gap: 2rem; } .goal__inner > .vauAEKqCd-group { gap: 3.5rem; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .goal__title { width: 100%; } .goal__title > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } .goal__card--wrapper { margin: 0 auto !important; width: 100%; max-width: 85rem; gap: 3rem; } @media screen and (max-width: 767px) { .goal__card--wrapper { max-width: 20.4375rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .goal__card--item { width: 100%; gap: 1.5rem; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .goal__card--image { width: 100%; max-width: 26rem; height: auto; } .goal__card--header { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.8rem; } .goal__card--number { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0.08em; color: var(--c_accent01); } @media screen and (max-width: 767px) { .goal__card--number { font-size: 1.25rem; } } .goal__card--title { font-size: 1.375rem; line-height: 1.6; letter-spacing: 0.08em; } @media screen and (max-width: 767px) { .goal__card--title { font-size: 1.125rem; } } .goal__card--list { padding-bottom: 1rem; width: 100%; max-width: 46.5rem; border-bottom: 0.0625rem solid var(--c_accent02); } .goal__card--list > p { padding-left: 1rem; line-height: 1.9; letter-spacing: 0.06em; position: relative; } .goal__card--list > p::before { content: ""; display: block; width: 0.3125rem; height: 0.3125rem; background-color: var(--c_text01); border-radius: 50%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .history { width: 100%; padding: 5.5rem 0.625rem 6.25rem 0.625rem; width: 100%; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg_13-pc.webp); background-position: top; background-repeat: no-repeat; background-size: cover; } @media screen and (max-width: 767px) { .history { padding: 5.5rem 1.5rem 6.25rem 1.5rem; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg-history-sp.webp); } } .history__inner { margin: 0 auto; width: 100%; max-width: 55rem; gap: 2.5rem; } .history__inner > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 767px) { .history__inner > .vauAEKqCd-group__inner-container { margin: 0 auto; } } @media screen and (max-width: 767px) { .history__inner > .vauAEKqCd-group__inner-container > figure > table > tbody { border-top: 0.0625rem solid var(--c_accent02); } } @media screen and (max-width: 767px) { .history__inner > .vauAEKqCd-group__inner-container > figure > table > tbody > tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; border-bottom: none; } } @media screen and (max-width: 767px) { .history__inner > .vauAEKqCd-group__inner-container > figure > table > tbody > tr > td { width: 100%; padding: 0; font-size: 0.875rem; } } @media screen and (max-width: 767px) { .history__inner > .vauAEKqCd-group__inner-container > figure > table > tbody > tr > td:first-child { border-top: none; border-bottom: none; } } @media screen and (max-width: 767px) { .history__inner > .vauAEKqCd-group__inner-container > figure > table > tbody > tr > td:last-child { border-top: none; } } .history__inner--header { width: 100%; gap: 3rem; } .history__inner--header > p { width: 100%; text-align: center; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.06em; line-height: 1.9; } @media screen and (max-width: 767px) { .history__inner--header > p { text-align: left; font-size: 0.875rem; } } .history__title { width: 100%; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .history__title > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } .display-block { display: block; } .biography { padding: 5.5rem; background-color: var(--c_bg01); } @media screen and (max-width: 767px) { .biography { padding: 5.5rem 0.625rem; } } .biography__inner { margin: 0 auto; width: 100%; max-width: 85rem; gap: 2.5rem; padding-left: 1.5rem; padding-right: 1.5rem; } @media screen and (max-width: 767px) { .biography__inner { max-width: none; } } .biography__inner > .vauAEKqCd-group { width: 100%; gap: 2rem; } .biography__title { width: 100%; } .biography__list { gap: 0.3125rem; } @media screen and (max-width: 767px) { .biography__list { gap: 1rem; } } .biography__list > .vauAEKqCd-group { width: 100%; gap: 2rem; } .biography__list > .vauAEKqCd-group > p { line-height: 1.9; letter-spacing: 0.06em; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .biography__list > .vauAEKqCd-group > p { font-size: 0.875rem; } } @media screen and (max-width: 767px) { .biography__list--item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0 !important; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .business { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg_14-pc.webp); background-position: top; background-repeat: no-repeat; background-size: cover; padding: 5.5rem 0.625rem; } @media screen and (max-width: 767px) { .business { padding: 5.5rem 0; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg_business-sp.webp); } } @media screen and (max-width: 767px) { .business > .vauAEKqCd-group__inner-container { position: relative; } } .business__inner { margin: 0 auto; width: 100%; gap: 5.5rem; } .business__inner > .vauAEKqCd-group { width: 100%; } .business__title > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } .business__header { width: 100%; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; text-align: center; gap: 2.5rem; } .business__header > p { font-size: 1.375rem; line-height: 1.6; letter-spacing: 0.08em; } .business__contents { width: 100%; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; text-align: center; gap: 1.5rem; } .business__contents > p { line-height: 1.9; letter-spacing: 0.06em; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .business__contents > p { text-align: left !important; max-width: 20.4375rem; font-size: 0.875rem; } } .business-second { gap: 3.5rem; } .activity-about { padding: 7.5rem 0 5.5rem 0; } @media screen and (max-width: 767px) { .activity-about { background-color: var(--c_bg01); padding: 3.4375rem 0; } } .activity-about__inner { padding-left: 7.5vw; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0 auto; width: 100%; max-width: 100rem; gap: 7.5rem; } @media screen and (max-width: 767px) { .activity-about__inner { padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2.5rem; } } .activity-about__header { gap: 3.5rem; } @media screen and (max-width: 767px) { .activity-about__header { width: 100%; max-width: 17.1875rem; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } } .activity-about__header > p { line-height: 1.9; letter-spacing: 0.06em; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } .activity-about__title > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } .activity-about__title > .vauAEKqCd-group__inner-container > h2, .activity-about__title > .vauAEKqCd-group__inner-container p { text-align: left; } .activity-about__bottom { padding-bottom: 10rem; } @media screen and (max-width: 767px) { .activity-about__bottom { background-color: var(--c_bg01); padding-bottom: 7.5rem; } } .activity-slide__image { width: 100%; max-width: 61.875rem; height: auto; } .activities__anchor { padding: 9.5rem 0 4rem 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 767px) { .activities__anchor { padding-top: 8.125rem; } } .toc-box { width: 100%; background-color: var(--c_bg02); padding: 1.125rem 1.5rem; border-radius: 0.625rem; } .toc-list > .h2 { position: relative; padding-left: 1rem; } .toc-list > .h2::before { content: ""; width: 0.4375rem; height: 0.4375rem; background-color: var(--c_accent01); position: absolute; left: 0; top: 1rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; } .toc-list > .h2 > a { font-size: 1rem; line-height: 1.5; font-family: "fot-tsukuaoldmin-pr6n", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif; font-style: normal; } .toc-list > .h2:not(:first-child) { padding-top: 0.625rem; } .toc-list > .h2:not(:first-child)::before { content: ""; width: 0.4375rem; height: 0.4375rem; background-color: var(--c_accent01); position: absolute; left: 0; top: 1.625rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; } .toc-list > .h3 { position: relative; padding: 0.625rem 0 0.625rem 2rem; } .toc-list > .h3::before { content: ""; width: 0.6875rem; height: 0.0625rem; background-color: var(--c_text03); position: absolute; left: 1rem; top: 1.625rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; } .toc-list > .h3 > a { font-size: 1rem; line-height: 1.5; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-style: normal; } #auto-toc.is-hidden { display: none !important; } .win { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg_14-pc.webp); background-position: top; background-repeat: no-repeat; background-size: cover; border-radius: 3.75rem; padding: 6.25rem 2rem; } @media screen and (max-width: 767px) { .win { border-radius: 2rem; padding: 4.5rem 1.5rem; } } .win > .vauAEKqCd-group__inner-container > .vauAEKqCd-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4rem; } .win__inner { margin: 0 auto; width: 100%; max-width: 85rem; } .win__header { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 1148px) { .win__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2rem; } } .win__header > figure { width: 100%; max-width: 35.625rem; height: auto; } @media screen and (max-width: 767px) { .win__title { width: 100%; } } .win__title > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } .win__title > .vauAEKqCd-group__inner-container > h2, .win__title > .vauAEKqCd-group__inner-container p { text-align: left !important; } .win__bottom { width: 100%; background-color: var(--c_bg03); margin: 0 auto; padding: 3.5rem 11.25rem; border-radius: 2.5rem; } @media screen and (max-width: 767px) { .win__bottom { padding: 3rem 1.25rem; border-radius: 1.25rem; } } .win__bottom > .vauAEKqCd-group__inner-container > .history-slider__nav { width: 100%; max-width: 55rem; position: relative; left: 4rem; } @media screen and (max-width: 767px) { .win__bottom > .vauAEKqCd-group__inner-container > .history-slider__nav { position: unset; margin-top: 4rem; } } .win__bottom > .vauAEKqCd-group__inner-container > .vauAEKqCd-group > .vauAEKqCd-group__inner-container > .practice-card { padding-bottom: 0; } @media screen and (max-width: 767px) { .win__bottom .practice-card-text { padding: 0 !important; } } .win__card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .win__card--width { width: 100%; gap: 2rem; } .win__card--max-width { max-width: none !important; } .win__slide > .vauAEKqCd-group__inner-container > .vauAEKqCd-group > .vauAEKqCd-group__inner-container > .vauAEKqCd-group > .vauAEKqCd-group > p { font-size: 2rem; line-height: 1.6; letter-spacing: 0.083em; } @media screen and (max-width: 767px) { .win-slider__dots { padding-bottom: 4rem !important; } } .pickup { padding: 7.5rem; } @media screen and (max-width: 767px) { .pickup { padding: 6.25rem 1.5rem; } } .pickup__inner { margin: 0 auto; width: 100%; max-width: 85rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2rem; } @media screen and (max-width: 767px) { .pickup__inner { max-width: none; } } .company-profile { background-color: var(--c_text01); padding: 6.25rem 1rem; } @media screen and (max-width: 767px) { .company-profile { padding: 6.25rem 1.5rem; } } .company-profile__title { width: 100%; } .company-profile__title > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; color: var(--c_accent02) !important; } .company-profile__title > .vauAEKqCd-group__inner-container > p, .company-profile__title > .vauAEKqCd-group__inner-container h2 { color: var(--c_accent02); } .company-profile__inner { margin: 0 auto; width: 100%; max-width: 55.5rem; gap: 4.5rem; } @media screen and (max-width: 767px) { .company-profile__inner { gap: 7.5rem; } } .company-profile__inner > .vauAEKqCd-group { gap: 2rem; width: 100%; } .company-profile__inner > .vauAEKqCd-group > .vauAEKqCd-group { width: 100%; } .company-profile__card { width: 100%; max-width: 26rem; gap: 1rem; } @media screen and (max-width: 1148px) { .company-profile__card { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } } .company-profile__card--wrapper { gap: 3.5rem; } @media screen and (max-width: 767px) { .company-profile__card--wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .company-profile__name { width: 100%; text-align: center; color: var(--c_accent02); font-size: 1.375rem; line-height: 1.6; letter-spacing: 0.08em; } @media screen and (max-width: 767px) { .company-profile__name { font-size: 1.125rem; } } .company-profile__table { gap: 0; } @media screen and (max-width: 767px) { .company-profile__table { width: 100%; } } .company-profile__table--contents { width: 100%; padding: 0.625rem 1rem 0.625rem 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border-bottom: 0.0625rem solid var(--c_accent02); } @media screen and (max-width: 767px) { .company-profile__table--contents { gap: 0; } } .company-profile__table--contents:first-child { border-top: 0.0625rem solid var(--c_accent02); } .company-profile__table--contents > p { color: var(--c_accent02); font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } .company-profile__table--title { width: 4rem; } @media screen and (max-width: 1148px) { .company-profile__table--title { width: 2rem; } } @media screen and (max-width: 767px) { .company-profile__table--title { font-size: 0.875rem; width: 4rem; } } .company-profile__table--text { width: 16.25rem; color: var(--c_accent02); font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 1148px) { .company-profile__table--text { width: 13rem; } } @media screen and (max-width: 767px) { .company-profile__table--text { font-size: 0.875rem; } } .company-profile__table--tel { text-decoration: underline; } @media (any-hover: hover) { .company-profile__table--tel:hover { opacity: 0.8; -webkit-box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); } } .company-profile__table-detail { max-width: 55.5rem !important; color: var(--c_accent02); } @media screen and (max-width: 767px) { .company-profile__table-detail > table > tbody { border-top: 0.0625rem solid var(--c_accent02); } } @media screen and (max-width: 767px) { .company-profile__table-detail > table > tbody > tr { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; } } .company-profile__table-detail > table > tbody > tr td { line-height: 2.2; vertical-align: top; letter-spacing: 0.06em; } @media screen and (max-width: 767px) { .company-profile__table-detail > table > tbody > tr td { width: 100% !important; font-size: 0.875rem; } } @media screen and (max-width: 767px) { .company-profile__table-detail > table > tbody > tr td:first-child { border-top: none; border-bottom: none; padding-top: 1rem; padding-left: 1rem; padding-bottom: 0; } } @media screen and (max-width: 767px) { .company-profile__table-detail > table > tbody > tr td:last-child { padding-top: 0; border-top: none; padding-bottom: 1rem; padding-left: 1rem; } } .google-map { width: 1.25rem; height: 1.25rem; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/icon-map-pc.webp); background-position: center; background-repeat: no-repeat; background-size: cover; } @media (any-hover: hover) { .google-map:hover { opacity: 0.8; -webkit-box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); } } .information { width: 100%; } .information__title { width: 100%; } .information__title > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } .information__header { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; width: 100%; max-width: 51.375rem; gap: 3rem; } .information__inner { margin: 0 auto; gap: 2.5rem; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .information__data--list { width: 100%; gap: 1.75rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .information__data--card { width: 100%; max-width: 33.75rem; padding: 0 0.5rem 1.25rem 0.5rem; border-bottom: 0.0625rem solid #8c8c8c; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 1.6; letter-spacing: 0.08em; } .information__data--title { font-size: 1rem; line-height: 1.6; letter-spacing: 0.08em; } .information__data--title:focus { opacity: 0.6; } @media (any-hover: hover) { .information__data--title:hover { opacity: 0.6; } } @media screen and (max-width: 767px) { .information__data--title { font-size: 1rem !important; } } .information__data--title-school { width: 100% !important; } .information__data--accordion { width: 100%; max-width: 33.75rem; gap: 1.75rem; -webkit-transition: all 0.3s; transition: all 0.3s; } .information__data--df { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 5rem; width: 100%; } @media screen and (max-width: 767px) { .information__data--df { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .information__data--df-column { gap: 3.5rem; } .information__data--pdf { text-decoration: underline; white-space: nowrap; } @media screen and (max-width: 767px) { .information__data--pdf { font-size: 0.875rem; } } .information__data--card:focus { opacity: 0.6; } @media (any-hover: hover) { .information__data--card:hover { opacity: 0.6; } } .js-accordion-trigger { cursor: pointer; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: relative; } .js-accordion-trigger::after { content: ""; position: absolute; right: -2, 25rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 2.25rem; height: 2.25rem; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/accordion-arrow.svg); background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .js-accordion-trigger.is-open::after { -webkit-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); } .information__data--title-school::after { content: ""; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 2.25rem; height: 2.25rem; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/accordion-arrow.svg); background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .evaluation { width: 100%; } .evaluation__title { width: 100%; } .evaluation__title > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } .evaluation__header { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; width: 100%; gap: 3rem; } .evaluation__inner { margin: 0 auto; gap: 2.5rem; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .evaluation__inner > .information__data--df-column { width: 100%; } .opinion { width: 100%; } .opinion__title { width: 100%; } .opinion__title > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } .opinion__title > .vauAEKqCd-group__inner-container > h2, .opinion__title > .vauAEKqCd-group__inner-container p { width: 100%; } .opinion__header { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; width: 100%; gap: 3rem; } .opinion__inner { margin: 0 auto; gap: 5.5rem; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .opinion__pdf { width: 100%; } .opinion__pdf > .information__data--df-column { width: 100%; } .opinion__contents { width: 100%; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; gap: 3rem; } .opinion__contents > p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; text-align: center; } @media screen and (max-width: 767px) { .opinion__contents > p { text-align: left; } } .opinion__contents--attention { width: 100%; max-width: 40rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; padding: 0.25rem 0; text-align: left !important; } @media screen and (max-width: 767px) { .opinion__contents--attention { max-width: 17.625rem; } } .opinion__contents--attention::before { content: ""; width: 0.78125rem; height: 100%; display: block; border-top: 0.0625rem solid var(--c_text01); border-left: 0.0625rem solid var(--c_text01); border-bottom: 0.0625rem solid var(--c_text01); position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 767px) { .opinion__contents--attention::before { left: -1.5rem; } } .opinion__contents--attention::after { content: ""; width: 0.78125rem; height: 100%; display: block; border-top: 0.0625rem solid var(--c_text01); border-right: 0.0625rem solid var(--c_text01); border-bottom: 0.0625rem solid var(--c_text01); position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 767px) { .opinion__contents--attention::after { right: -1.5rem; } } .system__button { width: 100%; max-width: 17.5rem; height: 3.25rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0.75rem 2.5rem 0.75rem 2rem; font-size: 1rem; line-height: 1.6; letter-spacing: 0.08em; color: var(--c_text01); text-decoration: none; border: 1px solid var(--c_text02); border-radius: 2.5rem; background-color: var(--c_bg01); -webkit-box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.12); box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.12); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .system__button::after { content: ""; display: block; background-image: url("https://www.seikoukai.or.jp/hoqubad/images/accordion-arrow.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; width: 2.25rem; height: 2.25rem; position: absolute; right: 1.25rem; top: 50%; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .system__button:hover { opacity: 0.8; -webkit-box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); } .pdf { padding: 5.5rem 2rem 6.25rem 2rem; } @media screen and (max-width: 767px) { .pdf { padding: 5.5rem 1.5rem 6.25rem 1.5rem; } } .pdf__inner { margin: 0 auto; width: 100%; max-width: 72.5rem; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; gap: 6.25rem; } .pdf__inner > .vauAEKqCd-group > .vauAEKqCd-group__inner-container .vauAEKqCd-group .vauAEKqCd-group > p:not(.information__data--title) { line-height: 1.9; letter-spacing: 0.06em; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .pdf__inner > .vauAEKqCd-group > .vauAEKqCd-group__inner-container .vauAEKqCd-group .vauAEKqCd-group > p:not(.information__data--title) { font-size: 0.875rem; } } .opinion__header .opinion__contents--attention, .opinion__header .display-pc, .opinion__header .display-sp { display: none; } .opinion__header .opinion__contents--attention.is-open, .opinion__header .display-pc.is-open, .opinion__header .display-sp.is-open { display: -webkit-box; display: -ms-flexbox; display: flex; } .step__card { width: 100%; max-width: 19.375rem; gap: 1.5rem; } @media screen and (max-width: 767px) { .step__card { margin: 0 auto !important; gap: 1.125rem; max-width: unset; } } .step__card--wrapper > .vauAEKqCd-group__inner-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2rem; } .step__card--list { margin: 0 auto; width: 100%; max-width: 85rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; gap: 2.5rem !important; } @media screen and (max-width: 1440px) { .step__card--list { max-width: 64rem; } } @media screen and (max-width: 1148px) { .step__card--list { max-width: 42rem; } } @media screen and (max-width: 767px) { .step__card--list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1.5rem !important; } } .step__card figure { width: 100%; } .step__bottom { width: 100%; } @media screen and (max-width: 767px) { .step__bottom { gap: 0.75rem; } } .step__bottom > p { width: 100%; text-align: center; } .step__bottom > p:not(.step__title) { font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; text-align: left; font-size: 0.875rem; } .step__title { font-size: 1.375rem; line-height: 1.6; letter-spacing: 0.08em; } @media screen and (max-width: 767px) { .step__title { font-size: 1.25rem; } } .map-wrapper { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; width: 100%; gap: 0; } .map-wrapper > .system__button { margin: 3.5rem 0 0 0; } .map-wrapper > .vauAEKqCd-group { gap: 3rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 767px) { .map-wrapper > .vauAEKqCd-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; } } .step__card--list { display: none !important; } .step__card--list.step-visible { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; margin-top: 7rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .shibuya__map, .shinjuku__map { margin-top: 3.5rem !important; width: 17.5rem !important; font-size: 0.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 767px) { .shibuya__map, .shinjuku__map { width: 18rem; font-size: 0.7rem; } } @media screen and (max-width: 767px) { .shibuya__map { margin-top: 4rem !important; } } @media screen and (max-width: 767px) { .shinjuku__map { margin-top: 1.5rem !important; } } .documents { padding: 5.5rem 1.5rem 7.5rem 1.5rem; background: -webkit-gradient(linear, left top, left bottom, from(var(--c_bg02)), to(var(--c_bg01))); background: linear-gradient(to bottom, var(--c_bg02), var(--c_bg01)); } .documents__jisshi { background: var(--c_bg04); } .documents__inner { margin: 0 auto; width: 100%; max-width: 80.5rem; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; gap: 2.5rem; } @media screen and (max-width: 767px) { .documents__inner { max-width: 20.4375rem; } } .documents__inner > .vauAEKqCd-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .documents__inner > .vauAEKqCd-group > .vauAEKqCd-group__inner-container > p:not(.title-h2__post--under) { padding-top: 3rem; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; line-height: 1.9; letter-spacing: 0.06em; } @media screen and (max-width: 767px) { .documents__inner > .vauAEKqCd-group > .vauAEKqCd-group__inner-container > p:not(.title-h2__post--under) { text-align: left !important; font-size: 0.875rem; padding-top: 2.375rem; } } .documents__button--wrapper { width: 100%; gap: 2rem; } @media screen and (max-width: 767px) { .documents__button--wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2rem; } } .documents__button--row { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 767px) { .documents__button--row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2rem; } } .documents__button--title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.5rem; } @media screen and (max-width: 767px) { .documents__button--title { gap: 0.5rem; } } .documents__button--text { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0.08em; } @media screen and (max-width: 767px) { .documents__button--text { font-size: 1rem; } } .documents__data--pdf { max-width: 50%; width: 39.25rem; height: 9.625rem; background-color: var(--c_bg01); border: 0.0625rem solid var(--c_text02); border-radius: 0.75rem; -webkit-box-shadow: 0 0 0.375rem 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0 0.375rem 0 rgba(0, 0, 0, 0.12); padding: 2rem 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 767px) { .documents__data--pdf { max-width: unset; width: 20.4375rem; height: 5.625rem; padding: 1.5rem 1.25rem; } } .documents__data--pdf:focus { opacity: 0.8; -webkit-box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); } @media (any-hover: hover) { .documents__data--pdf:hover { opacity: 0.8; -webkit-box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); } } .documents__icon--pumpkin { width: 5.625rem; height: 5.625rem; min-width: 5.625rem; min-height: 5.625rem; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/icon-download-pc.webp); background-position: top; background-repeat: no-repeat; background-size: cover; } @media screen and (max-width: 767px) { .documents__icon--pumpkin { width: 2.625rem; height: 2.625rem; min-width: 2.625rem; min-height: 2.625rem; } } .documents__icon--jisshi { width: 5.625rem; height: 5.625rem; min-width: 5.625rem; min-height: 5.625rem; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/icon-jisshi-pc.webp); background-position: top; background-repeat: no-repeat; background-size: cover; } @media screen and (max-width: 767px) { .documents__icon--jisshi { width: 2.625rem; height: 2.625rem; min-width: 2.625rem; min-height: 2.625rem; } } .documents__icon--arrow { width: 2.5rem; height: 2.5rem; min-width: 2.5rem; min-height: 2.5rem; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/enrollment-info-arrow.svg); background-position: top; background-repeat: no-repeat; background-size: cover; } @media screen and (max-width: 767px) { .documents__icon--arrow { width: 1.5rem; height: 1.5rem; min-width: 1.5rem; min-height: 1.5rem; } } .br-sp { display: none; } @media screen and (max-width: 767px) { .br-sp { display: block; } } .br-tab { display: none; } @media screen and (max-width: 1148px) { .br-tab { display: block; } } .br-pc { display: block; } @media screen and (max-width: 767px) { .br-pc { display: none; } } .display-pc { display: block; } @media screen and (max-width: 1148px) { .display-pc { display: none; } } .display-tab { display: none; } @media screen and (max-width: 1148px) { .display-tab { display: block; } } .display-sp { display: none; } @media screen and (max-width: 767px) { .display-sp { display: block; } } .display-pc-image { display: block !important; } @media screen and (max-width: 767px) { .display-pc-image { display: none !important; } } .display-sp-image { display: none !important; } @media screen and (max-width: 767px) { .display-sp-image { display: block !important; } } .br-tab-only { display: none; } @media screen and (max-width: 1148px) and (min-width: 921px) { .br-tab-only { display: block !important; } } .white-space-nowrap-pc { white-space: nowrap; } @media screen and (max-width: 767px) { .white-space-nowrap-pc { white-space: normal; } } @media screen and (max-width: 767px) { .white-space-nowrap-sp { white-space: nowrap; } } .display-none { display: none; } .interests__inner { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 7.5rem; padding-bottom: 5.5rem; padding-right: 7.5rem; margin: 0 auto; width: 100%; max-width: 100rem; gap: 7.5rem; } @media screen and (max-width: 1148px) { .interests__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-right: 0; padding-left: 0; } } @media screen and (max-width: 767px) { .interests__inner { gap: 2.5rem; padding-top: 5.5rem; } } .interests__inner > figure { max-width: 57.5rem; } .interests__discription { width: 100%; max-width: 27.5rem; gap: 3rem; padding: 0 1.5rem; } @media screen and (max-width: 1148px) { .interests__discription { max-width: unset; } } @media screen and (max-width: 767px) { .interests__discription { padding: 0 1.5rem; } } .interests__discription > .vauAEKqCd-group { width: 100%; } .interests__discription > .vauAEKqCd-group > h2 { text-align: left !important; } @media screen and (max-width: 1148px) { .interests__discription > .vauAEKqCd-group > h2 { text-align: center !important; width: 100%; display: block; } } @media screen and (max-width: 767px) { .interests__discription > .vauAEKqCd-group > h2 { width: 100%; } } @media screen and (max-width: 1148px) { .interests__discription > .vauAEKqCd-group > p { text-align: center !important; width: 100%; display: block; } } @media screen and (max-width: 767px) { .interests__discription > .vauAEKqCd-group > p { width: 100%; text-align: center !important; } } .interests__discription > p { line-height: 1.9; letter-spacing: 0.06em; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; } @media screen and (max-width: 767px) { .interests__discription > p { margin: 0 auto; font-size: 0.875rem; } } .interests__right { width: 100%; max-width: 57.5rem; } .experience { padding: 5.5rem 1.5rem 7.5rem 1.5rem; } .experience__inner { width: 100%; max-width: 85rem; margin: 0 auto; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; gap: 2.5rem; } .experience__inner .vauAEKqCd-group { width: 100%; text-align: center; gap: 3rem; } .experience__inner .vauAEKqCd-group > p { width: 100%; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .experience__inner .vauAEKqCd-group > p { text-align: left; font-size: 0.875rem; } } .experience__list { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 3.5rem; } @media screen and (max-width: 767px) { .experience__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .experience__list > .activity-card-contents { max-width: 26rem; } @media screen and (max-width: 767px) { .experience__list > .activity-card-contents { max-width: unset; gap: 1.5rem; } } .experience__list > .activity-card-contents > .activity-card-discription > .activity-card-title { text-align: center; font-family: "fot-tsukuaoldmin-pr6n", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif; font-weight: 300; font-style: normal; } @media screen and (max-width: 767px) { .experience__list > .activity-card-contents > .activity-card-discription > .activity-card-title { font-size: 1.25rem; } } .experience__list > .activity-card-contents > .activity-card-discription > .activity-card-text { text-align: left; } @media screen and (max-width: 767px) { .experience__list > .activity-card-contents > .activity-card-discription > .activity-card-text { font-size: 0.875rem; text-align: left; } } .grow { padding: 5.5rem 0.625rem 8rem 0.625rem; } @media screen and (max-width: 767px) { .grow { padding-left: 0; padding-right: 0; padding-bottom: 4rem; } } .grow__inner { width: 100%; max-width: 85rem; margin: 0 auto; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; gap: 2.5rem; } .grow__inner .vauAEKqCd-group { width: 100%; text-align: center; gap: 3rem; } .grow__inner .vauAEKqCd-group > p { width: 100%; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .grow__inner .vauAEKqCd-group > p { text-align: left; } } .grow__list { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 3.5rem; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 767px) { .grow__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .grow__list > .activity-card-contents { max-width: 19.375rem; } @media screen and (max-width: 767px) { .grow__list > .activity-card-contents { max-width: unset; gap: 1.5rem; } } .grow__list > .activity-card-contents figure { width: 100%; } .grow__list > .activity-card-contents figure > img { width: 100%; } .grow__list > .activity-card-contents > .activity-card-discription > .activity-card-title { text-align: center; font-family: "fot-tsukuaoldmin-pr6n", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif; font-weight: 300; font-style: normal; } @media screen and (max-width: 767px) { .grow__list > .activity-card-contents > .activity-card-discription > .activity-card-title { font-size: 1.25rem; } } .grow__list > .activity-card-contents > .activity-card-discription > .activity-card-text { text-align: left; } @media screen and (max-width: 767px) { .grow__list > .activity-card-contents > .activity-card-discription > .activity-card-text { font-size: 0.875rem; text-align: left; } } .blog__card { width: 100%; } .blog__card--wrapper { gap: 2rem; } .blog__card--wrapper > .announce__card { max-width: 100%; } @media screen and (max-width: 767px) { .blog__card--wrapper > .announce__card { max-width: 100% !important; } } .blog__card--wrapper > .announce__card > .announce__card--thumbnail { max-width: 23.625rem !important; height: auto; aspect-ratio: 189/110; } @media screen and (max-width: 767px) { .blog__card--wrapper > .announce__card > .announce__card--thumbnail { max-width: 6rem !important; aspect-ratio: 1/1; } } .blog__card--wrapper > .announce__card > .announce__card--contents { gap: 1.25rem; } .blog__card--wrapper > .announce__card > .announce__card--contents > .announce__card--title { font-size: 1.25rem; line-height: 1.8; letter-spacing: 0.08em; } @media screen and (max-width: 767px) { .blog__card--wrapper > .announce__card > .announce__card--contents > .announce__card--title { font-size: 0.875rem; } } .blog__card--wrapper > .announce__card > .announce__card--contents > .announce__card--excerpt { font-size: 1rem; line-height: 1.9; letter-spacing: 0.06em; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .blog__card--wrapper > .announce__card > .announce__card--contents > .announce__card--excerpt { font-size: 0.875rem; } } .nursery__button-wrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 5.5rem; } @media screen and (max-width: 767px) { .nursery__button-wrap { margin-top: 4rem; } } .nursery-button { font-family: "fot-tsukuaoldmin-pr6n", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif; font-weight: 300; font-style: normal; } @media screen and (max-width: 767px) { .nursery-button { width: 16.3125rem !important; font-size: 0.9375rem !important; } } .system__button { font-family: "fot-tsukuaoldmin-pr6n", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif; font-weight: 300; font-style: normal; width: 20rem !important; } @media screen and (max-width: 767px) { .system__button { width: 16.3125rem; font-size: 0.9375rem !important; } } .button__text--school-group-list { white-space: nowrap; } .button--school-group { padding-left: 2.5rem !important; } .no-topics { font-family: "fot-tsukuaoldmin-pr6n", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif; font-weight: 300; font-style: normal; width: 100%; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 1rem; } html body .pt-88 { padding-top: 5.5rem !important; } html body .pt-128 { padding-top: 8rem !important; } html body .pb-88 { padding-bottom: 5.5rem !important; } html body .pb-120 { padding-bottom: 7.5rem !important; } html body .pb-140 { padding-bottom: 8.75rem !important; } @media screen and (max-width: 767px) { html body .pt-88-sp { padding-top: 5.5rem !important; } html body .pt-140-sp { padding-top: 8.75rem !important; } html body .pt-128-sp { padding-top: 8rem !important; } html body .pt-60-sp { padding-top: 3.75rem !important; } html body .pb-88-sp { padding-bottom: 5.5rem !important; } } .page-nurseries .school-list .container { padding-bottom: 10rem; } @media screen and (max-width: 767px) { .page-nurseries .school-list .container { padding-top: 6.25rem; padding-bottom: 7.5rem; } } .page-contact .subpage-title, .page-others-confirm .subpage-title, .page-company-confirm .subpage-title, .page-recruit-confirm .subpage-title, .page-contact-completed .subpage-title { background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.32)), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.24)), to(rgba(0, 0, 0, 0.24))), url(https://www.seikoukai.or.jp/hoqubad/images/subpage-title-bg_page-contact-pc.webp); background: linear-gradient(90deg, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.24)), url(https://www.seikoukai.or.jp/hoqubad/images/subpage-title-bg_page-contact-pc.webp); background-size: cover; background-position: center; background-repeat: no-repeat; } @media screen and (max-width: 1148px) { .page-contact .subpage-title, .page-others-confirm .subpage-title, .page-company-confirm .subpage-title, .page-recruit-confirm .subpage-title, .page-contact-completed .subpage-title { background-size: 120%; } } @media screen and (max-width: 767px) { .page-contact .subpage-title, .page-others-confirm .subpage-title, .page-company-confirm .subpage-title, .page-recruit-confirm .subpage-title, .page-contact-completed .subpage-title { background-size: 140%; } } @media screen and (max-width: 390px) { .page-contact .subpage-title, .page-others-confirm .subpage-title, .page-company-confirm .subpage-title, .page-recruit-confirm .subpage-title, .page-contact-completed .subpage-title { background-size: cover; } } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: transparent !important; -webkit-box-shadow: 0 0 0px 1000px white inset !important; box-shadow: 0 0 0px 1000px white inset !important; } .contact .container, .contact-confirm .container, .contact-completed .container { max-width: 46.25rem; padding-top: 7.5rem; padding-bottom: 8.125rem; } @media screen and (max-width: 767px) { .contact .container, .contact-confirm .container, .contact-completed .container { padding-bottom: 8.125rem; } } .contact__lead, .contact-confirm__lead, .contact-completed__lead { letter-spacing: 0.06em; text-align: center; margin-top: 2.5rem; } @media screen and (max-width: 767px) { .contact__lead, .contact-confirm__lead, .contact-completed__lead { font-size: 0.875rem; } } @media screen and (max-width: 480px) { .contact__lead, .contact-confirm__lead, .contact-completed__lead { text-align: left; } } .contact .form, .contact-confirm .form { line-height: 1.6; padding: 0 0.625rem; margin-top: 4rem; } .contact .form--inner, .contact-confirm .form--inner { margin-top: 0; } @media screen and (max-width: 767px) { .contact .form, .contact-confirm .form { padding: 0; font-size: 0.875rem; } } .contact .form__item, .contact-confirm .form__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 0.625rem; margin-top: 2.5rem; } .contact .form__item--first, .contact-confirm .form__item--first { margin-top: 0; } .contact .form__item--select:has(.form__select-box-outer .wpcf7-not-valid), .contact-confirm .form__item--select:has(.form__select-box-outer .wpcf7-not-valid) { padding-bottom: 2.125rem; } .contact .form__item--others-name, .contact-confirm .form__item--others-name { margin-top: 1rem; } .contact .form__label, .contact-confirm .form__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 0.5rem; -moz-column-gap: 0.5rem; column-gap: 0.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contact .form__tag, .contact-confirm .form__tag { font-size: 0.875rem; color: var(--c_bg01); border-radius: 0.3125rem; padding: 0.0625rem 0.5625rem; } .contact .form__tag--required, .contact-confirm .form__tag--required { background-color: var(--c_text01); border: 0.0625rem solid var(--c_text01); } .contact .form__tag--any, .contact-confirm .form__tag--any { color: var(--c_text01); background-color: var(--c_bg01); border: 0.0625rem solid var(--c_text02); } .contact .form__head, .contact-confirm .form__head { font-size: 1.125rem; } @media screen and (max-width: 767px) { .contact .form__head, .contact-confirm .form__head { font-size: 0.875rem; } } .contact .form__item--checkbox, .contact-confirm .form__item--checkbox { height: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 3.125rem; line-height: 1; } .contact .form .form__radio-box { padding: 0.625rem; } @media screen and (max-width: 480px) { .contact .form .form__radio-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 1.5rem; -moz-column-gap: 1.5rem; column-gap: 1.5rem; row-gap: 2rem; padding: 0.625rem 0 0 0.625rem; } } .contact .form .form__radio-box .wpcf7-list-item { margin-left: 1.5rem; } .contact .form .form__radio-box .wpcf7-list-item.first { margin-left: 0; } @media screen and (max-width: 480px) { .contact .form .form__radio-box .wpcf7-list-item { margin-left: 0; width: calc((100% - 1.5rem) / 2); } } .contact .form .form__radio-box .wpcf7-list-item-label { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contact .form .form__radio-box input[type=radio] { opacity: 0; position: absolute; } .contact .form .form__radio-box .wpcf7-list-item-label::before { background: var(--c_bg01); border: 0.0625rem solid var(--c_accent03); border-radius: 50%; content: ""; width: 1.25rem; height: 1.25rem; margin-bottom: auto; margin-right: 0.75rem; margin-top: auto; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .contact .form .form__radio-box input[type=radio]:checked + .wpcf7-list-item-label::before { background-color: var(--c_text03); -webkit-box-shadow: inset 0 0 0 0.1875rem var(--c_bg01); box-shadow: inset 0 0 0 0.1875rem var(--c_bg01); } .contact .form__box { width: 100%; } .contact .form__box::-webkit-input-placeholder { color: var(--c_text03); } .contact .form__box::-moz-placeholder { color: var(--c_text03); } .contact .form__box:-ms-input-placeholder { color: var(--c_text03); } .contact .form__box::-ms-input-placeholder { color: var(--c_text03); } .contact .form__box::placeholder { color: var(--c_text03); } .contact .form__box.wpcf7-not-valid { background-color: var(--c_bg06); } .contact .form__box--text, .contact .form__box--textarea, .contact .form__box--select { border: 0.0625rem solid var(--c_text03); border-radius: 0.3125rem; background-color: var(--c_bg01); } .contact .form__box--text, .contact .form__box--select { padding: 0.625rem; } .contact .form__box--textarea { padding: 1rem; height: 11.25rem; } .contact .form__mail-note { font-size: 0.875rem; color: var(--c_accent01); margin-top: -0.25rem; } .contact .form .select-hidden { display: none; visibility: hidden; } .contact .form__select-box-outer { cursor: pointer; position: relative; width: 100%; height: 2.6875rem; border: 0.0625rem solid var(--c_text03); border-radius: 0.3125rem; background-color: var(--c_bg01); color: var(--c_text03); } .contact .form__select-box-outer.error { background-color: var(--c_bg06); } .contact .select { position: relative; } .contact .select-styled { position: absolute; top: 0; right: 0; left: 0; height: 2.6875rem; padding: 0.625rem; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .contact .select-styled.error { position: relative; } .contact .select-styled::after { display: block; content: ""; position: absolute; top: 0.875rem; right: 1.1875rem; width: 0.5625rem; height: 0.5625rem; border-top: 0.0625rem solid var(--c_text01); border-right: 0.0625rem solid var(--c_text01); -webkit-transform: rotate(135deg); transform: rotate(135deg); } .contact .select-styled.active:after { -webkit-transform: translateY(50%) rotate(-45deg); transform: translateY(50%) rotate(-45deg); } .contact .select-styled.selected { color: var(--c_text01); } .contact .select-options { display: none; position: absolute; top: 2.5rem; right: 0; width: 100%; z-index: 999; margin: 0; padding: 0; list-style: none; overflow-y: scroll; background-color: var(--c_bg01); color: var(--c_text01); font-weight: 500; line-height: 1; border-left: 0.062rem solid var(--c_text03); border-bottom: 0.062rem solid var(--c_text03); border-right: 0.062rem solid var(--c_text03); border-radius: 0 0 0.3125rem 0.3125rem; } .contact .select-options--recruit-contact-type { height: 7.3125rem; } .contact .select-options--company-contact-type { height: 12.0625rem; } .contact .select-options--select-school { height: 26.3125rem; } .contact .select-options li { padding: 0.375rem 1rem; line-height: 1.6; -webkit-transition: color 0.3s, background-color 0.3s; transition: color 0.3s, background-color 0.3s; } .contact .select-options li[rel=hide] { display: none; } .contact .select-options li.is-selected { background-color: var(--c_text02); color: var(--c_bg01); } @media (any-hover: hover) { .contact .select-options li:hover { background-color: var(--c_text02); color: var(--c_bg01); } } .form__select-box-outer:has(.wpcf7-not-valid) { background-color: var(--c_bg06); } .contact .form__checkbox { display: none; } .contact .form .wpcf7-list-item-label { padding-left: 2rem; display: inline-block; position: relative; cursor: pointer; line-height: 1; } .contact .form .wpcf7-list-item-label .underline { border-bottom: 0.0625rem solid var(--c_text03); padding-bottom: 0.625rem; } .contact .form .wpcf7-list-item-label::after, .contact .form .wpcf7-list-item-label::before { content: ""; display: block; position: absolute; top: 0; } .contact .form .wpcf7-list-item-label::before { border: 0.0625rem solid #aaaaaa; background-color: #ffffff; height: 1.25rem; width: 1.25rem; border-radius: 0.1875rem; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .contact .form .wpcf7-list-item-label::after { border: solid var(--c_text03); border-width: 0 0.1875rem 0.1875rem 0; left: 0.3125rem; top: -0.125rem; width: 0.5625rem; height: 0.875rem; border-radius: 0.0625rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } .contact .form__checkbox:checked + span::after { opacity: 1; } .form__button-outer-box { text-align: center; margin-top: 3.75rem; } .form__button-outer { text-align: center; position: relative; display: inline-block; border-radius: 2.5rem; } .form__button-outer .button-arrow-right { position: absolute; top: 50%; right: 2.0625rem; } .form__button-outer input[type=submit] { appearance: none; -webkit-appearance: none; -moz-appearance: none; } .form__button { width: 17.875rem; font-size: 0.9375rem; line-height: 1; text-align: left; cursor: pointer; display: block; border: 0.0625rem solid var(--c_text02); border-radius: 2.5rem; background-color: var(--c_bg04); -webkit-box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.12); box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.12); height: 3.25rem; padding: 0.8125rem 0 0.8125rem 3.5rem; -webkit-transition: opacity 0.3s, -webkit-box-shadow 0.3s; transition: opacity 0.3s, -webkit-box-shadow 0.3s; transition: opacity 0.3s, box-shadow 0.3s; transition: opacity 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s; } @media screen and (max-width: 767px) { .form__button { width: 17.25rem; } } @media (any-hover: hover) { .form .form__button:hover { -webkit-box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); } .form .form__button-outer:hover { opacity: 0.8; } } .form .form__button:focus { -webkit-box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); box-shadow: inset 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.08); } .form .form__button-outer:focus { opacity: 0.8; } .wpcf7-spinner { display: none; } .wpcf7-response-output { display: none; } .wpcf7-not-valid-tip { color: var(--c_accent01); font-size: 1rem; line-height: 1; padding-top: 1rem; padding-left: 1rem; } .form__item--checkbox .wpcf7-not-valid-tip { display: block; text-align: center; padding-top: 1.25rem; } .contact-confirm .form { margin-top: 2.5rem; } .contact-confirm .form__item { row-gap: 1.25rem; } .contact-confirm .form__box { width: 100%; padding: 0 0.625rem; } .contact-confirm .form__privacypolicy-text .underline { border-bottom: 0.0625rem solid var(--c_text03); padding-bottom: 0.625rem; cursor: pointer; } .contact-confirm .form__button-outer { text-align: center; position: relative; display: inline-block; } .contact-confirm .form__button-outer .button-arrow-left { position: absolute; top: 50%; left: 2.0625rem; } .contact-confirm .form__button-outer-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 2.5rem; -moz-column-gap: 2.5rem; column-gap: 2.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 767px) { .contact-confirm .form__button-outer-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 2rem; } } .contact-confirm .form__button--prev { padding: 0.8125rem 0 0.8125rem 5.1875rem; } input.wpcf7-form-control.wpcf7-text.contact-type2 { position: absolute; top: 0; left: -50vw; } @media screen and (max-width: 1599px) { .contact-completed .container { padding-left: 0.875rem; padding-right: 0.875rem; } } @media screen and (max-width: 767px) { .contact-completed .container { padding-left: 1.5rem; padding-right: 1.5rem; } } .contact-completed .form { margin-top: 2.5rem; } .contact-completed .contact__lead .contact__lead-item:last-child { margin-top: 2rem; } @media screen and (max-width: 767px) { .contact-completed .contact__lead .contact__lead-item:last-child { margin-top: 1.75rem; } } .contact-completed__button-outer { margin-top: 3.125rem; text-align: center; } .contact-completed__button { width: 13.6875rem; } @media screen and (max-width: 767px) { .contact-completed__button { width: 13.375rem; } } .page-content { background-color: var(--c_bg01); } .parent-attempt { padding: 7rem 2rem; width: 100%; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg_10-pc.webp); background-position: top; background-repeat: no-repeat; background-size: cover; } @media screen and (max-width: 1148px) { .parent-attempt { padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 6.25rem; padding-bottom: 6.25rem; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg-parent-education-sp.webp); } } .parent-attempt__inner { width: 100%; max-width: 85rem; margin: 0 auto; gap: 2rem; } @media screen and (max-width: 767px) { .parent-attempt__inner { max-width: 20.4375rem; gap: 2rem; } } .parent-attempt__inner > .vauAEKqCd-group { width: 100%; max-width: 62.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1.25rem; } @media screen and (max-width: 1228px) { .parent-attempt__inner > .vauAEKqCd-group > .vauAEKqCd-group { padding-left: 2rem; } } @media screen and (max-width: 767px) { .parent-attempt__inner > .vauAEKqCd-group > .vauAEKqCd-group { padding-left: 0; } } .parent-attempt__inner > .vauAEKqCd-group > .vauAEKqCd-group > p { font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.06em; } @media screen and (max-width: 767px) { .parent-attempt__inner > .vauAEKqCd-group > .vauAEKqCd-group > p { font-size: 0.875rem; } } .parent-attempt__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.75rem; } .parent-attempt__title > h2, .parent-attempt__title p { text-align: left; } .parent__school-list { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg_14-pc.webp); background-position: top; background-repeat: no-repeat; background-size: cover; padding: 0 0 7.875rem 0; } .program { padding: 5.5rem 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2.5rem; background-image: none !important; } @media screen and (max-width: 767px) { .program { padding: 5.5rem 1.5rem !important; } } .program__inner { margin: 0 auto; width: 100%; max-width: 85rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2.5rem; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .program__inner > .vauAEKqCd-group { gap: 3rem; } .program__inner > .vauAEKqCd-group > p { line-height: 1.6; letter-spacing: 0.06em; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; } @media screen and (max-width: 767px) { .program__inner > .vauAEKqCd-group > p { line-height: 1.9; font-size: 0.875rem; } } .program__title { width: 100%; } .program__title > .vauAEKqCd-group__inner-container > h2, .program__title > .vauAEKqCd-group__inner-container p { text-align: center; } .program__contents { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } @media screen and (max-width: 1148px) { .program__contents { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3.5rem !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } } .other-activities--program { background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg_11-pc.webp); background-position: top; background-repeat: no-repeat; background-size: cover; } .other-activities__inner--program { gap: 2rem; } .other-activities__inner--program > p { text-align: center; } .other-activities__title { font-size: 1rem !important; } .other-activities__buttons { font-size: 1rem !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 767px) { .other-activities__buttons { gap: 1.5rem; } } .other-activities__buttons--education { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 1148px) { .other-activities__buttons--education { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .other-activities__buttons--education:before { content: ""; width: 26.25rem; height: 0; display: block; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media screen and (max-width: 1440px) { .other-activities__buttons--education:before { width: 22rem; } } @media screen and (max-width: 1228px) { .other-activities__buttons--education:before { width: 20.4375rem; } } .other-activities__buttons--education::after { content: ""; width: 26.25rem; height: 0; display: block; } @media screen and (max-width: 1440px) { .other-activities__buttons--education::after { width: 22rem; } } @media screen and (max-width: 1228px) { .other-activities__buttons--education::after { width: 20.4375rem; } } .other-activities-button__single { width: 26.25rem; height: 6.875rem; } @media screen and (max-width: 1440px) { .other-activities-button__single { width: 22rem; height: 6.125rem; } } @media screen and (max-width: 1228px) { .other-activities-button__single { width: 20.4375rem; height: 6.125rem; } } @media screen and (max-width: 767px) { .other-activities-button__single { width: 20.4375rem; height: 6.125rem; } } .attempt-list__wrapper { padding: 10rem 0.625rem 15rem 0.625rem; background-image: url(https://www.seikoukai.or.jp/hoqubad/images/bg_attempt-pc.webp); background-position: top; background-repeat: no-repeat; background-size: cover; } @media screen and (max-width: 767px) { .attempt-list__wrapper { padding: 6.25rem 0; } } .attempt-list__inner { margin: 0 auto; width: 100%; max-width: 85rem; gap: 6.25rem; } @media screen and (max-width: 767px) { .attempt-list__inner { max-width: 20.4375rem; gap: 5.5rem; } } .attempt-list__inner > .vauAEKqCd-group { gap: 3rem; } @media screen and (max-width: 767px) { .attempt-list__inner > .vauAEKqCd-group { gap: 2rem; } } .attempt-list__inner > .vauAEKqCd-group > .vauAEKqCd-group { gap: 1.25rem; } @media screen and (max-width: 1228px) { .attempt-list__inner > .vauAEKqCd-group > .vauAEKqCd-group { padding-left: 2rem; } } @media screen and (max-width: 767px) { .attempt-list__inner > .vauAEKqCd-group > .vauAEKqCd-group { padding-left: 0; } } .attempt-list__inner > .vauAEKqCd-group > .vauAEKqCd-group > h2 { font-size: 1.75rem; line-height: 1.6; letter-spacing: 0.08em; } .attempt-list__inner > .vauAEKqCd-group > .vauAEKqCd-group > p { line-height: 1.9; letter-spacing: 0.06em; font-family: "fot-tsukuardgothic-std", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: 400; font-style: normal; letter-spacing: 0.06em; } @media screen and (max-width: 767px) { .attempt-list__inner > .vauAEKqCd-group > .vauAEKqCd-group > p { font-size: 0.875rem; } } @media screen and (max-width: 767px) { .parent__school-list { padding-bottom: 7.5rem !important; } } @media screen and (max-width: 767px) { .parent__school-list > .vauAEKqCd-group__inner-container > .school-list > .container { padding-top: 6.25rem !important; } } .error404 .subpage-title { background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.32)), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.24)), to(rgba(0, 0, 0, 0.24))), url(https://www.seikoukai.or.jp/hoqubad/images/subpage-title-bg_page-contact-pc.webp); background: linear-gradient(90deg, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.24)), url(https://www.seikoukai.or.jp/hoqubad/images/subpage-title-bg_page-contact-pc.webp); background-size: cover; background-position: center; background-repeat: no-repeat; } @media screen and (max-width: 1148px) { .error404 .subpage-title { background-size: 120%; } } @media screen and (max-width: 767px) { .error404 .subpage-title { background-size: 140%; } } @media screen and (max-width: 390px) { .error404 .subpage-title { background-size: cover; } } @media screen and (max-width: 767px) { .error404 .subpage-title__box { padding: 12.75rem 0 2rem; } } @media screen and (max-width: 767px) { .error404 .subpage-title__box { padding: 10.375rem 0 2rem; } } .error404-box .container { max-width: 50rem; padding-top: 7.5rem; padding-bottom: 8.125rem; } .error404-box__text { text-align: center; letter-spacing: 0.06em; margin-top: 2.5rem; } @media screen and (max-width: 767px) { .error404-box__text { text-align: left; font-size: 0.875rem; } } .error404-box__button-outer { text-align: center; } .error404-box__button { width: 13.6875rem; margin-top: 3.125rem; } @media screen and (max-width: 767px) { .error404-box__button { width: 13.375rem; } }
.mr-b-40 { margin-bottom: 2.5rem !important; } .mr-b-80 { margin-bottom: 5rem !important; } .gnav__list .button-arrow-bottom::before { -webkit-transform: rotate(-140deg) !important; transform: rotate(-140deg) !important; } .single-topics__container .article__content a{ color: var(--c_text02)!important; text-decoration:underline!important; transition:0.3s all!important; } .single-topics__container .article__content a:hover{ opacity:0.6!important; } @media screen and (min-width: 768px) { .message__text_contena { max-width: 37rem; } .message__text_contena-2 { max-width: 53rem; } .message-img { max-width: 15rem !important; } .header .gnav__link{ font-size: 0.88rem!important; } .header .gnav__list { column-gap: 1.8rem!important; } .header .gnav {    column-gap: 2.4rem!important; } } @media screen and (min-width: 1240px) and (max-width: 1280px) { .message__text_contena-2 { max-width: 40rem; } .message-img { max-width: 28rem !important; } } @media screen and (min-width: 1281px) and (max-width: 1340px) { .message__text_contena-2 { max-width: 45rem; } .message-img { max-width: 23rem !important; } } @media screen and (min-width: 1341px) and (max-width: 1420px) { .message__text_contena-2 { max-width: 50rem; } .message-img { max-width: 18rem !important; } } @media screen and (max-width: 767px) { .message-img { margin-top: 1rem !important; max-width: 10rem !important; margin-bottom: -1rem !important; } #company-1>div>div:nth-child(2)>figure>figcaption { margin-left: 1.3rem; font-size: 14px; margin-bottom: 0rem; } } .single-school_detail .school-detail__title--wrapper h2.title-h2__post { font-size: 2rem !important; margin-bottom: 0.75rem !important; } h1.vauAEKqCd-heading.school-detail__name--ja { font-size: 1.5vw !important; color: #fff !important; } @media screen and (max-width: 767px) { h1.vauAEKqCd-heading.school-detail__name--ja { font-size: 3.73vw !important; } .single-school_detail .school-detail__title--wrapper h2.title-h2__post { font-size: 1.375rem !important; margin-bottom: 0 !important; } } .breadcrumbs__item:last-child .breadcrumbs__link{ opacity:0.5; } @media screen and (max-width: 767px) { .breadcrumbs__wrapper { display:none!important; } } #company-6 > div > div > div > div > div > div:nth-child(7) > a{ padding: 2rem 3rem 2rem 0rem; } @media screen and (max-width: 767px) { #company-6 > div > div > div > div > div > div:nth-child(7) > .btn-enrollment-info::after{ right: 2.375rem; } } .page-nurseries-confirm .footer-top { display: none; } .page-nurseries-confirm .subpage-title { background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.32)), to(rgba(0, 0, 0, 0))), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.24)), to(rgba(0, 0, 0, 0.24))), url(https://www.seikoukai.or.jp/hoqubad/images/subpage-title-bg_page-contact-pc.webp); background: linear-gradient(90deg, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.24)), url(https://www.seikoukai.or.jp/hoqubad/images/subpage-title-bg_page-contact-pc.webp); background-size: cover; background-position: center; background-repeat: no-repeat; } @media screen and (max-width: 1148px) { .page-nurseries-confirm .subpage-title { background-size: 120%; } } @media screen and (max-width: 767px) { .page-nurseries-confirm .subpage-title { background-size: 140%; } } @media screen and (max-width: 390px) { .page-nurseries-confirm .subpage-title { background-size: cover; } } .wpcf7-date { padding: 0.625rem; border: 0.0625rem solid #868686; border-radius: 0.3125rem; }
 [data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add { display:none; } .wpcf7cf_repeater_sub { margin-bottom: 20px; } .wpcf7cf_repeater_controls, .wpcf7cf_step_controls { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 20px; } .wpcf7cf_multistep .wpcf7cf_step { width: 100%; } .wpcf7cf_multistep .wpcf7cf_step .step-title { display: none; } .wpcf7cf_multistep .wpcf7cf_steps-dots { display: flex; width: 100%; margin-bottom: 20px; flex-wrap: wrap; } .wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index { display: inline-block; border-radius: 50%; background: #dfdfdf; color: #000000; width: 40px; height: 40px; line-height: 40px; text-align: center; } .wpcf7cf_multistep .wpcf7cf_steps-dots .dot { border-bottom: 5px solid #dfdfdf; text-align: center; flex: 1; padding: 15px; min-width: 120px; } .wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed { border-bottom: 5px solid #333; } .wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active { border-bottom: 5px solid #333; font-weight: bold; } .wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index { background-color: #333; color: #ffffff; } .wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index { background-color: #333; color: #ffffff; } .wpcf7cf_step_controls .disabled { pointer-events: none; cursor: default; opacity: .5; }